Frozen table header inside scrollable div

I’ve three divs. Header, central and footer. There is a table in central div (gridview) which is almost always longer than outer div. So I’ve made this div scrollable vertically. The question is: how can I make table header that it would be visible after div is scrolled down? I could have done this header with separate div or table and make it fixed but widths of columns in the table are not always the same – so I don’t know how to maintain widths of columns in header then. Any clue?

Retrieve previous and next rows in a table using jQuery

I am using ASP.NET to create a page with a GridView that is very editable for the end user. Basically, all rows contain TextBoxes (instead of static text) which the user can edit whenever he wants. No postback occurs ever, except when he clicks the Save button on the bottom of the page. Then, I loop through each row in the grid, retrieve the values in the controls in each row and save them back to the database.