列宽问题？ （太短或太宽）

Question

关于free-jqgrid 4.9.2，它会自动处理列宽吗？不，那么处理这个问题的正确方法是什么？

1) VIN 和年份列包含太多可用空间

2) Trim 包含一些太长而无法容纳列宽的记录（例如 1993 Mitsubishi 3000GT 2 Dr VR-4 Turbo AWD Hatchback）

另外，jqGrid 是否在某处设置了真/假“自动换行”？

演示位于link removed

Answer 1

从 4.8 版本开始的免费 jqGrid 中存在自动宽度调整。 Free jqGrid 仍然不能自动处理所有列的宽度。需要在colModel 中为应根据最长内容的宽度设置宽度的列添加一些附加属性，并设置一些附加选项。

您当前的代码将width: 190 用于列'Vin'，并且没有为任何其他列指定任何width 属性，因此将使用默认值width: 150。此外，您使用 jqGrid 的 width: 1022 选项和 wrong 选项 autoWidth: true（而不是 autowidth: true）将被忽略。这意味着网格上的div（bDiv或body div）的宽度将设置为1022px，用户可以使用水平滚动条查看所有列。

我建议您阅读the wiki article。您可以将autoResizable: true 属性添加到某些特定列或使用cmTemplate: { autoResizable: true } 将属性添加到所有 列中。结果，网格中每个单元格的内容将被包裹在<span class="ui-jqgrid-cell-wrapper">...</span> 中。它允许免费的 jqGrid 获取列中所有单元格的内容的确切宽度，然后根据这些值计算最大值。因此，用户可以双击列调整大小（列之间）以将宽度设置为最佳值。在宽度计算 jqGrid 时，除了列的网格单元格的宽度之外，列标题的宽度还包括排序图标的宽度。可以使用autoResizing: { compact: true } 选项来减小没有可见排序图标的列的宽度。最后一个常用选项是autoresizeOnLoad: true，我建议您使用它。它将具有autoResizable: true 属性的列的宽度设置为最佳值。

所以我建议您在网格中添加以下选项：

cmTemplate: { autoResizable: true },
autoResizing: { compact: true },
autoresizeOnLoad: true

之后列的宽度看起来会好很多。

如果您希望在某些列的文本太长时换行，那么您可以使用the old answer 中描述的 CSS 设置并设置列的autoResizing 的maxColWidth 属性（在colModel 中）或全局将网格的autoResizing 选项的maxColWidth 设置为列的最大宽度。更长的文本将被换行。