Preamble

When you have two or more columns fixed on a table, there might be occasions when you which to have one column floating on top of another. This example shows how you can do that with the initialisation parameters zTop, zBottom, zLeft and zRight. In this example the left column is set to float on top of the header. The difference is subtle, but can be effective.

The default zIndexes are:

• zTop: 104
• zBottom: 103
• zLeft: 102
• zRight: 101

Live example

Initialisation code

$(document).ready( function () {
	var oTable = $('#example').dataTable();
	new FixedHeader( oTable, { "left": true, "zLeft": 105 } );
} );

Examples

• Basic demo with just the HeaderFixed
• FixedHeader without requiring DataTables
• Two tables with FixedHeaders on a single page
• A spreadsheet style layout with header and footer, left and right columns all fixed.
• Change the display order of the fixed elements (zIndex)

Empty paragraphs to force scrolling!...