CSS srolling table with fixed header at thought-after

Published December 1st, 2006 in CSS, Snippets Tags: CSS.

Came across this example some time ago which details how to give a fixed header and/or footer to a scrollable table.

1 Mateen Feb 8th, 2007 at 10:05 pm

.tableContainer tfoot tr {

position: absolute; /* throws the footer out of the table */
top: 264px;
left: 0px;

}

with the above style of tfoot, when one adds another row in tfoot, it appears onto the previous one. Any one having idea about the this? I think its position should be relative and something this kind. Also it should not be absolute bcz when there will be less data in table body, it will stay there and there will be gap between data and footer. Any ideas plz?
2 David Levin Apr 24th, 2007 at 6:45 am

Is there a way to keep the scrollbars within the table? In your example they appear to be outside on IE7.

Thanks

thought-after