Skip welcome & menu and move to editor
Welcome to JS Bin
File
Add library
Share
Login or Register
Blog
Help
Load cached copy from
  • Run with JS
  • Save
  • Share
  • …
 
<!DOCTYPE html>
<html>
  <head>
    <meta charset=utf-8 />
    
    <script src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="http://tomcoote.co.uk/wp-content/CodeBank/Demos/columnFilters/jquery.columnfilters.js"></script>
    
    <title>JS Bin</title>
  </head>
  <body>
    <table id="demoTable" cellspacing="0" cellpadding="0">
      <thead>
        <tr>
          <th>First Name</th>
          <th>Surname</th>
          <th>Country</th>
          <th>Number</th>
        </tr>
      </thead>
      <tfoot></tfoot>
      <tbody>
        <tr>
          <td>Tom</td>
          <td>Coote</td>
          <td>United Kingdom</td>
          <td>1234</td>
        </tr>
        <tr>
          <td>Bob</td>
          <td>Edwards</td>
          <td>Australia</td>
          <td>15876</td>
        </tr>
        <tr>
          <td>Eddy</td>
          <td>Hornblower</td>
          <td>France</td>
          <td>1234</td>
        </tr>
        <tr>
          <td>Steve</td>
          <td>Blode</td>
          <td>USA</td>
          <td>9835</td>
        </tr>
        <tr>
          <td>Jeffrey</td>
          <td>Gnome</td>
          <td>Switzerland</td>
          <td>0159</td>
        </tr>
        <tr>
          <td>Terry</td>
          <td>Winkleman</td>
          <td>Canada</td>
          <td>023</td>
        </tr>
        </tbody>
    </table>
  </body>
</html>
​
 
$(document).ready(function() {
    $('#demoTable').columnFilters({wildCard:"", underline:"true", alternateRowClassNames:['tablerow_odd', 'tablerow_even']});
  /*$('._filterText').keypress(function() {
    $(this).css({'background-image':'url(\'http://frenemylogicians.com/forum/constructore/img/loading.gif\')'});
  });*/
    $('._filterText').css({'background-image':'url(\'http://frenemylogicians.com/forum/constructore/img/tick.png\')'});
});
Output 300px

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

Dismiss x
public
Bin info
bgranstrompro
0viewers