JSFiddle - React, Tailwind, and code Playground
HTML
What are you looking for:
<input type="text" id="searchbox">
<table id="searchMe">
<tr>
<td>one</td>
<td>two</td>
</tr>
<tr>
<td>three</td>
<td>four</td>
</tr>
<tr>
<td>five</td>
<td>six</td>
</tr>
</table>
CSS
table td {
border: 1px solid #000;
width: 200px;
}
JavaScript
$("#searchbox").keyup(function () {
$("#debug").text("");
var searchterms = $("#searchbox").val().toLowerCase().split(' ');
$('#searchMe tr').each(function (i, row) {
$(row).hide(1);
$("td", row).each(function (y, td) {
var tdValue = $(td).text().toLowerCase();
searchterms.forEach(function (entry) {
if (tdValue.indexOf(entry) != -1) {
$(row).show(100);
}
});
});
});
});