通过服务器端分页提供 ag-grid-angle 最后一页信息

Question

我在我的角度应用程序中使用ag-grid entreprise。我有一个服务器端分页。 我的服务器响应返回我的数据并且：

"page": 1,
"page_size": 10,
"total_page": 7

我不知道如何使用total_page，以便我的网格可以呈现：“第1页，共7页”而不是“第1页或更多页”。 这对最终用户来说更好，并且可以避免错误，因为 ag-grid 会在下一页不存在时尝试到达下一页。我如何使用这些信息？

这是来自 getRow() 方法的 params.success :

 params.success({
    rowData: data,
    rowCount: this.getRowCount(
       data,
       params.api.paginationGetPageSize(),
       params.api.paginationGetCurrentPage(),
     ),
  );

    private getRowCount(data, pageSize: number, currentPage: number): number | undefined {
    console.log(currentPage);
    if (!data.length) {
        return 0;
    }
    return data.length < pageSize ? pageSize * currentPage + data.length : undefined;
}

Answer 1

您可以尝试提供

rowCount

作为数字，而不是

lastRow

，可以按如下所示计算相同的值！

请参考下面的plunkr并尝试提供该示例中所示的数据，它可能会解决您的问题！

 params.success({
    rowData: data.rows,
    lastRow: data.total_page * data.page_size,
  );

Aggrid SSR 分页 Plunkr

Ag 网格文档 - 示例：服务器端分页