可水平滚动的表格列答案

【问题标题】：Horizontally scrollable table column可水平滚动的表格列
【发布时间】：2011-01-30 19:31:06
【问题描述】：

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

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

欢迎任何想法/建议。

【问题讨论】：

你想完成什么？你确定他们不是更好的方法吗？通常，用户讨厌水平滚动。

【解决方案1】：

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

或者，您可以不使用标准浏览器滚动条，而是编写自己的滚动条，使用 javascript 设置表格在 overflow:scroll div 中的位置。如果您想要可拖动的行为（不仅仅是左/右箭头），这可能会有些困难，但并非不可能。

【讨论】：

【解决方案2】：

我只看到过使用jqGrid 的类似内容，但那是两个表（主表中有第二个可滚动表）。我也想知道这个插件...

【讨论】：

是什么让您认为 jqGrid 与 ASP 有关系？ jqGrid === jQuery 网格插件。你的意思是主页上 22.03.2010 的帖子只是说他们发布了一些其他软件，如果你有 ASP.NET 但你根本不需要这些软件可以帮助使用 jqGrid