Fixed Header And Footer For GridView

I have a gridview and for client side sorting i am using the Jquery tablesorter plugin. Now i want the header and footer of the grid to be fixed and the rows to be scrolled.

Can anybody help me out?

Thanks in advance...

You can create three divs header content footer
where header can have the column names and fixed height and same styling with footer, in the content div give a bigger height and put the gridview inside it then add overflow = auto , here you can scroll the gridview in the content div while maintaining the header and footer

<div id="header">Columns</div>
<div id="content">GridView</div>
<div id="footer">Footer</div>