列宽问题？(太短或太宽)

Question

对于free 4.9.2，它会自动处理列宽吗？不，那有什么合适的方法来处理这件事？

1) VIN & Year列包含太多的空闲空间

2) Trim包含的记录很少太长，无法适应柱的宽度(例如1993年三菱3000GT 2 Dr VR-4 Turbo掀背车)

另外，jqGrid是否有正确/假的“单词包装”设置？

演示可在link removed上找到

Answer 1

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

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

我建议你读维基文章。可以将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

在那之后，列的宽度看起来会好得多。

如果某些列的文本太长，则可以使用旧的答案中描述的CSS设置，并将列的maxColWidth属性(在colModel中)或网格的全局设置( maxColWidth of autoResizing )选项设置为列的最大宽度。更长的文字将被包装。