How to change Ag Grid border color?

user_7632266 0
Viewed 2493

Does anyone know is it possible to change Ag Grid component border color? I was trying to do remove it with styling ag-theme-alphine

<div className="ag-theme-alpine" style={{ height: '100%', borderColor: 'white', fontSize: '1vw',}}>

But it doesn't work at all. Also i tried to do it with css, but again no luck.

.ag-root-wrapper {
    border: solid 1px;
    border-color: red;
    border-color: var(--ag-border-color, #babfc7);
}
ag-grid-react ag-grid jsx reactjs css
2 Answers

Use css !important to override theme default styles.

See bellow:

.ag-root-wrapper {
    border: solid 1px;
    border-color: var(--ag-border-color, #babfc7) !important;
}

user_121769410

I changed border color of Ag-Grid component with CSS, it works only when '!important' is used.

.ag-root-wrapper {
    border: solid 1px;
    border-color: var(--ag-border-color, #fffff) !important;
}
user_76322660
Related