jqgrid resize

对于 jqGrid，您可以使用以下方法来调整其大小：

1. 使用 jQuery 的 resize 方法：通过选中 jqGrid 表格的父元素，并在窗口大小改变时调用 resize 方法来重新调整表格大小。示例代码如下：

$(window).resize(function() {
  $("#gridContainer").jqGrid('setGridWidth', $("#gridContainer").parent().width());
});

2. 使用 jqGrid 提供的 `gridResize` 事件：您可以在初始化 jqGrid 时，使用 `gridResize` 事件来实现表格的自适应调整。示例代码如下：

$("#gridContainer").jqGrid({
  //...其他配置项
  gridResize: true,
  resizeStop: function(newwidth, index) {
    $("#gridContainer").jqGrid('setGridWidth', $("#gridContainer").parent().width());
  },
});

以上两种方法都是在窗口大小改变时调整 jqGrid 的宽度，您可以根据需要选择其中一种方法来使用。注意，`#gridContainer` 是 jqGrid 表格容器的选择器，您需要根据实际情况进行调整。

相关问题

$(window).bind('resize', function () { var width = $('.jqGrid_wrapper').width(); $('#gridtable').setGridWidth(width); var gridHeight = $(window).height() - $('.jqGrid_wrapper').offset().top - 130; $('#gridtable').jqGrid('setGridHeight', gridHeight); }); 封装成通用

的函数的话，可以这样写：

function resizeGrid() {
  var width = $('.jqGrid_wrapper').width();
  $('#gridtable').setGridWidth(width);
  var gridHeight = $(window).height() - $('.jqGrid_wrapper').offset().top - 130;
  $('#gridtable').jqGrid('setGridHeight', gridHeight);
}

$(window).bind('resize', resizeGrid);

这样就可以在需要使用的地方调用 `resizeGrid()` 函数来实现自适应网格表格的功能了。

jqgrid 高度自适应

要实现 jqGrid 的高度自适应，可以考虑以下两种方法：

1. 使用 autoheight 属性

将 jqGrid 的 autoheight 属性设置为 true，即可让 jqGrid 自动适应父容器的高度。示例代码如下：

$("#grid").jqGrid({
    ...
    autowidth: true,
    autoheight: true,
    ...
});

2. 使用 resizeGrid 方法

如果父容器的高度会动态变化，可以在容器高度变化时调用 jqGrid 的 resizeGrid 方法，重新计算 jqGrid 的高度。示例代码如下：

$(window).on('resize', function(){
    $("#grid").jqGrid('resizeGrid');
});

需要注意的是，在使用 resizeGrid 方法之前，需要先设置 jqGrid 的 autowidth 属性为 true，以确保 jqGrid 能够正确计算宽度。