This time I will share jQuery Plugin and tutorial about jQuery Plugin For Fixed Table Header, Footer and Columns – TableHeadFixer, hope it will help you in programming stack.
TableHeadFixer is a lightweight jQuery plugin used to fix table headers/footers and or specified table columns while scrolling table vertically or horizontally.
Basic usage:
1. Load the jQuery TableHeadFixer plugin after jQuery library.
1 |
< script src = "jquery.min.js" ></ script > |
2 |
< script src = "tableHeadFixer.js" ></ script > |
2. Call the plugin with default parameters. This will create a scrollable table with a fixed table header.
1 |
$("#fixTable").tableHeadFixer(); |
3. Create fixed table footers and headers.
1 |
$( "#fixTable" ).tableHeadFixer({ 'foot' : true }); |
4. Fix first left table column.
1 |
$( "#fixTable" ).tableHeadFixer({ 'left' : 1}); |
5. Available parameters.
01 |
$( "#fixTable" ).tableHeadFixer({ |
Changelog:
2018-09-08
- Fix bug related to a probable undefined value
2017-09-30
- changed functions location
2017-09-18
2016-09-22
- turn function to accept multiple element by jquery select
2015-12-02
- Add comments in code; Fix corner cells z-index problem; Set scroll auto
2015-10-02
2015-06-26
- Solver problem of re-position td, th child in scroll event
2015-06-06
- Solver Mix Fix table overwritten problem
2015-06-05
This awesome jQuery plugin is developed by lai32290. For more Advanced Usages, please check the demo page or visit the official website.