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

Question

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

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

Answer 1

您可以使用setColWidth方法（包含在free jqGrid中）动态更改最后一列的宽度。我不知道加载你使用的网格的场景。 the demo的修改可能如下：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");

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