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

majormayer
  • 964

图片描述

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

评论
阅读 6k
4 个回答
for each item in $("table>th>td"){
    item.width = $("table>tr:last").eq($(this).index()).width();
}

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

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

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

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

宣传栏