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

Question

我有包含 7 列的 jqGrid(免费的 jqGrid)。我应用了 shr​​inkToFit: 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");

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