I have a standard cell editor and when I am in edit mode the width and the height of the cell editor is not the full width and height of the cell.
Should I overwrite the styles or is there any flag in the configuration to turn off this effect?
I had this same problem. If you look at the DOM, you'll see ag-grid
adds a wrapper div around all custom editors, and it's actually that div that is the problem. I solved it by adding this to my global CSS:
.ag-react-container {
/*
* This class is used on divs automatically inserted by AgGrid around custom cell editors.
* Without this, I don't know of another way of ensuring that the underlying <input> can take
* up 100% of the height of the parent cell, if it so chooses to.
*/
height: 100%;
}
I think a better way to achieve this is to only modify the inline style editor css:
.ag-theme-balham .ag-cell.ag-cell-inline-editing{
height: 100%;
}
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