Table fixed header and first column css/html

Question

I have a table that has a large number of line and columns. But I would like to have the header fixed and the first column fixed. Here is a picture of what I need.

Answer 1

May be you are looking for something like this:

http://zurb.com/playground/playground/responsive-tables/index.html

All you need is include the JS and CSS files and simply add class='responsive' to your table element.

I tried to implement that with your code, but there was some issue with rowspan, so tweaked it a bit.

http://jsfiddle.net/UqYgq/3/

I think you also wanted vertical scrolling in similar fashion. Let me know if I should help with that?