Maintain a <tbody /> "on page" when moving scroll to bottom of the page
<p>I have a <code>&lt;table /&gt;</code> that have a <code>&lt;tbody class="header" /&gt;</code> with the names of the columns. For usability reasons, I need to mantain it visible when moving the scroll down where the <code>&lt;tbody /&gt;</code> will be lost.</p>

<p>I've done two very (I wish) descriptive images to show how will work.</p>

<p>Scroll on top:</p>

<p><img src="http://i.stack.imgur.com/kcRA5.jpg" alt="Example of top page"></p>

<p>Scroll on bottom:</p>

<p><img src="http://i.stack.imgur.com/o3oIY.jpg" alt="Example of bottom page"></p>

<p>I have no idea on how to do this on jQuery (plain javascript is valid too!) so, if someone can help me or have done something similar it will be very helpful. I've seen headers that maintains on the top, but is not what I'm looking for.</p>
