javascript - 动态 jqGrid 的水平滚动条问题

Question

我正在研究 ASP.net MVC。我的应用程序中有许多动态和静态 jq 网格，并且面临水平滚动条问题。

我为溢出属性做了以下代码:

.ui-jqgrid .ui-jqgrid-bdiv {
    overflow-y: auto !important;
    overflow-x: auto !important;
}

.ui-jqgrid .ui-jqgrid-btable {
    overflow-y: auto !important;
    overflow-x: auto !important;
}

我已经设置了 autowidth=true;。我无法设置 shr​​inkToFit=false，因为我有另一个关于调整网格大小的代码，它也会调整列宽。

因为我已经将 overflow 属性设置为 auto，所以我也需要滚动条的相同行为。

第一次加载网格时，没有出现水平滚动条，这是正确的，窗口调整大小后，网格也随列调整大小，出现水平滚动条，这是正确的。但是当我试图最大化屏幕时，水平滚动条不应该出现，而这并没有发生。它仍然显示滚动条。谁能帮帮我？

Answer 1

由于您已经在网格选项中使用了 autowidth:true;，因此您可以在 resize 事件中使用 setGridWidth 方法窗口。
你需要使用这个:

$(window).on("resize", function () {
    var $grid = $("#gridID"),
        newWidth = $grid.closest(".ui-jqgrid").parent().width();
    $grid.jqGrid("setGridWidth", newWidth, true);
}).resize(); // <----triggers the resize on dom ready.