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

【问题标题】：Resize jqGrid according to number of columns in the grid根据网格中的列数调整 jqGrid 的大小
【发布时间】：2016-05-31 21:23:45
【问题描述】：

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

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

【问题讨论】：

抱歉，我不确定网格应该是什么样子。要么你想要固定的列宽，要么你想要调整某些列的大小。看演示jsfiddle.net/OlegKi/andm1299/26。它不使用shrinkToFit: false 并根据窗口（外部容器）的大小调整网格的大小。如果窗口很小，它会隐藏最后一列。这是你需要的吗？如果您需要其他行为，请更准确地描述它。
嗨，Oleg，我想在移动设备中使用shrinkToFit:false，如果网格宽度溢出，我想用水平滚动条显示所有列。当只有 2 列时，我希望最后一列的宽度与网格的剩余宽度相匹配。

标签： jquery css jqgrid

【解决方案1】：

您可以使用setColWidth 方法（包含在free jqGrid 中）动态更改最后一列的宽度。我不知道您使用哪种加载网格的方案。 the demo 的修改可能如下：http://jsfiddle.net/OlegKi/andm1299/37/ where

$(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");

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

【讨论】：

请帮我解决这个问题link