JSFiddle - React, Tailwind, and code Playground

HTML

<table style="width:100%">
  <tr>
    <th>Prénom</th>
    <th>Nom</th>
    <th>Age</th>
  </tr>
  <tr>
    <td>Jill</td>
    <td>Smith</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Eve</td>
    <td>Jackson</td>
    <td>94</td>
  </tr>
  <tr>
    <td>Jean</td>
    <td>Dupont</td>
    <td>73</td>
  </tr>
  <tr>
    <td>Etienne</td>
    <td>Martin</td>
    <td>53</td>
  </tr>
  <tr>
    <td>Fred</td>
    <td>Dupont</td>
    <td>18</td>
  </tr>
  <tr>
    <td>Emile</td>
    <td>Durant</td>
    <td>36</td>
  </tr>
  <tr>
    <td>Emilie</td>
    <td>Trudeau</td>
    <td>45</td>
  </tr>
</table>
<input type="text" id="search" value="" />

CSS

.hidden {
  display: none;
}

JavaScript

$(function() {
  $("#search").on("keyup", function() {
    var regval = new RegExp('^' + $(this).val(), "i");
    $("table tr:gt(0)").addClass('hidden');
    $("table tr:gt(0)").filter(function() {
      return $(this).find('td:eq(0)').html().match(regval);
    }).removeClass('hidden');
  });
});