I was trying to highlight a row on mouse over in ag grid. I am using React framework for the same. The React cell styling examples are all related to conditionally rendering styles but none of them are focussed with styling with mouse over. The link I followed was link
I have also checked answers over github where they mentioned to use the ag-row-hover class. Where should I be rendering this css class?
I was trying to highlight a row on mouse over in ag grid. I am using React framework for the same. The React cell styling examples are all related to conditionally rendering styles but none of them are focussed with styling with mouse over. The link I followed was link
I have also checked answers over github where they mentioned to use the ag-row-hover class. Where should I be rendering this css class?
Share Improve this question edited Mar 15, 2018 at 16:06 koolhuman 1,65118 silver badges25 bronze badges asked Mar 15, 2018 at 11:01 Abhra DeyAbhra Dey 1111 gold badge2 silver badges9 bronze badges1 Answer
Reset to default 15Put the below CSS in your local CSS file to override the .ag-row-hover class.
If you are using .ag-theme-balham theme then
.ag-theme-balham .ag-row-hover{
background-color: #ECF0F1;
}
If you are using .ag-theme-fresh theme then
.ag-theme-fresh .ag-row-hover{
background-color: #ECF0F1;
}
and so on...