问题1：实现单元格编辑器打开前的自定义操作 #

AG Grid确实没有提供官方的“编辑器即将打开前”的事件，但我们可以通过禁用默认双击编辑+手动触发编辑的方式来实现需求，步骤如下：

1. 关闭默认的双击触发编辑：在gridOptions里设置enableCellEditOnDoubleClick: false，这样双击单元格不会自动打开编辑器；如果只是特定列需要这个逻辑，也可以在列定义里单独配置该属性。
2. 监听双击事件执行自定义逻辑：绑定onCellDoubleClicked事件，在回调函数里先执行你的自定义操作（比如数据预处理、状态更新、权限校验等）。
3. 手动启动单元格编辑：调用AG Grid的APIstartEditingCell，传入当前单元格的rowIndex和colKey来触发编辑器打开。

示例代码：

const gridOptions = {
  // 全局禁用默认双击编辑
  enableCellEditOnDoubleClick: false,
  onCellDoubleClicked: (params) => {
    // 先执行你的自定义操作
    console.log("执行自定义逻辑：比如校验当前单元格是否可编辑");
    // 手动启动编辑
    params.api.startEditingCell({
      rowIndex: params.rowIndex,
      colKey: params.column.colId
    });
  },
  // 其他表格配置...
};

这种方式完全可以替代“编辑器打开前事件”的需求，而且灵活性更高。

问题2：自定义编辑器显示不全及滚动异常的解决方案 #

你的临时div方案确实只是权宜之计，针对编辑器弹出到表格外的定位问题，推荐以下几个更可靠的解决思路：

1. 指定编辑器的弹出父容器

AG Grid提供了getPopupParent配置项，你可以将编辑器的父元素设置为表格的容器（或者某个带滚动的容器），这样编辑器会跟随容器一起滚动，避免滚动时错位。

示例配置：

const gridOptions = {
  // 假设你的表格容器id是"ag-grid-container"
  getPopupParent: () => document.getElementById("ag-grid-container"),
  // 其他配置...
};

2. 动态计算并调整编辑器位置

在自定义编辑器的afterGuiAttached方法（编辑器DOM挂载后触发）里，计算编辑器与视口的位置关系，动态调整top值避免被屏幕底部截断：

class CustomCellEditor {
  init(params) {
    // 创建编辑器DOM元素
    this.eGui = document.createElement("div");
    this.eGui.className = "custom-editor";
    // 初始化编辑器内容...
  }

  afterGuiAttached() {
    const editorRect = this.eGui.getBoundingClientRect();
    const viewportBottom = window.innerHeight;
    
    // 如果编辑器底部超出视口，向上偏移
    if (editorRect.bottom > viewportBottom) {
      const overflowHeight = editorRect.bottom - viewportBottom;
      // 调整top值，预留10px间距避免贴边
      this.eGui.style.top = `${parseInt(this.eGui.style.top) - overflowHeight - 10}px`;
    }
  }

  // 实现编辑器其他必需方法（getValue, isPopup等）...
}

3. 监听表格滚动实时更新编辑器位置

如果编辑器使用固定定位，需要监听表格的bodyScroll事件，实时更新编辑器的位置，确保它始终跟随目标单元格：

gridOptions.onBodyScroll = (params) => {
  const activeEditor = document.querySelector(".custom-editor");
  if (!activeEditor) return;
  
  const scrollOffset = params.api.getVerticalScrollPosition();
  // 根据滚动偏移量调整编辑器top值
  activeEditor.style.top = `${parseInt(activeEditor.style.top) - scrollOffset}px`;
};

另外，建议去掉表格下方的临时div，这种通过撑开高度的方式会影响页面布局和滚动体验，用上面的动态定位方案更优雅。

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