Twitter Bootstrap表,固定标题和第一列一起

时间:2015-10-21 13:17:07

标签: jquery css twitter-bootstrap gridview

我的下表有固定的第一列。

的jsfiddle

https://jsfiddle.net/f7v2xaph/



A




我想问一下,如何更新代码以获得固定的标题呢?

我试过这个解决方案

Scrollable table with fixed header in bootstrap

但是没有运气可以使用固定的第一列。

非常感谢您的任何建议。

1 个答案:

答案 0 :(得分:0)

当你可以在CSS中使用Javascript时避免使用Javascript:

.table-responsive thead {
   position: fixed;
}

另外,如果你不想让你的头像过度隐藏你的身体,你需要做一个小技巧:

.table-responsive {
    margin-top: 40px; // height of your thead tr
}

.table-responsive thead {
    position: fixed;
    top: 0;
}

修复你的第二个问题是,你的thead的单元格宽度不会与你的tbody的单元格宽度相匹配......你需要用width修复它属性,每个细胞的细胞。