Plugins

User login
Can't find a Plugin?

Can't find a Plugin you are looking for? Check out the jQuery Wiki page.

Are you a plugin developer? Please move your plugin over to this site.

Website Bug or Feature Request?

Found a bug on the new jQuery Plugin website? Have a feature request?

Submit it to the jQuery Plugin website issue queue to ensure it is noticed!

Floating header plugin


Average rating
(4 votes)

This plugin makes sure the THEAD of a table always is visible. This is done by cloning the THEAD element and displaying it on top of the table when the original header is outside the viewport.

The plugin is tested on: FF, Chrome, Opera, IE 6, IE 7/8

NOTE:As expected there are still some strangeness on IE6, if you're good at IE6-compatibility please A) drop me a line B) send me a patch.

Usage

Example usage of the plugin.

jQuery("#table").floatHeader(); 

Options

Customization options available for the plugin. Please take a look at the project page for the most recent updates to these options.

fadeOut
The length of the fade out animation in ms. Default: 250
fadeIn
The length of the face in animation in ms. Default: 250
floatClass
The class of the div that contains the floating header. The style should contain an appropriate z-index value. Default: ‘floatHeader’
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.

Releases

Official releasesDateSizeLinksStatus
1.1.1-min2009-Dec-122.04 KBRecommended for 1.3.xThis is currently the recommended release for 1.3.x.