DataTables

• Usage
• Examples
• Styling
• API
• Development
• Editor
• Extras
• Plug-ins
• Blog
• FAQs
• Forums

Purchase

Download

Support

Preamble

ColReorder provides the ability to specify a column ordering which is not that of the HTML (which typically you will want) through the parameter oColReorder.aiOrder. This is an array of integers with the column ordering you want.

Live example

Examples

• Basic initialisation
• Styling the insert cursor
• Individual column filtering
• Integration with DataTables' ColVis plug-in
• Integration with DataTables' FixedColumns plug-in
• Integration with DataTables' FixedHeader plug-in
• Using a predefined column order set
• Providing a user control to reset the column order
• Column reordering shown with scrolling in DataTables
• Server-side processing support
• State saving of the column position
• jQuery UI theme integration

Initialisation code

$(document).ready( function () {
	var oTable = $('#example').dataTable( {
		"sDom": 'Rlfrtip',
		"oColReorder": {
			"aiOrder": [ 4, 3, 2, 1, 0 ]
		}
	} );
} );