在ag-grid中应使用哪个事件处理器调用ensureColumnVisible？

要实现刷新后滚动回原位置，结合ensureColumnVisible方法，你需要分两步操作：记录刷新前的目标列，然后在网格数据/布局更新完成后触发恢复逻辑，推荐使用以下事件处理器：

1. 记录刷新前的可见列 #

在触发网格刷新（比如调用setRowData更新数据）之前，先获取当前视图中关键列的标识（比如最左侧可见列的colId）：

// 保存刷新前的目标列ID
let targetColumnId;
// 获取当前显示的列列表
const displayedCols = columnApi.getDisplayedColumns();
// 筛选出第一个可见列（可根据需求调整逻辑）
const firstVisibleCol = displayedCols.find(col => api.isColumnVisible(col));
if (firstVisibleCol) {
  targetColumnId = firstVisibleCol.colId;
}

2. 选择合适的事件处理器恢复位置 #

根据你的刷新场景，选择对应事件：

场景1：更新行数据（非网格重初始化） #

如果是通过api.setRowData()刷新数据，使用**modelUpdated事件**——这是网格数据更新完成、DOM重绘后的回调，适合在这里执行恢复逻辑：

// 监听数据更新完成事件
api.addEventListener('modelUpdated', () => {
  if (targetColumnId) {
    // 确保目标列可见，自动滚动到对应位置
    api.ensureColumnVisible(targetColumnId);
    // 若需要更精确的像素级滚动，可结合以下代码
    // const prevScrollPos = api.getHorizontalPixelRange().left;
    // api.setHorizontalScrollPosition(prevScrollPos);
  }
});

场景2：网格重新初始化（组件重载） #

如果是组件重新渲染导致网格初始化，使用**gridReady事件**——在网格完成初始化、API可用后触发恢复：

const onGridReady = (params) => {
  const { api, columnApi } = params;
  // 从缓存/全局变量中取出之前记录的targetColumnId
  if (targetColumnId) {
    api.ensureColumnVisible(targetColumnId);
  }
};

注意事项 #

• ensureColumnVisible会保证列进入视图，但如果需要和刷新前完全一致的滚动像素位置，建议结合getHorizontalPixelRange()记录滚动坐标，再用setHorizontalScrollPosition()恢复。
• 要确保记录的colId在刷新后仍然存在（未被隐藏或删除），可添加容错判断避免报错。

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