jqGrid width
在许多内部结构(div,表等)上使用固定值。因此,不能只设置CSS width : 100%
。但是,还有另一种方法可以做到这一点。可以resize
在window
对象上注册事件处理程序并进行setGridWidth
显式调用。该方法将jqGrid的 调整为新的宽度。因此,这将是干净的方法。
如果使用,autowidth: true
则jqGrid只能将jqGrid的宽度设置为其父级的宽度。在$(window).resize
处理程序内部,我们可以获取父级的 新 (当前)宽度并重置grid的值width
。相应的代码如下
$(window).on("resize", function () {
var $grid = $("#list"),
newWidth = $grid.closest(".ui-jqgrid").parent().width();
$grid.jqGrid("setGridWidth", newWidth, true);
});
我用$("#list").closest(".ui-jqgrid")
的,而不是$("#list")
因为jqGrid的建立一些潜 在 的主要<table>
元素。$("#list").closest(".ui-jqgrid")
给出包括网格所有元素 的外部 div。