Skip to content

Makes table headers stick to the top of the viewport when scrolling down HTML data tables.

License

Notifications You must be signed in to change notification settings

kingkool68/stickyHeader

Repository files navigation

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:

  1. stickyHeader.js
  2. The two CSS rules to your stylesheet
  3. class="stickyHeader" to any table that you want to have a stickyHeader

CSS Rules

    .hide {
        display:none;
    }
    div.stickyHeader {
        top:0;
        position:fixed;
        _position:absolute;
    }

Demos

About

Makes table headers stick to the top of the viewport when scrolling down HTML data tables.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published