jQuery.FilterTable Ignore a Class Sample

Ignore a Class

This is a sample of the jQuery.FilterTable plugin using the ignoreClass option.

In this sample, cells with the no-filter class are ignored—not filtered. Also in this sample, the ignored cells are styled via CSS to help identify that they are ignored.

For example:

Search for “pink” and note that neither “dragon fruit” nor “guava” are highlighted because both cells with pink have the no-filter class.
Search for “white” and note that while “dragon fruit” has “white” in its row, it is not highlighted because the cell with “white” has the ignored no-filter class.
Search for “fruit” and note that only “dragon fruit” is highlighted because “star fruit” and “lilikoʻi (passion fruit)” have the ignored no-filter class.

Fruit	Mesocarp Color(s) When Ripe
Avocado	Green
Banana	Yellow
Dragon fruit	Pink, White
Guava	Pink
Lilikoʻi (Passion fruit)	Orange, Yellow
Lychee	White
Mango	Orange, Yellow
Papaya	Orange, Red, Yellow
Pineapple	White, Yellow
Star fruit	Green, White, Yellow

Code

$('table').filterTable({
    ignoreClass: 'no-filter'
});