绕过/覆盖 React ag-Grid 的分页答案

【问题标题】：Bypass/override React ag-Grid's pagination绕过/覆盖 React ag-Grid 的分页
【发布时间】：2018-07-12 14:14:16
【问题描述】：

所以我在我的 React 项目中使用了 ag-Grid。我正在尝试在服务器上加载数据并通过 UI 中的分页来呈现它们，而不是一次性获取整个数据集。

不过，这个方法似乎只适用于 ag-grid 的无限滚动：https://www.ag-grid.com/javascript-grid-server-side-model

由于我试图避免无限滚动，我想知道是否有一种方法可以使用我自己的分页控件绕过或覆盖 ag-grid 的内部分页，这将调用服务器以获取下一部分每页都有数据..？

谢谢！

【问题讨论】：

标签： reactjs ag-grid

【解决方案1】：

在您带来的源代码中，有一个代码用于处理每个服务器请求here

但如果您遇到企业问题，请尝试查看无限滚动自定义解决方案：

您可以使用 ag-grid API 来设置数据源

看例子here

onGridReady(params) {
    this.api = params.api;
    this.api.setDatasource(this.props.dataSource(params));
}

<AgGridReact
  onGridReady={this.onGridReady}
/>

【讨论】：