thought-afterGeeky stuff by Lafinboy

Oh hai! is published by Lafinboy, aka Scott Swabey, a self confessed geek, standards compliant web developer, OOP afflicted code monkey, loving father and husband. These are (some of) his thoughts.

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

This entry was posted by Lafinboy in CSS, Snippets and tagged . Bookmark the permalink.

2 Responses to CSS srolling table with fixed header

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


  2. Mateen says:

    .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?

Leave a Reply

Your email address will not be published. Required fields are marked *

Browse by Topic

Email Me