Skip to content Skip to sidebar Skip to footer

Table With Fixed And Scrolling Columns

I've got a table and I'd like to make a portion of it fixed and a portion of it scrollable. I'm looking to end up with something like this, except in a single table. http://jsbin.c

Solution 1:

How about nested tables? You can only use a <div> inside a <td>, so nesting seems to be the only option here.

http://jsbin.com/OxAJoFaL/1/edit

EDIT: That doesn't work, titles weren't lining up with columns and it doesn't solve the last part of your question - horizontally scrolling the months.

Anyway, I got intrigued by this so continued digging. If you don't mind nesting tables, and doing so in a questionably semantic way, then...

http://jsbin.com/OxAJoFaL/3/edit

Post a Comment for "Table With Fixed And Scrolling Columns"