Google Groups no longer supports new Usenet posts or subscriptions. Historical content remains viewable.
Dismiss

Is it possible to freeze table headers in place.

0 views
Skip to first unread message

Brian

unread,
May 8, 2002, 2:55:48 PM5/8/02
to
I would like to have a table where the column headers stay
in place when the user scrolls down in the page. If I use
a DIV to hold the column headers how do I keep it from
scrolling of the page?

Paul A Norman

unread,
Jul 14, 2002, 7:58:15 AM7/14/02
to
Dear Brian,

I havn't got it in front of me, but there is a CSS property for scrollable.

I recall seeing an example where the headres of a table are actually split
out into a top table, then the reall table is put below in a <div> tag. The
Div tag having a style property set to scrollable.

Paul
"Brian" <pwe...@tampabay.rr.com> wrote in message
news:180f01c1f6c1$f79eb920$35ef2ecf@TKMSFTNGXA11...

Paul A Norman

unread,
Jul 16, 2002, 12:31:04 AM7/16/02
to
Here you are Brian (or any one else) a TDC type table:

<xml id="someDataSource" src="somewhere/data.xml"></xml>

<table class="tableStuff" width="100%" cellpadding="0" cellspacing="0"
(and so on ..) >
<tr ALIGN="left" bgcolor="steelblue">
(-- some more <th> </th>)
</tr>
</table>

<div name="CustomerList" style="HEIGHT: 200px; OVERFLOW: scroll; WIDTH:
100%">
<table DATASRC="#someDataSource" style="CURSOR: hand" name="CustomerTable"
id="CustomerTable" onmouseover="doMouseOver()" onmouseout="doMouseOut()" etc
..>

<tr ALIGN="left" onclick="CurrentRecord(this.recordNumber);">
<td width="20%"><span DATAFLD="USER_NAME"></span></td>
etc .. more <td><span></span></td> ..
</tr>
</table>
</div>

Match the DATAFLD names to appropriate <TH></TH> tags in sequence, and you
are away, or you can just do it as a normal table with no Data binding at
all.

"Brian" <pwe...@tampabay.rr.com> wrote in message
news:180f01c1f6c1$f79eb920$35ef2ecf@TKMSFTNGXA11...

0 new messages