Posted by Mark Parnell on 06/16/05 10:11

Previously in alt.html, Noozer <dont.spam@me.here> said:

> I've got an ASP generated form that outputs the results to a table. The
> table is contained within a DIV of a fixed height. This is to avoid a page
> that is too long when there are a lot of results returned. This works fine,
> except that the headings (first row in the table) scrolls with the rest of
> the output.
>
> Is there a simple way to keep this first row from scrolling?

I have seen it done before, but I don't have the URL.

OTTOMH: simplified version, untested:

thead {position: fixed;}

<table>
<thead>
<tr>
<th></th> etc.
</tr>
</thead>
<tbody>
<tr><td></td></tr> etc.
</tbody>

Won't work in IE, of course. :-( You may even be able to get rid of the
<div> and just add tbody {height: 20em; overflow: scroll;} to your CSS.
Again, not tested. :-)

--
Mark Parnell
http://www.clarkecomputers.com.au
alt.html FAQ :: http://html-faq.com/

• Next in forum: Re: Gap between image and table
• Prev in forum: Table that scrolls if too long BUT first row is static?
• Thread view: Re: Table that scrolls if too long BUT first row is static?

[Reply to this message]