JSFiddle - React, Tailwind, and code Playground

by Elak

HTML

<input type="text" class="searchBox"/>
<table>
    <tr class="row">
        <td class="column">Lala</td>
        <td class="column">Blub</td>
    </tr>
    <tr class="row">
        <td class="column">Lala</td>
        <td class="column">Blub</td>
    </tr>
    <tr class="row">
        <td class="column">Something Else</td>
        <td class="column">Else else</td>
    </tr>
    <tr class="row">
        <td class="column">Lala</td>
        <td class="column">Blub</td>
    </tr>
    <tr class="row">
        <td class="column">Lala</td>
        <td class="column">Blub</td>
    </tr>
</table>

JavaScript

$(document).ready(function(){
    $(".searchBox").bind("keydown",function(){
        var search = $(this).val();
        if(!search || search.length < 2){
            $(".row").show();
            return;
        }
        $(".column").each(function(){
            
            if($(this).text().indexOf(search)>=0){
                $(this).parent().hide();
            }
        });
    });
});