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

【问题标题】：React ag-grid header component is rendering behind rowReact ag-grid header 组件在行后面渲染
【发布时间】：2021-06-16 05:58:16
【问题描述】：

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

This is what it looks like

这是我的 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 元素。

【问题讨论】：

标签： reactjs ag-grid

【解决方案1】：

我最终没有为此使用 ag-grid 标头。相反，我用position: absolute 制作了一个div

【讨论】：