jQuery.FilterTable Quick List Sample

← More samples

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 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 3,900
Honolulu Community College Oʻahu 4,600
Kapiʻolani Community College Oʻahu 9,000
Kauaʻi Community College Kauaʻi 1,400
Leeward Community College Oʻahu 7,900
Maui College Maui 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'
});