JqG​​rid 添加垂直滚动和水平滚动

Question

jqGrid 提供了许多很棒的功能，但是我的客户一直抱怨缺少一个功能（好吧，他从来没有真正满足于他得到的东西），那就是正确的垂直和水平滚动。我必须设置的网格包含大约 20 列，其中一些列包含较长的文本，因此网格甚至不适合 24 英寸的屏幕。为了正确布局网格和其余可视组件（即网格上方的附加搜索和过滤功能），我将网格移动到一个滚动 div，它大约是屏幕宽度的 95%，并带有一个水平滚动条来滚动过大的网格，该解决方法的问题是您不会看到网格本身的垂直滚动条，只有在您第一次向右滚动时它才会变得可见，这并不是很舒服。 希望我的解释可以理解？如果有人知道一个好的解决方法，我会很想知道它！否则，“双滚动网格”将是 4.5 中的一个不错的功能 非常感谢！

视频示例http://screencast.com/t/gPdOVPQlRc

Answer 1

jqGrid 有很多选项。使用 jqGrid 可能有问题。具有许多列的网格可以以不同的方式显示。

一种方法是在页面上显示完整的网格并使用浏览器窗口的滚动条。如果您有简单的页面布局，那么这种方式可能是最好的。

另一种方法是使用shrinkToFit: false 选项。在这种情况下，您应该为colModel 中的列指定确切的宽度值。如果您使用shrinkToFit: false 选项，您可以设置jqGrid 的width 选项。在这种情况下，水平滚动条将被放置在 jqGrid 中。

在许多情况下，具有许多列的网格并不总是包含每个用户真正感兴趣的信息。因此，如果您在网格中提供 columnCooser 会很有帮助。此外，您可以将用户首选项保存在localStorage 中（请参阅the answer 和another one）。它可以改善用户体验。

您没有写关于网格的高度，但使用height: "auto" 产生了通常很好的结果。