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.