ColReorder example with ColVis

Preamble

The ColReorder plug-in interacts with the ColVis plug-in for DataTables by updating the order of the list of columns whenever a reorder is done. This is shown in the example below, where one column has been hidden by default to add extra emphasis to ColVis.

Live example

Rendering enginePlatform(s)Engine versionCSS grade
Rendering enginePlatform(s)Engine versionCSS grade
Gecko Win 98+ / OSX.2+ 1.8 A
Gecko Win 98+ / OSX.2+ 1.8 A
Gecko Win 2k+ / OSX.3+ 1.9 A
Gecko OSX.2+ 1.8 A
Gecko OSX.3+ 1.8 A
Gecko Win 95+ / Mac OS 8.6-9.2 1.7 A
Gecko Win 98SE+ 1.7 A
Gecko Win 98+ / OSX.2+ 1.8 A
Gecko Win 95+ / OSX.1+ 1 A
Gecko Win 95+ / OSX.1+ 1.1 A
Showing 1 to 10 of 57 entries

Examples

Initialisation code

$(document).ready( function () {
	var oTable = $('#example').dataTable( {
		"sDom": 'RC<"clear">lfrtip',
		"aoColumnDefs": [
			{ "bVisible": false, "aTargets": [ 1 ] }
		]
	} );
} );