Lightweight jQuery Plugin For Fixed Table Headers

A super simple jQuery plugin which allows you to stick the <thead> of an Html table to the top of the window when scrolling past it.

See also:

• jQuery Plugin For Sticky Table Headers
• Simple jQuery Plugin To Freeze Header Row In Table - freezeheader
• Minimal jQuery Plugin For Fix Positioned Table Header - thscroll

How to use it:

1. Include the jQuery JavaScript library and the jQuery fixedTableHeader plugin's script at the end of the document.

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="js/jquery.fixedTableHeader.js"></script>

2. Call the function on the existing tables and done.

$(document).ready(function () {
  $('table').fixedTableHeader();
});

Change log:

2014-11-05

• Fix table headers are not resized when window is resizing

---

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