JSFiddle - React, Tailwind, and code Playground
HTML
<label>Quick Search: <input id="search" type="text"></label>
<table>
<tr>
<td>FredF</td>
<td>Fred Flintstone</td>
<td><input type="checkbox" name="userId" value="@user.UserId" /></td>
</tr>
<tr>
<td>BarneyR</td>
<td>Barney Rubble</td>
<td><input type="checkbox" name="userId" value="@user.UserId" /></td>
</tr>
<tr>
<td>FredF</td>
<td>Fred Flintstone</td>
<td><input type="checkbox" name="userId" value="@user.UserId" /></td>
</tr>
</table>
JavaScript
var $rows = $("tr");
$("#search").keyup(function() {
var val = $.trim(this.value);
if (val === "")
$rows.show();
else {
$rows.hide();
$rows.has("td:contains(" + val + ")").show();
}
});