Как добавить полосы прокрутки в окно просмотра jqgrid и ограничить его высоту

Question

Если таблица содержит большой многострочный текстовый столбец, нажатие кнопки на панели инструментов представления jqgrid создает окно просмотра с большой высотой и без полосы прокрутки. Большая часть данных находится за пределами экрана и не видна.

Я пытался добавить полосы прокрутки и ограничить его высоту, используя

jQuery.extend(jQuery.jgrid.view, {
   savekey: [true, 13],
   recreateForm: true,
   closeOnEscape: true,
   dataheight: screen.height-230,
   height: 0.82* screen.height,
   width: 0.96*screen.width,
   top:5
     });

но эти настройки игнорируются (они работают для окна редактирования, только если используется jQuery.jgrid.edit).

Как добавить полосы прокрутки и уменьшить высоту окна просмотра, если оно содержит больше данных, чем умещается на экране?

Answer 1

Предлагаю получить демо от ответа и немного расширить код.В методе beforeShowForm я предлагаю включить дополнительную строку

$(this).children("span").css({
    overflow: "auto",
    "text-align": "inherit", // overwrite 'text-align: "right"' if exist
    display: "inline-block",
    "max-height": "100px"
});

Результаты можно увидеть на демоверсии .Высота формы просмотра будет переменной, но максимальная высота каждого поля будет ограничена 100px (см. max-height выше):

или