0

我正在开发一个产品比较网站，所以我有一个产品比较页面。

遗憾的是，列宽不能很好地工作，左侧的“标题”必须为 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;
}

我怎样才能推翻这一点？所以宽度将与表格设置的一样：2150px？

我的第二个问题，我的对手有一个固定的垂直标题和左右滚动的箭头。我已经搜索了很多，但我只找到了一个水平表头。

我希望有人可以帮助我。

4

1 回答 1

0

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

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

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

于 2013-10-18T14:06:04.573 回答