Ag-Grid：启用排序时如何查找指定行所在的当前页码？

解决方案 #

Ag-Grid没有直接返回指定行对应页码的API，但可以通过以下步骤计算得到，完全适配排序、过滤后的分页场景：

1. 获取排序+过滤后的全量行数据集
   使用gridApi.getModel().getSortedAndFilteredRows()获取当前经过排序、过滤后的所有行节点数组，这个数组的顺序和分页展示的顺序完全一致。

2. 定位目标行在数据集里的索引
   遍历这个数组，通过行数据的唯一标识（比如ID字段）匹配找到目标行的位置索引。

3. 计算对应页码
   根据当前每页行数，用索引值计算出对应的页码（注意Ag-Grid的分页API里页码从0开始，但展示给用户的通常从1开始）。

代码示例 #

// 假设新增行的唯一标识为newRow.id
const targetRowId = newRow.id;

// 获取排序过滤后的所有行节点
const sortedFilteredRows = gridApi.getModel().getSortedAndFilteredRows();

// 查找目标行的索引
const targetRowIndex = sortedFilteredRows.findIndex(rowNode => rowNode.data.id === targetRowId);

if (targetRowIndex !== -1) {
  // 获取当前每页显示的行数
  const pageSize = gridApi.paginationGetPageSize();
  // 计算用户视角的页码（从1开始）
  const targetPageNumber = Math.floor(targetRowIndex / pageSize) + 1;
  
  console.log(`目标行所在页码：${targetPageNumber}`);
  
  // 可选：直接跳转到目标页（API参数是从0开始的索引）
  gridApi.paginationGoToPage(targetPageNumber - 1);
} else {
  console.log("未找到目标行数据");
}

注意事项 #

• 这个方法仅适用于客户端分页场景，如果是服务器端分页，前端没有全量数据，需要后端提供目标行的页码信息，或者根据后端的排序/过滤逻辑自行计算。
• getSortedAndFilteredRows()返回的是RowNode对象数组，需要通过rowNode.data访问原始行数据进行匹配。
• 每次排序、过滤条件变更后，都需要重新执行上述计算，因为行的顺序会发生变化。

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