Css 表格宽度和水平滚动

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

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

我怎么能推翻这一点？因此，宽度将设置为表格的宽度：2150px

还有我的第二个问题，左边和右边的箭头可以滚动。我搜索了很多，但我只找到了一个水平的表格标题

---

我希望有人能帮我。

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

对于您的问题，实际上您可以使用制作精良的表插件，例如tablesorter（）。如果设置了适当的选项，您应该可以轻松获得所需的内容

---

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

您可以将溢出设置为on吗？overflow-x即，要滚动或自动，我已将其父表上的溢出设置为auto；一个div。它的作用是水平滚动，但这不是我的问题。你能为解决方案添加一个示例吗？您的回答并不是特别针对所问的问题…对于您的问题1，1170px是由BS2.x在bootstrap.responsive.css中设置的。媒体会话将所有较大屏幕的宽度固定为1170px。因此，要显示宽度为2150px的任何内容，您需要编写自己的媒体会话。@Samoth，tablesorter很容易使用。网站上的文档很清晰，有很多例子，我相信罗伊会得到更多的帮助。除此之外，竞争对手link提供了404的回报，所以我不确定罗伊到底在寻找什么。

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