嵌套HTML表的渲染问题（性能）

Question

有没有人有渲染嵌套HTML表的经验？我试图渲染30-40行，每行有5个表。这在Internet Explorer 7和8中渲染速度非常慢。是否有一个技巧可以用来加速我的表格渲染？除了表格之外，我可以使用不同的元素吗？

Answer 1

如果你正在使用一个糟糕的嵌套结构，我猜有些方法可以重构它而不是那么复杂，而且你的性能提升会很好。

但是，我们需要确切了解您正在采取哪些措施来提供有效答案。

Answer 2

30-40个表是要渲染的很多代码。你一定要切换到CSS布局。

Answer 3

在表格中的每个元素上设置显式高度和宽度将提高浏览器布局性能。

对于Internet Explorer，请参阅http://msdn.microsoft.com/en-us/library/ms531161(VS.85).aspx

将属性设置为fixed会显着提高表格渲染速度，尤其是对于较长的表格。 设置行高进一步提高了渲染速度，再次启用浏览器的解析器开始渲染行而不检查行中每个单元格的内容以确定行高。

Answer 4

表格适用于信息网格。对于大多数其他应用程序，请使用样式化的无序列表UL。

Answer 5

添加：

table
{
    table-layout: fixed;
}

请注意：现在某些文本可能会流出表格单元格。