/floatThead

Float any table's header while preserving events and styles

Primary LanguageJavaScript

jquery.floatThead v1.1.0

Float the table header without losing your events or styles.

DEMOS and Documentation

Why do we need another plugin that does this?

I was fed up the current state of floating header plugins. They either lose your styles or lose your events, or dont support the edge cases.
This is why i wrote jQuery.floatThead.

Features:

  • Floats the table header - so that the user can always see it
  • Supports tables with inner scroll bars, or whole page scrolling
  • Horizontal or vertical scrolling
  • Doesnt clone the thead - so your events stay bound
  • Doesnt mess with your styles
  • Works on any table
  • Requires no special css
  • Works with datatables out of the box

Requirements:

  • jQuery 1.8.x or better (1.9 compliant) (or jQuery 1.7.x and jQuery UI core)
  • Underscore.js 1.3 or better
  • IE8, IE9, FF10+ or Chrome15+.