Skip to content

laertejjunior/freezeheader

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

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

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

About

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

Resources

License

Stars

Watchers

Forks

Packages

No packages published