🔔 Alert..!! Get 2 Month Free Cloud Hosting With $200 Bonus From Digital Ocean ACTIVATE DEAL

Freezeheader is a simple jQuery plugin to freeze header row in html table. It’s also known as fixed header table.

Plugins Tables

Documentation

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


You May Also Like