jQuery jqGrid 支持水平滚动条和冻结列吗？

Question

我有一个 jqGrid 有很多列，它显示了当列宽度总和大于固定宽度容器时，如下所示：

而不是水平如果网格宽度太大则滚动条。

如何获得 jQgrid 的水平滚动条，以便网格的最大尺寸是固定的，如果我添加更多列，它就会简单地滚动？

另外，假设这是可能的，您可以冻结前几列吗？

Answer 1

可能您使用 forceFit:true jqGrid 选项。首先，您应该设置 forceFit:false 或使用 shr​​inkToFit:false。之后，您可以使用 jqGrid 的 width 选项或使用 setGridWidth 方法设置网格宽度。您将拥有网格，其中列标题对应于列的 width 属性，并且网格将具有水平滚动条。

更新：尝试设置shr​​inkToFit:false和width:600（例如）并查看结果。

仅设置 shr​​inkToFit:false 后，您可以看到网格将具有水平滚动条。即使网格足够小，无需滚动即可显示，您也会看到它。这是我发布的一个错误 此处 以及相应的错误修复。该修复包含在 GitHub 上的代码中，但未包含在 jqGrid 3.8 中.2.下一个 jqGrid 版本将修复此问题。尽管如此，对于您的目的而言，错误的宽度并不重要，因为您将/可以显式设置网格的宽度。

Answer 2

您可以通过用 div 包装网格和分页器并运行一个小脚本来获得具有静态或自动大小字段的水平滚动条，
你可以看到 jsfiddle-example，或者像这样：

<div id="grid_container">
  <table id="list"></table>
  <div id="pager"></div>
</div>

并运行这个脚本：

$('#grid_container div:not(.ui-jqgrid-titlebar)').width("100%");    

我的例子是使用 trirand.com 的脚本，但 iv 在他们的最新版本上尝试过，效果很好。
希望我有所帮助。

Answer 3

尝试使用 fluid jqGrid 插件。也许它可以帮助您解决 jqGrid 宽度的问题。

至于第二个问题，为了冻结前n列，我成功地使用了这个超级插件 用于冻结第一列。您只向 colmodel 添加一个属性，它就可以工作。

祝你好运！