jqgrid 自适应列宽和滚动同时有

如果需要在 jqGrid 中同时实现自适应列宽和滚动，可以采用以下方法：

1. 设置 `shrinkToFit` 属性为 `true`，开启自适应列宽功能。

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

2. 设置 `scrollOffset` 属性为合适的值，以便在出现滚动条时占用滚动条的空间。

$("#grid").jqGrid({
    ...
    scrollOffset: 0, // 可以根据实际情况调整值
    ...
});

3. 设置 `height` 属性为固定值或百分比，以便触发滚动条出现。

$("#grid").jqGrid({
    ...
    height: "300", // 可以根据实际情况调整值
    ...
});

4. 设置 `forceFit` 属性为 `true`，以便在窗口大小改变时重新计算列宽。

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

通过以上设置，您的 jqGrid 将会在出现滚动条时自动调整列宽，并且在窗口大小改变时重新计算列宽。

相关问题

jqgrid 自适应列宽

jqGrid 提供了自适应列宽的功能，可以根据列中的内容自动调整列宽，以便完全显示所有内容。您可以使用 `shrinkToFit` 属性来实现自适应列宽。

具体步骤如下：

1. 设置 `shrinkToFit` 属性为 `true`：在 jqGrid 的初始化代码中，将 `shrinkToFit` 属性设置为 `true`，即可开启自适应列宽功能。

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

2. 设置列宽和最小列宽：如果您希望某些列的宽度保持不变，可以在列模型中设置 `width` 属性；如果您希望某些列的宽度不要缩小过小，可以在列模型中设置 `minWidth` 属性。

$("#grid").jqGrid({
    ...
    colModel: [
        { name: "id", width: 100 },
        { name: "name", minWidth: 150 },
        { name: "description" },
        ...
    ],
    ...
});

通过以上设置，您的 jqGrid 将会自动根据列中的内容调整列宽，并且保证不小于最小列宽。

jqgrid 列宽不自适应

在默认情况下，如果未设置特定列宽，jqGrid会根据其内容自动调整列宽以填充可用空间。然而，如果你遇到列宽不自适应的情况，可能是因为以下原因：

1. **手动设置了固定列宽**：如果你已经在初始化jqGrid时指定了固定的列宽，如`colModel`配置中的`width`属性，那么这些列就不会随窗口大小变化而调整。

   // 示例中的固定列宽定义
   colModel: [{name: 'your_column_name', width: 100}, ...],

2. **禁用了自动调整**：在某些情况下，可能无意中阻止了自动调整功能。查看`setGridWidth`的参数，确保没有传递`false`来关闭自动调整。

   // 希望开启自适应，所以应该这样调用：
   $("#list2").setGridWidth($(window).width(), true);

3. **忽略窗口改变事件**：在你提供的示例中，已经绑定了窗口大小改变事件来重新设置网格宽度。但如果这个事件没有触发，或者事件处理程序有问题，也可能导致列宽不响应。

检查`$(window).resize`回调部分是否有错误，确保它正常运行。

如果你发现以上情况都不是问题所在，可能是浏览器或环境的兼容性问题，试着更新到最新版本的jQuery和jqGrid，并确认没有其他冲突的CSS样式影响了宽度计算。如果问题依然存在，可能需要查看官方文档或寻求开发者社区的帮助。