jquery.freezeheader

A simple jquery plugin to freeze header row in html table.

Installation

Include script after the jQuery library (unless you are packaging scripts somehow else):

<script src="/path/to/jquery.freezeheader.js"></script>

Usage

Create a table with fixed header in the top browser:

        $(document).ready(function () {
            $("#tableid").freezeHeader();
        })

Create a table with fixed header and scroll bar:

        $(document).ready(function () {
            $("#tableid").freezeHeader({ 'height': '300px' });
        })

Create a table with fixed header and offset:

        $(document).ready(function () {
            $("#tableid")freezeHeader({'offset' : '51px'})
            .on("freeze:on", function( event ) {
                    //do something
            }).on("freeze:off", function( event ) {
                    //do something
            });
        })

Demo

http://laertejjunior.github.io/freezeheader/

Development

• Source hosted at GitHub
• Report issues, questions, feature requests on GitHub Issues

Pull requests are very welcome! Make sure your patches are well tested. Please create a topic branch for every separate change you make.

Authors

Laerte Mercier Junior