jQuery.FilterTable Quick List Sample

This is a sample of the jQuery.FilterTable plugin which shows the usage of the quickList optional parameter.

Note that the “neighbor island” quick list item works because within some cells exists code that is hidden with CSS: <span class="hidden">neighbor island</span>.

Main campuses of the University of Hawaiʻi System

Campus	Island	Fall 2011 Enrollment
University of Hawaiʻi at Hilo	Hawaiʻi neighbor island	4,100
University of Hawaiʻi at Mānoa	Oʻahu	20,400
University of Hawaiʻi—West Oʻahu	Oʻahu	1,600
Hawaiʻi Community College	Hawaiʻi neighbor island	3,900
Honolulu Community College	Oʻahu	4,600
Kapiʻolani Community College	Oʻahu	9,000
Kauaʻi Community College	Kauaʻi neighbor island	1,400
Leeward Community College	Oʻahu	7,900
Maui College	Maui neighbor island	4,500
Windward Community College	Oʻahu	2,700

Note that while the filter is case-insensitive, it is UTF-8 aware so searching for oahu will not find Oʻahu.

Code

$('table').filterTable({
    quickList: quickList: [
        'Oʻahu',
        'Hawaiʻi',
        'university',
        'college',
        'neighbor island'
    ],
    quickListClear: '× clear filter'
});