html 表头 thead的position设置 fixed 后字段标题宽度不和内容宽度等宽怎么解决呢？

Question

如图，我想要table的标题头部固定在顶部，但是设置fixed后标题的宽度不和内容的宽度一致了，而且，当我横向滚动时，内容可以可滚动，但是标题滚动了，我只是不让他纵向滚动而已，但是要横向滚动的。后来我用absolute，但是我设置了top 0 left 0 也没有达到固定的效果，求指教！！！

Answer 1

for each item in $("table>th>td"){
    item.width = $("table>tr:last").eq($(this).index()).width();
}

大致这个逻辑，代码没测试很不严谨，只看逻辑就好了；

Answer 2

设置一致的总宽度啊，fix不设置的话当然是按照内容的填充长度来了。

Answer 3

谢邀。。我也遇到这样的问题，我是把thead每列宽度和tbod每列宽度保持一致。一楼的思路不错，可以试试

Answer 4

我也遇到类似的问题了，要求table在纵向滚动时表头固定在头部，table水平滚动时表头也跟着水平滚动。楼主这个问题解决了吗？求指导下，谢谢。