表具有固定的高度和报头和式柱宽度与自举3

Question

我想有具有以下特征的表：

• 固定报头，
• 固定高度（用可见光滚动条）
• 3固定宽度的柱子（一个大柱子和两个窄柱子）。

我开始使用：

tbody { display:block; overflow:auto; height:100px; } 

至少拿到固定的高度，但这个规则挤压左边的表（如果必要的话，我会提供一个屏幕截图）。

该表包含在Bootstrap 3列中。

下面是一个例子http://jsfiddle.net/PGEdK/

任何想法？提前致谢。

Answer 1

这里是它的工作就像你预料的JS FIDDLE DEMO。实际上，你的tbody风格没有问题。您只需要为您的第和td添加更多款式。所以，你的最终代码会是这样的：

tr {display: block; } 
th, td { width: 300px; } 
tbody { display: block; height: 100px; overflow: auto;} 

如果你看一下小提琴，你会发现，我已经包裹日与TR，这样我可以给适当的宽度使后TH显示：块样式为tr。所以，如果你想瞄准只包裹th的tr，你也可以做到这一点。

为了演示的目的，我用.tablecontainer类包装了表格，以便我们有一定的宽度来处理。

Answer 2

尝试最大高度和最大宽度。它设置最大高度和宽度