javascript - 如何让你的表在 IE6/7 中不出现 "flexing"

Question

我有一些表格数据，具有一些“查看详细信息”的功能，可以触发 ajax 调用以将一些新元素附加到 DOM(通常我会在所选行和innerHTML 之后插入另一个 TR 或在 TD 中附加)一个 colspan。

我的问题是这样的，在 IE6/7 中我的列 flex.目前，我没有每列的“静态”宽度，并且希望尽可能避免这种情况。

有什么建议可以避免这种“弹性”吗？

Answer 1

这里的技巧是使用有点深奥的 table-layout:fixed规则

像这样使用它:

table {table-layout:fixed}

您还应该为<td>指定显式的列宽。 s。

table-layout:fixed规则说“此表的单元格宽度取决于我所说的内容，而不是单元格中的实际内容”。这通常很有用，因为浏览器可以在收到第一个 <tr> 后开始显示表格。 。否则，浏览器必须先接收整个表格，然后才能计算列宽。但是，在您的情况下保持绝对列宽也很有用。