small plugin for filtering (hiding) table rows based on their text content
JavaScript CSS Ruby
Latest commit 347a97c May 31, 2014 @gregwebs Merge pull request #12 from smita786/master
allow to specify particular elements within <td> to limit search to


  • jquery plugin for filtering table rows


This plugin is very light-weight (please look at the source). I consider it finished, and have no plans to add any features. It works quickly for small data sets without consuming any extra memory (that would be needed for faster filtering).

If you use a javascript framework which keeps the table data in memory (backbone.js, etc) then all you have to do is add a hook to automatically re-reunder the table. If you are using a framework like AngularJS the table will be re-rendered automatically. So it is probably very easy to just roll your own table filter.


click Download link at bottom of:

That link seems to be broken now. You can simply download the latest code from github

source code

author and license

copyright Greg Weber. MIT licensed.



outside this is a nice example that ties this plugin with the tablesorter plugin


          var t = $('table')
          $.uiTableFilter( t, phrase )


* jQuery object containing table rows
* phrase to search for
  - If the phrase contains spaces it will be broken up into separate words that must all match a row

optional arguments: $.uiTableFilter( t, phrase, column, ifHidden )

* column to limit search too (the column title in the table header)
* ifHidden - callback to execute if one or more elements was hidden


  • expects a thead and tbody element