表格宽度和水平滚动

我正在进行产品比较网站，所以我有product compare page。表格宽度和水平滚动

不幸的是，列宽不能很好地工作，左边的“标题”必须是150px，其他所有其他的200px宽度（所以10x200 + 150 = 2150px）。但是当我用Chrome开发人员工具查看表格时，它的宽度是1170px？我正在使用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和左右箭头可以滚动。我搜索了很多，但我只找到一个水平的表头。

我希望有人能帮助我。

来源

2013-01-15 Roy

你能设置溢出吗？ –

overflow-x即滚动或自动 –

我已经设置溢出自动在他父母的表上;一个div。这是滚动水平的工作，但那不是我的问题。 – Roy

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

对于你的问题，实际上你可以选择制作精良的表格插件，例如表格分类器（https://github.com/Mottie/tablesorter）。有了适当的选项，你应该很容易得到你需要的东西。

一件好事就是这个tablesorter与BS2.x协同工作。但是如果你已经改用BS3，那么它可能看起来有点奇怪，但仍然具有良好的形状和功能。

来源

2013-10-18 14:06:04

您可以为解决方案添加示例吗？你的答案不是特别处理所问的问题...... – Samoth

对于你的问题1，1170px由BS2.x在bootstrap.responsive.css中设置。媒体会话将所有屏幕的宽度固定为1170像素。因此，要显示宽度为2150px的任何内容，您需要编写自己的媒体会话。 –

@Samoth，桌子很容易使用。网站上的文档很清晰，并且有很多例子，我相信Roy能够在那里获得更多的帮助。除了竞争对手的链接提供了回报404，所以我不知道罗伊是如何确切地寻找。 –

表格宽度和水平滚动

回答

相关问题