jquery-filterify

jQuery.filterify - make your tables interactive Filterify is a jquery extension which add a select box to each of table head td/th element, making it filterable by user.

Usage

Filterify is extremaly easy to use! Just run $.filterify() on any table element or even on group of elements you wish to!

Example 1

$('.filterify').filterify();

Parameters

Columns

Columns parameter allows you to specify which columns should be filterable. Columns are counted from 1 to N.

Example 4

$('.filterify-2').filterify({ 'columns': '1,3,5' });

To make it more usefull columns parameter comes with predefined values:

Except-first

If you pass except-first, all columns except first will be filterable

Example 3

$('.filterify-3').filterify({ 'columns': 'except-first' });

Except-last

If you pass except-last, all columns but last will be filterable

Example 4

$('.filterify-4').filterify({ 'columns': 'except-last' });

Except-first-and-last

If you pass except-first-and-last, all columns except first and last will be filterable

Example 5

$('.filterify-5').filterify({ 'columns': 'except-first-and-last' });

Between-n-m

If you pass between-n-m, all columns between N and M will be filterable

Example 6

$('.filterify-6').filterify({ 'columns': 'between-2-4' });

All (default value)

If you pass all, all columns will be filterable

Example 7

$('.filterify-7').filterify({ 'columns': 'all' });

emptyValue

emptyValue parameter allows you to spcify default select tag value

Example 8

$('.filterify-8').filterify({ 'emptyValue': 'This is default value' });

For more information check examples.