Как ограничить максимальную высоту строки в jqgrid

Question

Столбец содержит длинные многострочные тексты, из-за которых высота строки слишком велика.

Я попробовал приведенные ниже стили на основе ответа Тони в http://www.trirand.com/blog/?page_id=393/help/possible-row-height-bug-in-in-ie8/

, но они не ограничивают максимальную высоту строки: Высота строкипо-прежнему равно количеству строк в столбце.

Как ограничить максимальную высоту строки некоторым значением?Текст не должен переноситься (так как он уже использует настройки по умолчанию jqGrid), а оставшиеся строки не должны отображаться.(Весь текст можно проверить в режиме редактирования, если используется текстовое поле edittype).

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.В результате у вас будет что-то вроде

(я отобразил всплывающую подсказку во время создания снимка экрана, чтобы показать, что данные в ячейке содержат больше строк, как показано в сетке).соответствующая демка здесь .

Answer 2

Я знаю, что уже поздно, но вы можете использовать этот CSS для ВСЕХ столбцов :

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

Или для отдельного столбца:

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

Затем в вашей ColModel для любого столбца, для которого вы хотите запретить перенос, примените класс:

classes: "no-wrap-col"