Emulating Excel's "freeze cells" in an HTML table

Question

I have an HTML table that contains a large number of rows and columns. The top row contains headers, and the first cell in every row below that contains a header.

I need to allow the user to scroll the table whilst keeping the top row and left column visible at all times (similar to what can be achieved using the "freeze cells" option in Excel.

The solution only needs to work for IE7+ as this is for an internal application.

Ideally the solution should degrade gracefully in other browsers, but that's not essential.

My hunch is that there's a JavaScript solution to this...

Answer 1

This looks like a duplicate of How can I lock the first row and first column of a table when scrolling, possibly using javascript and CSS?

Is that what you're looking for?

Answer 2

http://www.javascripttoolbox.com/lib/scrollingdatagrid/

IE only! Css only!

hope it helps :-)