css - 表格宽度和水平滚动

Question

我在一个产品比较网站上工作，所以我有一个 product compare page .

遗憾的是列宽效果不佳，左侧的“标题”必须为 150 像素，所有其他宽度为 200 像素(因此 10x200+150=2150 像素)。但是当我用 Chrome 开发者工具查找表格时，它的宽度是 1170 像素？我在他们有这个的地方使用 Twitter Bootstrap(在 bootstrap-responsive.css 中):

.container,
.navbar-static-top .container,
.navbar-fixed-top .container,
.navbar-fixed-bottom .container {
  width: 1170px;
}

我怎样才能否决这个？因此，宽度将为表格设置:2150 像素？

我的第二个问题，my rival has a fixed vertical header和左右滚动的箭头。我搜索了很多，但我只找到了水平表格标题。

我希望有人能帮助我。

Answer 1

这是一个老问题，我希望你已经解决了。

对于您的问题，实际上您可以使用制作精良的表格插件，例如表格排序器(https://github.com/Mottie/tablesorter)。通过设置适当的选项，您应该可以轻松获得所需的内容。

一件好事是这个表格排序器可以很好地与 BS2.x 配合使用。但如果你已经换成BS3，那么它可能看起来有点奇怪，但仍然具有良好的形状和功能。