Scrollable HTML Table in Vertical and Horizontal Option

Question

Hi All,

I have a table which has many columns and lots of records. My user want me to have the table to have a fixed header but should have a scrollable option in both the vertical and horizontal version?

Is this possible to do this that is cross browser? My target browser is IE 6.0 + and FF.

I am looking for a CSS version or jquery version solution.

Please help

Answer 1

have you tried setting overflow:scroll on css. Something like this.

Answer 2

Fixed header with pure CSS is impossible: http://stackoverflow.com/questions/3338758/html-fixed-header-table-scrollbar/

To scroll your table look here: http://stackoverflow.com/questions/3337841/css-fails-to-create-a-horizontal-scroll-bar/3337900#3337900