jqGrid设置高度为百分比
时间: 2023-11-27 09:54:26 浏览: 78
jqGrid 的高度支持百分比设置,你可以在初始化时将 height 参数设置为一个百分比值,如下所示:
```javascript
$("#grid").jqGrid({
url: "data.json",
datatype: "json",
colModel: [...],
height: "70%", // 将高度设置为 70%
rowNum: 10,
rowList: [10, 20, 30],
pager: "#pager",
viewrecords: true,
caption: "jqGrid Example"
});
```
在上面的例子中,我们将 jqGrid 的高度设置为 70%,这将使 jqGrid 的高度自适应其容器的高度。请确保 jqGrid 的容器具有确定的高度,否则百分比设置将无效。
相关问题
jqGrid设置高度为百分比不起作用
jqGrid 的高度是以像素为单位计算的,因此设置百分比高度不会起作用。如果您想要根据页面大小自适应调整 jqGrid 的高度,可以使用如下方法:
1. 在 jqGrid 初始化时,获取页面高度并设置 jqGrid 的高度:
```javascript
// 获取页面高度
var height = $(window).height() - 200; // 200为jqGrid之外的其它元素高度
// 初始化 jqGrid
$("#grid").jqGrid({
...
height: height,
...
});
```
2. 监听窗口大小变化事件,在窗口大小变化时重新设置 jqGrid 的高度:
```javascript
$(window).resize(function() {
var height = $(window).height() - 200;
$("#grid").jqGrid('setGridHeight', height);
});
```
这样,当窗口大小发生变化时,jqGrid 的高度也会自适应调整。
jqgrid searchGrid.dataheight 是什么
jqGrid 是一个 jQuery 插件,用于在网页上实现表格功能。searchGrid.dataheight 是 jqGrid 的一个属性,用于设置搜索对话框中数据显示区域的高度。具体来说,它用于设置搜索对话框中的表格高度,可以通过设置一个像素值或者一个百分比来实现。例如,设置为"auto"则会自动根据表格的内容来设置高度。需要注意的是,该属性只有在设置了 search:true 时才会生效。
阅读全文