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

【问题标题】：Rendering problem with nested HTML tables (perfomance)嵌套 HTML 表的渲染问题（性能）
【发布时间】：2010-10-23 06:06:41
【问题描述】：

有人有渲染嵌套 HTML 表格的经验吗？我正在尝试渲染 30 - 40 行，每行有 5 个表。这在 Internet Explorer 7 和 8 中渲染速度非常慢。我可以使用什么技巧来加快表格渲染速度？除了表格，我还可以使用其他元素吗？

【问题讨论】：

【解决方案1】：

如果您使用的嵌套结构非常糟糕，我猜想有一些方法可以将其重构为不那么复杂，并且这样做会大大提高您的性能。

但是，我们需要确切了解您在做什么才能给出有效的答案。

【讨论】：

【解决方案2】：

30-40 个表格需要渲染很多代码。您绝对应该切换到 CSS 布局。

【讨论】：

【解决方案3】：

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

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

【讨论】：

【解决方案4】：

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

【讨论】：

【解决方案5】：

添加：

table
{
    table-layout: fixed;
}

注意：现在有些文本可能会从表格单元格中溢出。

【讨论】：