JQuery Plugin to cause the header row of a table to become fixed at the top of the window once scrolled out of view.
JavaScript
Switch branches/tags
Nothing to show
Latest commit 23f73f6 Jan 2, 2012 @samuelwilliams first commit
Permalink
Failed to load latest commit information.
LICENSE
README
floatHead-0-2-0-min.js
floatHead-0-2-0.js

README

FloatHead automatically causes a table heading to float at the top of the window once the user scrolls below its position.

This is similar to Scott Buckingham's floaty head (https://github.com/scottbuckingham/jquery.floatyHead), but was developed independently. (Not invented here syndrome :P)

Example usage:

<table id="foobar">
	<thead>
		<tr>
			<th>Some</th>
			<th>Example</th>
			<th>Headings</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>This is</td>
			<td>Example</td>
			<td>Data</td>
		</tr>
		<tr>
			<td>This is</td>
			<td>Example</td>
			<td>Data</td>
		</tr>
	</tbody>
</table>

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript">
	$('#foobar').floatHead();
</script>