怎样让表格里的东西逐步显示？

Question

table里面的东西确实是要下载完毕后才显示的(是指table下载完毕),但是你可以考虑先构造一个空的表格,然后再把数据分批添入,用innerHTML或者innerText等方法都可以

Answer 1

look into 
<table style="table-layout:fixed" ....>
....
</table>http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/reference/properties/tableLayout.asp

Answer 2

to saucerstyle="table-layout:fixed" 好象不好使。我的表格还是唰一下子全显示。

Answer 3

Table LayoutTable rendering performance can be increased by specifying the tableLayout property. This property causes Internet Explorer to incrementally render the table, providing users with information at a faster pace. Using the tableLayout property, the layout of a table is determined in the following order:From information in the width property for the col or colGroup objects.
By analyzing the formatting of the first table row.
By an equal division of the columns. 
First, information from the width property of the COL or COLGROUP object is used if it is available. If it is unavailable, then formatting for the first table row is taken into account. Lastly, if formatting is not available for the COL or COLGROUP objects, or the first table row, table layout is determined by an equal division of the columns.Sample
The following example shows the use of the Cascading Style Sheets (CSS) attribute, table-layout, to fix the table layout, resulting in faster rendering of the table. Note that the widths need not be set on the TABLE and COL objects. When the width is not specified, the browser looks to the contents of the first row's cells to fix the column widths and, consequently, the table width.<TABLE STYLE="table-layout:fixed" WIDTH=600>
<COL WIDTH=100><COL WIDTH=300><COL WIDTH=200>
<TR HEIGHT=20>
TD>...</TD><TD>...</TD><TD>...</TD>
</TR>
:
</TABLE>
The performance gains are significant, especially for large tables. Because the browser does not need to parse through the table once simply to lay it out, the table rows can start to render immediately. Click the button to view a demonstration of this rendering gain.Take care in choosing the column width. Cell content that exceeds the width of the column is wrapped, if possible, or clipped if the content cannot be wrapped. If row height has been set, the wrapped text will be clipped where it exceeds the height restriction. If data sources are dynamically bound to the table through data binding, consideration of all the content that may appear is especially important.

Answer 4

如果表格很大，可以考虑分页显示，每页行数固定
这样就可以先构造一个固定行数的空表格，但所有行的默认属性是
style="display:none"
然后读取数据，每读一行，再将style.display改为"block"

Answer 5

1.table-layout
2.<tbody>
3.分解多个table

Answer 6

net_lover(孟子E章)： 的e文的呀。晕死过去。qiushuiwuhen(秋水无恨)： 能讲讲 <tbody>吗？ 我不知道<tbody>到底有什么用，好象表格没有他照样很好用呀？ 谢谢了！！！Lostinet(迷失网络)：其实也不是什么大表格了。最外层两个表，上面一个显示banner. 下面一个里面显示内容。下面的表里面有n个表。:)...

Answer 7

假如你以前的数据是这样显示的：<table width=200>
<tr><td>你的数据</td></tr>
<tr><td>你的数据</td></tr>
<tr><td>你的数据</td></tr>
<tr><td>你的数据</td></tr>
<tr><td>你的数据</td></tr>
....
</table>显然，他会等所有的数据都下完了以后才一次性显示，如果要
逐步显示，下载一点数据，显示一点数据，可以这样做
<table width=200>
<tr><td>你的数据</td></tr>
</table>
<table width=200>
<tr><td>你的数据</td></tr>
</table>
<table width=200>
<tr><td>你的数据</td></tr>
</table>
<table width=200>
<tr><td>你的数据</td></tr>
</table>
<table width=200>
<tr><td>你的数据</td></tr>
</table>
<table width=200>
<tr><td>你的数据</td></tr>
</table>这样就逐步显示了，尤其数据是从数据库里面读取的时候，
效果更明显。。CSDN以前的论坛就是这样做的

Answer 8

Go_Rush(阿舜) .可是我最最外面还有一个表（用来控制居中的）。。那么按理论，无论里面怎么想办法，他都是在一个表格里呀？？都是下完了才显示呀？

Answer 9

如果是你那样，就不能逐步显示了控制居中你可以用别的呀
<p align=center>...</p>
<div align=center>..</div>
<center>...</center>都可以控制居中呀

Answer 10

这一点还是跟着Fireworks学一学吧，
用它分解的图片放在一个表格里面，但显示的时候可是一点一点显示的。
代码自已看非常简单。