jqgrid 宽度自适应iframe

要让 jqGrid 宽度自适应 iframe，可以按照以下步骤操作：

1. 在 jqGrid 的初始化代码中，设置 `autowidth` 属性为 `true`，这样 jqGrid 就会自动根据父容器的宽度来计算自己的宽度。

2. 在父页面中，将 iframe 的宽度设置为 100%。这样 iframe 就会自适应父容器的宽度。

下面是示例代码：

在 jqGrid 的初始化代码中添加以下代码：

$("#grid").jqGrid({
    autowidth: true, // 设置自动宽度
    ...
});

在父页面中，将 iframe 的宽度设置为 100%：

<iframe src="yourpage.html" style="width: 100%; height: 500px;"></iframe>

这样就可以让 jqGrid 宽度自适应 iframe 了。

相关问题

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 能够正确计算宽度。

jqgrid 高度自适应铺满

如果想让 jqGrid 铺满整个父容器，可以采用以下方式：

1. 设置 jqGrid 的高度为 100%

将 jqGrid 的高度设置为 100% 可以让 jqGrid 铺满整个父容器。示例代码如下：

$("#grid").jqGrid({
    ...
    autowidth: true,
    height: "100%",
    ...
});

2. 动态计算 jqGrid 的高度

如果 jqGrid 所在的容器的高度不是固定的，可以通过计算容器的高度来动态设置 jqGrid 的高度。示例代码如下：

$(window).on('resize', function(){
    var gridHeight = $(window).height() - $("#grid-container").offset().top;
    $("#grid").jqGrid('setGridHeight', gridHeight);
});

这里假设 jqGrid 所在的容器的 ID 为 `grid-container`，在窗口大小改变时，重新计算容器的高度，并将计算出来的高度设置为 jqGrid 的高度。这样就可以让 jqGrid 铺满整个父容器了。