JSFiddle - React, Tailwind, and code Playground

HTML

<table class="table table-hover table-primary nomargin"><th class="text-center"> Hostname </th><th class="text-center">  Prenom </th><th class="text-center"> Nom </th><th class="text-center"> Login </th><th class="text-center"> Service </th><th class="text-center"> Localisation </th><th class="text-center"> Costcenter </th><th class="text-center"> Statut </th><th class="text-center"> Type </th><th class="text-center"> Marque </th><th class="text-center"> N° Serie </th><th class="text-center"> N° SBE </th><th class="text-center"> Type de disque </th><th class="text-center"> Action </th><tr id="ligne_tableau"><td ondblclick="addInput(this)" id="hostname17">a</td><td ondblclick="addInput(this)" id="prenom17">b</td><td ondblclick="addInput(this)" id="nom17">c</td><td ondblclick="addInput(this)" id="login17">d</td><td ondblclick="addInput(this)" id="service17">e</td><td ondblclick="addInput(this)" id="localisation17">f</td><td ondblclick="addInput(this)" id="costcenter17">g</td><td ondblclick="addInput(this)" id="statut17"></td><td ondblclick="addInput(this)" id="type17">ih</td><td ondblclick="addInput(this)" id="marque17">j</td><td ondblclick="addInput(this)" id="num_serie17">k</td><td ondblclick="addInput(this)" id="num_sbe17"></td><td ondblclick="addInput(this)" id="type_disque17">m</td><td>
    						<a href="#" onclick="mod_tab(17)"  class="btn btn-info"><span class="glyphicon glyphicon-pencil" title="Validation de la modification"></span></a>
    						<a href="#" id="17"  class="btn btn-danger ol-md-offset-1 remove-row-table"><span class="glyphicon glyphicon-remove" title="Suppression de la ligne"></span></a>
    				  </td></tr><tr id="ligne_tableau"><td ondblclick="addInput(this)" id="hostname18">a</td><td ondblclick="addInput(this)" id="prenom18">b</td><td ondblclick="addInput(this)" id="nom18">c</td><td ondblclick="addInput(this)" id="login18">d</td><td ondblclick="addInput(this)" id="service18">e</td><td ondblclick="addInput(this)"...

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');
  });
  $('#reset').on('click', function(){
  	 $("#search").val('').trigger('keyup');
     
  })
});