How to make AgGridReact rows lower z-index

Question

I have a cell renderer that shows an mgt-person fine but the hover mgt-person-card goes behind the following ag-rows.

I tried

.ag-row {
     z-index: -unset !important;
}
.ag-cell {
    overflow: visible !important;
}

and

mgt-person-card {
   z-index: 100000; 
}

Also suppressRowTransform={true}

Any help appreciated Thanks

Did you find a solution? I'm encountering a similar problem – cstoltze Jun 01 '23 at 17:21 — cstoltze, Jun 01 '23 at 17:21

score 0 · Answer 1 · answered Apr 18 '22 at 23:07

0

I'm not sure if this will work for a cell renderer, but I had a similar issue with a cell editor with a custom drop down. The issue occurred after I upgraded from ag-Grid version 24 to version 27. I didn't need to set suppressRowTransform to true or tinker with the CSS to fix it. Instead, in the column definition where I am using the cellEditor I added the property cellEditorPopup and set it to true.

answered Apr 18 '22 at 23:07

Scribbler

105
3
9

, cellEditorPopup :true did not work for me but thank you. – Ofer Gal Apr 19 '22 at 14:50

How to make AgGridReact rows lower z-index

1 Answers1