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="" />

JavaScript

$(function(){


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

})