在 jqgrid 中显示水平滚动条答案

【问题标题】：show horizontal scroll bar in jqgrid在 jqgrid 中显示水平滚动条
【发布时间】：2010-08-31 11:15:56
【问题描述】：

请看下面的链接，

在此表中包含许多列，所以我想要将整个表放入绘制灰色边框，即类名为 bms-dashboard-body 的 div 元素。带有水平滚动条，就像 excel 表的右下角有一个小滚动条。是否可以创建此 jqgrid 表的液体布局？

如果有人有另一种方法来适应这张桌子，那我不介意。

【问题讨论】：

【解决方案1】：

参数autoWidth:true应该写成autowidth:true。

此外，您可以针对setGridHeight 和setGridWidth 方法设置网格高度和宽度（请参阅http://www.trirand.com/jqgridwiki/doku.php?id=wiki:methods）。执行此操作的最佳位置可能是在 loadComplete 事件处理程序中。

【讨论】：

使用 autowidth:true 会导致问题，因为如果我在 colModel 中指定 cloumns 的宽度，那么我的单元格中很少会被压碎:(
至少 autoWidth 的值对于 jqGrid 是未知的，将被忽略。在 jqGrid 中放置长信息有不同的方法。请参阅 stackoverflow.com/questions/1730061/… 和 stackoverflow.com/questions/3097498/…。但在大多数情况下，剪切信息并将全文显示为工具提示就足够了。

【解决方案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 的脚本，但我在他们的最新版本上进行了尝试，效果很好。
希望我有所帮助。

【讨论】：