An extra-small ( <1k ) and easy tool that allow you to make constat header for tables.
Go to the fridge and drink some beer.
Include jQuery script:
<script src="proxy.php?url=http%3A%2F%2Fajax.googleapis.com%2Fajax%2Flibs%2Fjquery%2F1.7.2%2Fjquery.min.js" type="text/javascript"></script>
Download jquery-fixed-table-header.js script and include it in your page:
<script src="proxy.php?url=https%3A%2F%2Fgithub.com%2Fjquery-fixed-table-header.js" type="text/javascript"></script>
Define your table and define inside of thead whatever you want to be fixed:
<table id="myTable">
<thead>
<tr>
<th>this header will be always on top</th>
</tr>
</thead>
<tbody> ... </tbody>
</table>
From within your code call to the fixedTableHeader() function on your selector.
$("#myTable").fixedTableHeader();
Go and have another beer.
- Sagiv Ofek
free for all! :)