修复表twitter bootstrap中的列

时间:2013-12-27 23:11:40

标签: jquery html css twitter-bootstrap

我有一张桌子,如果屏幕尺寸小到可以轻松查看整个桌子(table-responsive),它就可以滚动。但是,我的表格中有一栏,我想保持固定。它始终与我需要修复的列相同(第二个 - 在我的示例中:“Student”),但每个表的“Student”单元格的宽度不一定相同。我在网站上有几个表,有时是隐藏的(一次只显示一个表 - 参见示例)。这有可能吗?

示例(要滚动以确保窗口宽度小于800px):

jsFiddle:http://jsfiddle.net/8nXvf/

1 个答案:

答案 0 :(得分:1)

是的,这是可能的,但这并不是一件容易的事。简而言之,您需要为每个列标题/单元格添加一个新类(与表格布局一样,它们不按列分组)。然后你需要为这个类添加一些CSS来将位置设置为绝对,以及一些其他调整(宽度等)。

Here is a prior StackOverflow question/answer.