Virtual Fix Table Header JQuery

There are so many ways to fix table header. We can fix table header row and rest of content of table will have overflow scroll css set so that a scroll bar appears if page content is higher than page size. We have developed virtual fix table header jQuery plugins. It will copy table header automatically. The TABLE TR ,for which we want to fix position,should have an id specified. Have a look at the code for better understanding. I hope you may like it.

[code:cf]
<table>
<tr id="fixHeader">
<td>No</td>
<td>Name</td>
…………….
</tr>
<tr>
<td>No</td>
<td>Name</td>
…………….
</tr>
<tr>
<td>No</td>
<td>Name</td>
…………….
</tr>
…………….
</table>
[/code]

After creating table you need to call jVirtualFixHeader plugin on jquery onload function. The code looks like this;

[code:js]
jQuery(function(){
jQuery(‘#fixHeader’).jVirtualFixHeader();
});
[/code]

Demo Download