Preamble

If you are using multiple rows in the table header, it can be useful to have a rowspanning cell on the column(s) you have fixed in place - equally at other times it can be useful to not and make use of the two or more cells per column. FixedColumns builds on the complex header support in DataTables to make this trivial to use in FixedColumns. Just initialise your FixedColumns instance as you normally would!

Live example

Initialisation code

$(document).ready( function () {
	var oTable = $('#example').dataTable( {
		"sScrollY": "300px",
		"bPaginate": false,
		"sScrollX": "100%",
		"sScrollXInner": "150%",
		"bScrollCollapse": true
	} );
	new FixedColumns( oTable );
} );

Documentation

• Usage
• API / parameters

Basic examples

• Basic demo of FixedColumns with zero initialisation
• Fix the left and right columns in place
• Index column attached to side of the table
• Index column, but with Y scrolling and no pagination
• Two columns fixed in place
• Fix the right column in place
• Speeding up row height matching with CSS
• jQuery UI themed table with FixedColumns

Advanced examples

• Using ROWSPAN with FixedColumns
• Server-side processing with FixedColumns
• Individual column filtering
• Setting the fixed column width and resizing the table
• Setting the fixed column width with relative sizing
• Row grouping by grouping like rows in the fixed column
• Row grouping by inserting a grouping row
FixedColumns and DataTables © Allan Jardine 2011.