pagination - 带有分页的 aggrid 中的行数

Question

我正在使用带有分页(客户端)的 agggrid。
我需要获取当前页面中存在的行数。
当我使用下面的 api 时，它总是让我计算所有页面中存在的所有行。

gridApi.paginationGetRowCount()

gridApi.getDisplayedRowCount()

gridApi.paginationProxy.masterRowCount

Answer 1

您需要的是GridApi.paginationGetPageSize() .

GridApi.paginationGetRowCount()返回所有页面中的总行数。

GridApi.getDisplayedRowCount()返回所有页面中的总行数，加上所有展开的行(使用 Row Grouping 或 Master Detail 时)。

GridApi.paginationProxy是私有(private)属性(property)，不应使用。

如果要获取当前页面的行数。您可以计算 startResult和 endResult自己的那个页面。页面行数为 endResult - startResult + 1

const printPagination = () => {
  const currentPage = gridApi.paginationGetCurrentPage();
  const totalPage = gridApi.paginationGetTotalPages();
  const totalResults = gridApi.paginationGetRowCount();
  const pageSize = gridApi.paginationGetPageSize();
  const startResult = currentPage * pageSize + 1;
  const endResult = Math.min(startResult + pageSize - 1, totalResults);

  console.log();
  console.log("Page size:", pageSize);
  console.log("Current page:", currentPage);
  console.log("Total pages:", totalPage);
  console.log("Total results:", totalResults);
  console.log("Start-end:", startResult, endResult);
  console.log("Number of rows in this page:", endResult - startResult + 1);
};

现场示例
下面的实时示例使用 React，但将该代码转换为 Angular 应该很简单