JSFiddle - React, Tailwind, and code Playground

HTML

<form class="navbar-form navbar-left" role="search">
  <div class="form-group">
    <input type="text" class="form-control" placeholder="Search" id="search">
  </div>
</form>

<table class="table table-hover" id="table">
  <tr>
    <td>Gabriel</td>
    <td>Rodrigues</td>
    <td>50</td>
  </tr>
  <tr>
    <td>Highlander</td>
    <td>Imortal</td>
    <td>94</td>
  </tr>
  <tfoot id="retorno">

  </tfoot>
</table>

JavaScript

var table = $("#table tbody").find("tr");

$("#search").keyup(function() {
  _this = this;
  flag = table.length;

  $.each(table, function() {
    if ($(this).text().toLowerCase().indexOf($(_this).val().toLowerCase()) == -1) {
      $(this).hide();
      flag--;
    } else {
      $(this).show();
    }
  });

  if (flag == 0)
    $("#retorno").html("Não foram encontrados resultados");
  else
    $("#retorno").html("");
});