根据网格中的列数调整jqGrid的大小

我有jqGrid（免费jqGrid），包含7列。 我应用了shrinkToFit: false ，属性来启用网格列的滚动（以适应移动设备）。 当我将相同的属性应用于只有一个列网格的网格时，如下图所示：

如何根据列数自动设置网格宽度？

Answer 1

您可以使用setColWidth方法（包含在free jqGrid中 ）动态更改最后一列的宽度。 我不知道加载你使用的网格的场景。 演示的修改可能如下： http ： //jsfiddle.net/OlegKi/andm1299/37/其中

 $(window).bind("resize", function () { var p = $grid.jqGrid("getGridParam"), cm = p.colModel[p.iColByName.ComboDuration]; $grid.jqGrid("setGridWidth", $grid.closest(".container-fluid").width()); $grid.jqGrid("setColWidth", "ComboDuration", p.width - p.tblwidth + cm.width); }).triggerHandler("resize"); 

上面的代码首先根据外部容器的宽度调整网格的宽度，然后根据主网格表的宽度和网格的总宽度之间的差异调整最后一列的宽度。