I need to change the selection color from blue(default color) to red bordered blue color in ag-grid.
Refer the pic the blue color should be converted to thick blue with red border
Row Selections When row selection is enabled, you can set the color of selected rows using --ag-selected-row-background-color . If your grid uses alternating row colours we recommend setting this to a semi-transparent colour so that the alternating row colours are visible below it.
The class ag-row-hover and ag-column-hover are added to cells as the mouse is dragged over the cells row or column. The example below demonstrates the following: CSS class ag-row-hover has background color added to it, so when you hover over a cell, the row will be highlighted.
You can add CSS styles to each row in the following ways: rowStyle : Property to set style for all rows. Set to an object of key (style names) and values (style values). getRowStyle : Callback to set style for each row individually.
Add the following to your css
.ag-theme-balham .ag-row-selected {
background-color: #4abbff;
}
.ag-theme-balham .ag-ltr .ag-cell-focus {
border: 1px solid red;
}
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