水平可滚动表格列

Question

我需要构建一个具有水平可滚动列的html表。滚动应放在列的标题中。

我的第一个问题是：你知道任何能够做到这一点的jQuery插件吗？ 我的第二个问题：这可能是使用单个表吗？我听说为了做到这一点，你需要从用户的角度使用多个看似单一的同步表。

任何想法/建议都会受到欢迎。

Answer 1

我只使用jqGrid看过这样的东西，但那是两个表（主表中有第二个可滚动的表）。我也想知道一个插件......

Answer 2

我会按照你的建议做，并使用2个容器。它们都设置为溢出：滚动并设置宽度，但顶部只包含一个div，您可以将其设置为与表格相同的宽度。然后，您可以绑定到jquery中的“scroll”事件，并设置div的滚动位置以在该事件中相互匹配。老实说，我没有尝试过这个，所以我不知道这个事件是多么可靠，但从理论上说它应该有用。

或者，您可以不使用标准浏览器滚动条并编写自己的滚动条，使用javascript设置溢出的表格位置：滚动div。如果你想要可拖动的行为（不仅仅是左/右箭头），它可能有点困难，但并非不可能。