如何限制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-heighton td或tr元素,但可以将多行文本放在<div>具有相同样式的内部.为此,您可以使用以下自定义格式化程序:

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

或者放置<div style="max-height: 100px">...</div>JSON/XML数据的内部.结果你将有类似的东西

(我在制作屏幕截图时显示了工具提示,以显示单元格中的数据包含更多行,如网格中所示)请参阅此处的相应演示.