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

jQuery Plugin For Fixed Table Header, Footer and Columns - TableHeadFixer
File Size: 458 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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

}); 

Change logs:

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.