表宽和水平滚动

Question

我正在开发产品比较网站，所以我有product compare page。

遗憾的是，列宽不能很好地工作，左边的“标题”必须是150px，其他所有宽度都是200px（所以10x200 + 150 = 2150px）。但是当我使用Chrome开发者工具查找表格时，它的宽度是1170像素？我正在使用Twitter Bootstrap（在bootstrap-responsive.css中）：

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

我怎么能否决这个？所以宽度将如表所示：2150px？

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

我希望有人可以帮助我。

Answer 1

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

对于你的问题，实际上你可以选择制作精良的表格插件，例如表格分类器（https://github.com/Mottie/tablesorter）。通过适当的选项设置，您可以轻松获得所需的一切。

一个好处是这个tableorter适用于BS2.x.但是如果你已经改为BS3，那么它可能看起来有点奇怪，但仍然具有良好的形状和功能。