Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

ag-grid renders on top of cell renderer

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

like image 736
Daryl P Avatar asked Aug 06 '18 16:08

Daryl P


People also ask

How do you refresh cell renderer on 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).

How do you stop cell editing on ag-Grid?

If you want the grid to stop editing when focus leaves the cell or the grid, set the grid property stopEditingWhenCellsLoseFocus = true .

What is cellRendererParams?

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.


1 Answers

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.

like image 54
Frank Wallis Avatar answered Sep 18 '22 23:09

Frank Wallis