React ag-grid header 组件在行后面渲染

Question

我的 ag-grid header 有一个自定义组件，它是一个可打开的菜单的可点击图标。 此菜单打开，但大部分出现在 header 下方的行后面。 我知道有一个针对具有弹出菜单的自定义单元格的解决方案，您可以在其中向单元格添加“溢出：可见”，并调整单元格和其他单元格的 z 索引。 我尝试使用 header 单元，但它仍然无法正常工作。 我在其他任何地方都找不到类似的问题。 有谁知道如何解决这一问题？

这就是它的样子

这是我的 AgGridColumn：

          <AgGridColumn headerComponentFramework={(params) => renderKebabMenuHeader(params)} minWidth={160} headerName="" field="id" cellRenderer="kebabMenuRenderer" cellClass="kebab-menu-cell cell-vertical-align-text-right" headerClass="kebab-menu-cell cell-vertical-align-text-right"/>

renderKebabMenuHeader() 只返回我的菜单的 JSX 元素。

Answer 1

我最终没有为此使用 ag-grid header。 相反，我用position: absolute做了一个 div