DataTables

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

Purchase

Download

Support

Preamble

This example shows how the jQuery UI ThemeRoller option in DataTables can be used with ColReorder. The important thing to node here is how sDom is set up in order to include the required classes and elements.

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": 'R<"H"lfr>t<"F"ip>',
		"bJQueryUI": true,
		"sPaginationType": "full_numbers"
	} );
} );