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

File Size: 457 KB
Views Total: 120880
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
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.


3. Create fixed table footers and headers.

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

4. Fix first left table column.

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

5. Available parameters.


// 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




  • Fix bug related to a probable undefined value


  • changed functions location


  • fix grouped columns head


  • turn function to accept multiple element by jquery select


  • Add comments in code; Fix corner cells z-index problem; Set scroll auto


  • Accept z-index parameter


  • Solver problem of re-position td, th child in scroll event


  • Solver Mix Fix table overwritten problem


  • 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.