我正在处理一个锁定的头文件jquery插件,我遇到的问题是表格宽度小于列宽的总和。
以下是锁定标头插件的工作原理:您创建另一个包含表的原始标头的表,并将其放入浮动在原始表上方的表中。然后确保浮动表的列宽和原始表的列宽相等。
我遇到一个问题,如果一个表的宽度为100%且,它的内部是溢出的容器,似乎表的宽度不受其列总和的控制宽度。
如果表不在容器中,则可以正常工作。
看到这个测试用例: http://programmingdrunk.com/floatThead/examples/big-table.htm
第一个表应该与浮动标题一样宽。你可以看到列宽不匹配。
第二个表工作正常,因为它不在具有overflow:auto;
的容器中答案 0 :(得分:0)
你正在使用table-layout:fixed。只是阅读它,似乎用这个,表的第一行用于计算表的宽度。当我检查它时,你的第一行似乎是空的,也许这会导致问题?
没有任何内容,根据你的css,这个宽度将等于容器的100%,这似乎是正在发生的事情。
尝试更改为table-layout: auto
,但我怀疑您可能依赖于当前的风格。