jq中的jqGrid如何在页面数据溢出的情况下可以向下滚动呢
时间: 2023-03-22 20:01:12 浏览: 93
获取jqGrid中选择的行的数据
5星 · 资源好评率100%
在 jqGrid 中实现页面数据溢出并允许向下滚动的方法如下:
1. 首先,需要设置 jqGrid 的高度属性为一个固定值或者一个百分比值,例如:
```
$('#grid').jqGrid({
height: 400, // 设置固定高度
// 或者
height: '70%', // 设置百分比高度
...
});
```
2. 接着,需要将 jqGrid 的 `scroll` 属性设置为 `true`,以启用滚动条功能:
```
$('#grid').jqGrid({
height: 400,
scroll: true, // 启用滚动条
...
});
```
3. 最后,设置 `pager` 属性为 `#grid-pager`,并将 `rowNum` 属性设置为一个较大的值,以确保可以显示所有数据:
```
$('#grid').jqGrid({
height: 400,
scroll: true,
pager: '#grid-pager', // 设置分页控件
rowNum: 10000, // 设置行数为一个较大的值
...
});
```
通过上述设置,当 jqGrid 中的数据溢出时,将会自动显示滚动条,并且可以通过滚动条向下滚动查看更多数据。同时,由于 `pager` 属性被设置为分页控件的 ID,因此分页功能也可以正常使用。
阅读全文