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

Question

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

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

Answer 1

您可以使用 setColWidth 方法（包含在 free jqGrid) to change the width of the last column dynamically. I don't know which scenario for loading the grid you use. The modification of the demo could be the following: 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");

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

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

Resize jqGrid according to number of columns in the grid

css

jquery

jqgrid