<link href="https://cdn.datatables.net/1.13.2/css/jquery.dataTables.css" rel="stylesheet" type="text/css" />
<script src="https://cdn.datatables.net/1.13.2/js/jquery.dataTables.js"></script><script src="https://code.jquery.com/jquery-1.12.4.min.js"></script><script src="https://code.jquery.com/jquery-3.1.0.min.js"></script>
<input type="text" id="search" onkeyup="demin(this)"/>
<table class="date">
  <thead>
    <tr><th>TEST</th><th>BLAH</th></tr>
  </thead>
  <tbody>
    <tr>
      <td>abc</td>
      <td>xyz</td>
     </tr>
    <tr>
      <td>123</td>
      <td>xya</td>
    </tr>
  </tbody>
</table>
<table class="date">
  <thead>
    <tr><th>TEST</th><th>BLAH</th></tr>
  </thead>
  <tbody>
    <tr>
      <td>def</td>
      <td>xxx</td>
     </tr>
    <tr>
      <td>321</td>
      <td>yya</td>
     <tr>
      <td>123</td>
      <td>xya</td>
    </tr>
    </tr>
  </tbody>
</table>
<table class="date">
  <thead>
    <tr><th>TEST</th><th>BLAH</th></tr>
  </thead>
  <tbody>
    <tr>
      <td>abc</td>
      <td>xyz</td>
     </tr>
    <tr>
      <td>123</td>
      <td>xya</td>
    </tr>
  </tbody>
</table>
 
$(document).ready( function () {
  var oTable = $('.date').DataTable();  
  $('#search').on('keyup', function () {
   oTable.search( this.value ).draw();
   
  });
} );
Output 300px

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers