jqgrid - 如何将滚动条添加到 jqgrid View 窗口并限制其高度

Question

如果表格包含大的多行文本列，按 jqgrid View 工具栏按钮创建 View 窗口高度大，没有滚动条。大部分数据都在屏幕外，不可见。

我尝试添加滚动条并使用

限制其高度

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 时才适用于编辑窗口)。

如果它包含的数据多于适合屏幕的数据，如何添加滚动条并限制 View 窗口的高度？

Answer 1

我建议从 the answer 获取演示并稍微扩展代码。在方法 beforeShowForm 中，我建议添加额外的行

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

您可以在 the demo 上看到结果. View 表单的高度是可变的，但是每个字段的最大高度将被限制为 100px(参见上面的 max-height):

或