I've tried just about everything I know to get my custom dropdown cell renderer to display as the topmost div in the agGrid example. I've played with z-index, positioning etc with no luck. The only thing that did anything was going to one of the offending rows and deselecting the transform for that row, but then the row just disappears. Any ideas would would be welcome, Thanks in advance.
Here is a working example : https://stackblitz.com/edit/angular-ag-grid-hides-cellrenderer-5ryv9n
Quick screenshot of issue when menu is within ag-grid
To handle refresh, implement logic inside the refresh() method inside your component and return true. If you do not want to handle refresh, just return false from the refresh method (which will tell the grid you do not handle refresh and your component will be destroyed and recreated if the underlying data changes).
If you want the grid to stop editing when focus leaves the cell or the grid, set the grid property stopEditingWhenCellsLoseFocus = true .
cellRendererSelector to a function that returns alternative values for cellRenderer and cellRendererParams . The params passed to cellRendererSelector are the same as those passed to the Cell Renderer Component. Typically the selector will use this to check the rows contents and choose a renderer accordingly.
The solution for me was to add suppressRowTransform: true
to the grid options and make the rows and cells have overflow: visible
This was using ag-grid-react though.
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With