滚动 [Angular] 时，aggrid 表内的可编辑字段正在从表中移出

Question

我有一个角度的 ag-grid 表，我正在尝试编辑自定义的日期列，我使用了以下配置：

...(column.id === "date" && {
    cellEditor: customDateEditor,
    editable: true,
    cellEditorPopup: true
   })

在我的customDateEditor组件中，代码是：

<p-calendar [(ngModel)]="date" [showIcon]="true" appendTo="body"></p-calendar>

在这里，当我单击表格中的日期列单元格时，我使用 primeng datepicker 打开。这按预期工作。

问题是当我打开日期选择器并开始滚动顶部或底部时，该字段正在移出 ag-grid 表。

即使滚动后，如何保持字段固定在打开的位置？或者如何关闭滚动上的日期选择器，例如调用

params.api.stopEditing()

，（要执行此操作，我无法找到在表格滚动上触发的任何事件）。

我尝试使用CSS属性来修复位置，但没有成功。我也尝试给出appendTo =“table-id”，但日历弹出窗口在打开时隐藏在表格下方。

我尝试阅读文档以查找是否有任何类似于

popupParent

的配置，但没有运气。

我使用的ag-grid版本是：

"ag-grid-angular": "29.1.0",
"ag-grid-community": "29.1.0",
"ag-grid-enterprise": "29.1.0",

对此的任何建议或帮助将不胜感激。预先感谢。

Answer 1

AG-Grid中有一个身体滚动的事件。它叫：

身体滚动