jQuery Floating Table Header

This is done by cloning the THEAD element and displaying it on top of the table when the original header is outside the viewport.

It will be useful for long tables where when scrolling the table header pans out of the viewport.

The plugin is tested on: Firefox, Chrome, Opera, IE 6, IE 7/8+.

Features:

• Options:
• fadeOut - The length of the fade out animation in ms. Default: 250
• faceIn - The length of the face in animation in ms. Default: 250
• forceClass - Forces the plugin to use the marker class when searching for a header instead of thead. Default: false
• floatClass - The class of the div that contains the floating header. The style should contain an appropriate z-index value. Default: 'floatHeader'
• markerClass - The class name that is used for marking which rows that should be floating. Default: floating
• cbFadeOut - A callback that is called when the floating header should be faded out. The method is called with the wrapped header as argument.
• cbFadeIn - A callback that is called when the floating header should be faded in. The method is called with the wrapped header as argument.

What is new in this release:

• Lazy loading of tables and performance optimizations.

Requirements:

• JavaScript enabled on client side
• jQuery 1.3.x or higher