A repository of over 1000 quality jQuery plugins

jQuery jQuery Uitablefilter

jQuery Uitablefilter is a jQuery Filter & Sort plugin.

Created by Gregwebs

small plugin for filtering (hiding) table rows based on their text content

Not what you're looking for? Click here to view more Filter & Sort jQuery plugins

uiTableFilter

  • jquery plugin for filtering table rows

alternatives

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.

download

click Download link at bottom of: http://plugins.jquery.com/project/uiTableFilter

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

source code

http://github.com/gregwebs/jquery-uitablefilter

author and license

copyright Greg Weber. MIT licensed.

Demos

personal

http://projects.gregweber.info/demo/flavorzoom.html

outside

http://silverwareconsulting.com/index.cfm/2008/10/2/jquery-autofiltering-table this is a nice example that ties this plugin with the tablesorter plugin

usage

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

arguments:

* 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

Warning:

  • expects a thead and tbody element


You might also like these other Filter & Sort jQuery Plugins

  • jquery-sdfilterme

    Another simple light-weight jQuery plugin to easily filter and order portfolio, articles, gallery, etc.

  • Tabulous JS

    A jQuery tabs module for todays web!

  • jQuery Listnav

    Add a slick "letter-based" navigation bar to all of your lists. Click a letter to quickly filter the list to items that match that letter...