Minimal jQuery Plugin For Fix Positioned Table Header - thscroll

Just another simple jQuery plugin to make the header (th or thead) of your table sticky at the top of the web page when the user scrolls down.

See also:

• jQuery Plugin For Sticky Table Headers

Basic Usage:

1. Include jQuery library and jQuery thscroll plugin at the end of the Html document.

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script src="thscroll.js"></script>

2. Create a standard Html table.

<table>
<tr>
<th>...</th>
</tr>
<tr>
<td>...</td>
</tr>
...
</table>

<!--OR-->

<table>
<thead>
<tr>
<th>...</th>
</tr>
<tr>
<th>...</th>
</tr>
</thead>
<tr>
<td>...</td>
</tr>
...
</table>

3. Call the plugin on the table and you're done.

<script>
$('table').THScroll();
</script>

About author:

Author: mathieu bertholino

Project Homepage: https://github.com/mathieu1120/thscroll

---

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