Responsive Fixed Table Header Plugin With jQuery - Fixme

File Size: 4.47 KB
Views Total: 6415
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
   
Responsive Fixed Table Header Plugin With jQuery - Fixme

Fixme is an ultra-lightweight jQuery plugin which utilizes CSS position:fixed to freeze table header at the top of the page when scrolling. Works on any web browsers and auto re-init on window resize / scroll events.

How to use it:

1. Include jQuery library and the jQuery fixeme plugin's script in your page preferably before the end of body tag

<script src="//code.jquery.com/jquery.min.js"></script>
<script src="jquery.fixme.js"></script>

2. Call the fixMe() function on the html table.

$("table").fixMe();

3. The required CSS to stick the table header to the top of the webpage.

.table-fixme-fixed{
  top:0;
  position:fixed;
  width:auto;
  display:none;
  border:none;
}

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