CSSPLAY

CSS DEMOS › Vertical scrolling tables

Date : Pre 2006

For all modern browsers

This demo is too wide for your mobile screen.
Please view on a tablet or PC.

Method #1

Method #2

Information

If you have a lot of table data but not much room to display it, then this might be the answer.

A css only styled table with fixed column headings and footer and scrolling content.

Method #1

This uses two outer containing divs and a single table.

Internet Explorer has a scrolling 'caption' whereas Firefox has this fixed along with the column headings.

Opera fails at the moment but I am still working on it.

Method #2

This uses two nested tables with a containing div and works in IE, FF and Opera.

Copyright

Because of all the time and effort spent in producing this demonstration I would ask that you respect my copyright.

1. If you are using this on a personal web site then please retain the copyright comment in the stylesheet.
   A support donation is now required for this demonstration.
2. If you are using this on a commercial web site, or as a paying job for a client, then please email me asking for permission - stu{at}cssplay.co.uk and again a support donation is required.
3. If you are having problems integrating any of my demonstrations into your website then I now offer a service to fault find and correct any errors that you may have introduced. Please email me for more information.