DataTables

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

Purchase

Download

Support

Preamble

FixedHeader is a particularly useful plug-in for DataTables, allowing a table header to float at the top of a scrolling window. ColReorder works well with FixedHeader, allowing you to reorder columns even using the floating header, as shown in the example below.

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": 'RC<"clear">lfrtip'
	} );
	new FixedHeader( oTable );
} );