Data table with working text input filter

Regarding the data table with head inputs example, does anyone know how to get the filter actually working? For example:

<div class="card data-table">
  <table>
   <thead>
    <tr>
     <th class="input-cell">
      <span class="table-head-label">Animals</span>
      <div class="input" style="width: 50px">
        <input type="text" placeholder="Filter">
      </div>
     </tr>
    </th>         
   </thead>
   <tbody>
   <tr>
    <td>Cat</td>
   </tr>
   <tr>
    <td>Dog</td>
   </tr>
  </tbody>
 </table>
</div>

Thanks.