JSFiddle - React, Tailwind, and code Playground
HTML
<input type="text" id="what"><button id="btn">find</button>
<table id="data">
<tbody>
<tr>
<td>bla</td>
</tr>
<tr>
<td>fasel</td>
</tr>
<tr>
<td>blubbs</td>
</tr>
</tbody>
</table>
CSS
tr {
display:none;
}
tr.match {
display: block;
}
JavaScript
function find() {
console.log('find');
var what = $('#what').val();
$.each($('#data tr td'), function(index, item) {
$(item).parent('tr').removeClass('match');
if ($(item).text().indexOf(what)>-1){
$(item).parent('tr').addClass('match');
}
});
}
$(document).ready(function() {
$('#btn').on('click', function() {
find();
});
});