Lightweight jQuery Plugin For Fixed Table Headers

Lightweight jQuery Plugin For Fixed Table Headers
File Size: 3.05 KB
Views Total:
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   

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:

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.