Responsive Fixed Table Header Plugin With jQuery - Fixme
| File Size: | 4.47 KB |
|---|---|
| Views Total: | 6431 |
| Last Update: | |
| Publish Date: | |
| Official Website: | Go to website |
| License: | MIT |
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.











