stickyHeader.js makes table headers stick to the top of the viewport when scrolling down long HTML data tables. Slides for the presentation I gave at the September DC jQuery Meetup can be found at http://www.slideshare.net/kingkool68/stickyheaderjs
Versions for
- jQuery
- Prototype
- Moo Tools
- Dojo Toolkit
To get started just include:
- stickyHeader.js
- The two CSS rules to your stylesheet
- class="stickyHeader" to any table that you want to have a stickyHeader
.hide {
display:none;
}
div.stickyHeader {
top:0;
position:fixed;
_position:absolute;
}