https://github.com/kingkool68/stickyheader

Makes table headers stick to the top of the viewport when scrolling down HTML data tables.
https://github.com/kingkool68/stickyheader

Last synced: 6 days ago
JSON representation

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

• Host: GitHub
• URL: https://github.com/kingkool68/stickyheader
• Owner: kingkool68
• License: other
• Created: 2011-09-25T03:46:38.000Z (over 13 years ago)
• Default Branch: master
• Last Pushed: 2018-03-29T14:57:56.000Z (almost 7 years ago)
• Last Synced: 2024-12-24T00:12:38.985Z (14 days ago)
• Language: HTML
• Size: 253 KB
• Stars: 92
• Watchers: 8
• Forks: 16
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
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:

0. stickyHeader.js

0. The two CSS rules to your stylesheet

0. class="stickyHeader" to any table that you want to have a stickyHeader

## CSS Rules

```css

    .hide {

        display:none;

    }

    div.stickyHeader {

        top:0;

        position:fixed;

        _position:absolute;

    }

```

## Demos

* http://dev.kingkool68.com/stickyHeader/jquery.htm

* http://features.pewforum.org/muslim-population/?sort=Pop1990&order=ASC