Entry
How can I provide a scrollable TABLE BODY while the HEADER and FOOTER is fixed?
How can I provide a scrollable TABLE BODY while the HEADER and FOOTER is fixed?
How can I provide a scrollable TABLE BODY while the HEADER and FOOTER is fixed for IE 5.5?
How can I provide a scrollable TABLE BODY while the HEADER and FOOTER is fixed for IE 5.5?
How can I provide a scrollable TABLE BODY while the HEADER and FOOTER is fixed for IE 5.5?
How can document.write use to give STYLE to TBODY for scrollbar(like overflow :auto) on IE 5.5?
How can document.write use to give STYLE to TBODY for scrollbar(like overflow :auto) on IE 5.5?
How can document.write use to give STYLE to TBODY for scrollbar(like overflow :auto) on IE 5.5?
Feb 10th, 2001 06:15
Martin Honnen, Jasmin Mehta,
NN6/Mozilla allows to use CSS to set
<TBODY STYLE="overflow: auto;
height: 300px;"
>
and then nicely provides scrollbars to scroll the TBODY content while
the THEAD and TFOOT of the TABLE remain fixed. Unfortunately IE5.5
behaves strange with these CSS settings on a TBODY element so you better
document.write the STYLE if you develop for cross browser environments.
Here is an example which illustrates the capabilities of NN6/Mozilla:
<HTML>
<HEAD>
<TITLE>
scrollable table body
</TITLE>
</HEAD>
<BODY>
<TABLE BORDER="1">
<THEAD>
<TR>
<TH>
No.
</TH>
<TH>
Name
</TH>
</TR>
</THEAD>
<TBODY STYLE="overflow: auto;
height: 300px;"
>
<SCRIPT>
for (var r = 0; r < 50; r++)
document.write('<TR><TD ALIGN="right">' + r
+ '<\/TD><TD WIDTH="75">Kibo ' + r + '<\/TD><\/TR>');
</SCRIPT>
</TBODY>
<TFOOT>
<TR>
<TH>
No.
</TH>
<TH>
Name
</TH>
</TR>
</TFOOT>
</TABLE>
</BODY>
</HTML>
