ColumnFilterWidgets - grouped terms example

DataTables

This page requires the DataTables jQuery plugin. Put the ColumnFilterWidgets directory under DataTables/extras/.

Preamble

By default, selected terms appear after the dropdown they were selected from. By setting the oColumnFilterWidgets.bGroupTerms option, selected terms will all be added together in a div with class "column-filter-widget-selected-terms" placed after the div containing the dropdowns.

Live example

Rendering engineBrowserPlatform(s)Engine versionCSS grade
Rendering engineBrowserPlatform(s)Engine versionCSS grade
Gecko Firefox 1.5 Win 98+ / OSX.2+ 1.8 A
Gecko Firefox 2.0 Win 98+ / OSX.2+ 1.8 A
Gecko Firefox 3.0 Win 2k+ / OSX.3+ 1.9 A
Gecko Camino 1.0 OSX.2+ 1.8 A
Gecko Camino 1.5 OSX.3+ 1.8 A
Gecko Netscape 7.2 Win 95+ / Mac OS 8.6-9.2 1.7 A
Gecko Netscape Browser 8 Win 98SE+ 1.7 A
Gecko Netscape Navigator 9 Win 98+ / OSX.2+ 1.8 A
Gecko Mozilla 1.0 Win 95+ / OSX.1+ 1 A
Gecko Mozilla 1.1 Win 95+ / OSX.1+ 1.1 A
Showing 1 to 10 of 57 entries

Examples

Initialisation code

$(document).ready( function () {
	$('#example').dataTable( {
		"sDom": 'W<"clear">lfrtip',
		"oColumnFilterWidgets": {
			"bGroupTerms": true
		}
	} );
} );