如何将滚动条添加到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

我建议从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）：

或