jQuery Plugin For Fixed Table Header, Footer and Columns - TableHeadFixer

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.

<script src="jquery.min.js"></script>
<script src="tableHeadFixer.js"></script>

2. Call the plugin with default parameters. This will create a scrollable table with a fixed table header.

$("#fixTable").tableHeadFixer(); 

3. Create fixed table footers and headers.

$("#fixTable").tableHeadFixer({'foot' : true}); 

4. Fix first left table column.

$("#fixTable").tableHeadFixer({'left' : 1}); 

5. Available parameters.

$("#fixTable").tableHeadFixer({

// fix table header
head: true,

// fix table footer
foot: false,

// fix x left columns
left: 0,

// fix x right columns
right: 0,

// z-index
'z-index': 0

}); 

Changelog:

2018-09-08

• Fix bug related to a probable undefined value

2017-09-30

• changed functions location

2017-09-18

• fix grouped columns head

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

• Accept z-index parameter

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

• Fix colspan problem

---

This awesome jQuery plugin is developed by lai32290. For more Advanced Usages, please check the demo page or visit the official website.