I wanted to put a lot of data on a single web page, so a table naturally came to mind. I wanted the page to remain relatively short, so I thought 'scrollable'. I wanted a fixed header for the title and I wanted a footer. So I went looking for information.

The nearest example I could find to what I wanted, function without Javascript, came from Josh Marinacci for his "Josh on Design" blog. I experimented and played with his code for nearly four days (I am an amateur) before I got the result I was after.

It is pretty robust, and relatively easy to modify, so I am pretty pleased with the result.

Pen is here

3,072 2 14