如何限制jqgrid中行的最大高度

Question

列包含长行多行文本，这会使行高太大。

我根据Tony的回答尝试了下面的样式 http://www.trirand.com/blog/?page_id=393/help/possible-row-height-bug-in-in-ie8/

但不限制行最大高度：行高仍等于列中的行数。

如何将行的最大高度限制为某个值？文本不应该换行（因为它已经使用jqGrid默认设置），并且不应显示剩余的行。 （如果使用edittype textarea，可以在编辑模式下检查整个文本。）

jqgrid tr.jqgrow td { 
  max-height  : 100px;
 }

ui-jqgrid tr.jqgrow td {
 max-height  : 100px;
 }

td {
  max-height  : 100px;
  }

tr {
  max-height  : 100px;
  }

Answer 1

您无法在max-height或td元素上使用tr，但您可以将多行文字放在具有相同风格的<div>内。为此，您可以使用以下自定义格式化程序：

formatter: function(v) {
    return '<div style="max-height: 100px">' + v + '</div>';
}

或将<div style="max-height: 100px">...</div>放在JSON / XML数据中。结果你将有类似

的东西

（我在制作屏幕截图时显示了工具提示，以显示单元格中的数据包含网格中显示的更多行） 请参阅相应的演示here。

Answer 2

我知道这已经晚了，但您可以将此CSS用于所有列：

.ui-jqgrid tr.jqgrow td {
    white-space:nowrap;
}

或者，对于单个列：

.no-wrap-col {
    white-space: nowrap;
}

然后在您的ColModel中，在要阻止包装的任何列上，应用该类：

classes: "no-wrap-col"