jQuery Dropdown Table Filter

Want interactive table filtering without requiring ajax page reloads? I needed this last week and couldn't find a simple, easy to use jQuery table filter that would give me select boxes in the table header.  This seems like a no-brainer, and I'm sure a similar plugin exists somewhere in the jQuery universe, but I couldn't find it, so I wrote one.   

This is especially sweet for Drupal, since it (at least in theory) allows us to serve a single cached version of the page, and allow users to manipulate it without the extra load of server side filtering.  I wrote this plugin with simplicity, flexibility, and performance in mind.  Hit GitHub for the full code and instructions.

 

 

Unfiltered Table

Item # Type In Stock
Item 1 Special Y
Item 2 Not Special N
Item 3 Special N

Filtered Table

Item # Type In Stock
Item 1 Special Y
Item 2 Not Special N
Item 3 Special N

The Code

$('#table_format').ddTableFilter()

Get It

The code and instructions are hosted on GitHub.