jquery - 表格宽度，如何计算？

Question

我在一个锁定的标题 jquery 插件上工作，我遇到了一个问题，即表格宽度小于列宽的总和。

这是锁定标题插件的工作原理:您创建另一个包含表格原始标题的表格，并将其放入 float 在原始表格上方的表格中。然后确保 float 表的列宽与原始表的列宽相等。

我遇到了一个问题，如果一个表的宽度为 100% 并且它在一个有溢出的容器内，那么表的宽度似乎不受其列的总和控制宽度。

如果表不在容器中，它就可以工作。

看这个测试用例: http://programmingdrunk.com/floatThead/examples/big-table.htm

第一个表格应该和 float 标题一样宽。您可以看到列宽不匹配。

第二个表工作正常，因为它不在带有 overflow:auto 的容器内；

Answer 1

您正在使用 table-layout: fixed。只是阅读它，似乎有了这个，表格的第一行用于计算表格的宽度。当我检查时，您的第一行似乎是空的，这可能是导致问题的原因？

如果没有任何内容，根据您的 css，此宽度将等于容器的 100%，这似乎是正在发生的事情。

尝试更改为 table-layout: auto，但我怀疑您可能依赖于当前样式。