jq中的jqGrid如何在页面数据溢出的情况下可以向下滚动呢，并保持分页功能

jqGrid是一个基于jQuery的表格插件，它可以用于显示和编辑数据。如果在页面中使用jqGrid时出现了数据溢出的情况，可以通过以下步骤实现向下滚动并保持分页功能：

1. 确认表格的高度
首先需要确认表格的高度是否已经设置为固定值或百分比。如果是固定值，需要将其改为百分比，这样当数据超出表格高度时，表格会自动向下滚动。

2. 开启分页功能
确认是否已经开启分页功能。如果没有开启分页功能，需要在表格的初始化选项中设置分页参数。

3. 设置表格属性
在表格初始化选项中，设置以下属性：

- scroll: 1
开启滚动条功能。

- autowidth: true
自适应表格宽度。

- shrinkToFit: false
不缩小列宽度以适应表格宽度。

4. 设置分页参数
在表格初始化选项中，设置以下分页参数：

- rowNum: 每页显示的记录数
设置每页显示的记录数，可以根据需要进行调整。

- rowList: 每页显示的记录数选项
设置每页显示的记录数选项，例如：[10, 20, 30]。

- pager: 分页栏元素ID
指定分页栏的元素ID，例如：'#pager'。

- viewrecords: true
显示总记录数。

- height: 表格高度
设置表格高度为固定值或百分比。

5. 更新表格
在表格初始化选项中，设置以下回调函数：

- loadComplete: function () {
$(this).setGridHeight($(this).getGridParam('records') * 30 + 150);
$(this).setGridWidth($(this).parent().width() - 2);
$('#' + this.id + '_pager').css('width', $(this).parent().width() - 2);
}
在加载完数据后，更新表格高度和宽度，以及分页栏的宽度。

通过以上步骤，可以实现在页面数据溢出的情况下，表格会自动向下滚动，并保持分页功能。