Incremental rendering of tables

Does anyone know which browsers and from what version (if any), support incremental rendering of tables as specified by <!-- w --><a class="postlink" href="http://www.w3.org">www.w3.org</a><!-- w -->? a browser has to read the entire contents of a table before it can render it. This is so it can decide how big each cell needs to be, based on the longest content of each cell.<br />
<br />
Incremental rendering uses <COLGROUP> and <COL> elements to specify the widths of each column. These elements have been around since Internet Explorer 3, or Netscape 6.<br />
<br />
In addition, Internet Explorer 5+ has the table-layout style attribute. If set to fixed then this further reinforces the column dimensions.<br />
<br />
<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/tablelayout.asp">http://msdn.microsoft.com/workshop/auth ... layout.asp</a><!-- m --><br />
<br />
<!-- m --><a class="postlink" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/objects/colgroup.asp">http://msdn.microsoft.com/workshop/auth ... lgroup.asp</a><!-- m --><!--content-->Thanks for your fast reply, Jon. <br />
<br />
I posted this question after trying some HTML table coding on IE5.5. <br />
Code below, just doesn't render the table incrementally, though it seems to follow <!-- w --><a class="postlink" href="http://www.w3.org">www.w3.org</a><!-- w --> specifications using the <TABLE WIDTH>, <COLGROUP> and <COL> elements.<br />
<br />
<HTML><br />
<HEAD><br />
<TITLE>Table Title</TITLE><br />
</HEAD><br />
<BODY><br />
<TABLE CELLSPACING=0 CELLPADDING=1 WIDTH="710"><br />
<COLGROUP ALIGN="left" VALIGN="top"><br />
<COL WIDTH="5%" ALIGN="right"><br />
<COL WIDTH="60%"><br />
<COL WIDTH="5%"><br />
<COL WIDTH="5%" ALIGN="right"><br />
<COL WIDTH="15%"><br />
<COL WIDTH="5%"><br />
<COL WIDTH="5%" ALIGN="right" ><br />
</COLGROUP><br />
<THEAD style="display: table-header-group"><br />
<TR><br />
<TH>Head1</TH><br />
<TH>Head2</TH><br />
<TH>Head3</TH><br />
<TH>Head4</TH><br />
<TH>Head5</TH><br />
<TH>Head6</TH><br />
<TH>Head7</TH><br />
</TR><br />
</THEAD><br />
<br />
<!---Code repeated many times for different data values---><br />
<TR><br />
<TD> data1 </TD><br />
<TD> data2 </TD><br />
<TD> data3 </TD><br />
<TD> data4 </TD><br />
<TD> data5 </TD><br />
<TD> data6 </TD><br />
<TD> data7 </TD><br />
</TR><br />
<!----End of repeated code----><br />
<br />
</TABLE><br />
</BODY><br />
</HTML><br />
<br />
<br />
Any suggestions would be appreciated.<br />
<br />
Thanks.<!--content-->Try <br />
<TABLE CELLSPACING=0 CELLPADDING=1 <br />
style="table-layout: fixed; overflow: hidden" WIDTH="710"><br />
<br />
Table rendering is as much Art as Science, and COL and COLGROUP elements are more recommendations than orders.<!--content-->Yep. That did do the job with IE5+. Thanks.<br />
What about NS? Should I just forget about it...? <br />
<br />
Isn't it sometimes too hard to distinguish Science from Art?... :D <br />
<br />
Regards.<!--content-->
 
Back
Top