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