Angular AgGrid服务端分页异常：rowCount=-1未达预期显示

你遇到的问题核心是只设置rowCount: -1不够，必须配合开启AgGrid的无限滚动模式才能触发“更多条/更多页”的显示逻辑，具体操作步骤如下：

• 开启服务端无限滚动：在gridOptions里添加serverSideInfiniteScroll: true，这是让AgGrid识别“总条数未知”的关键配置，缺了它的话，AgGrid会默认用当前返回的数据集长度当作总条数，所以才会显示“共10条”“共1页”。
• 确认dataSource的返回值：在getRows方法的success回调里，必须明确返回rowCount: -1，同时确保后端接口正确接收startRow和endRow参数，返回对应页的10条数据。
• 检查基础分页配置：确保gridOptions里已经开启pagination: true，并设置paginationPageSize: 10，模板里的AgGrid组件不需要额外的分页参数配置。

给个参考代码示例：

// 初始化gridOptions
this.gridOptions = {
  pagination: true,
  paginationPageSize: 10,
  rowModelType: 'serverSide',
  serverSideInfiniteScroll: true, // 关键配置
  serverSideDatasource: this.createServerSideDatasource()
};

// 创建服务端数据源
createServerSideDatasource() {
  return {
    getRows: (params) => {
      // 调用后端接口，传递分页参数
      this.dataService.fetchPageData(params.startRow, params.endRow).subscribe(res => {
        params.success({
          rowData: res.dataList, // 当前页的10条数据
          rowCount: -1 // 标记总条数未知
        });
      }, error => {
        params.fail();
      });
    }
  };
}

配置完之后，AgGrid就会按照预期显示“1到10条，共更多条”和“第1页，共更多页”的文案了。

内容的提问来源于stack exchange，提问作者Phakamani Mkulise