CODEWITHSUNDEEP
javascriptreactjsag-gridag-grid-react
Abhra Dey
Abhra Dey

Reputation: 111

row highlight on mouse over ag grid react

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?

Upvotes: 2

Views: 18100

Answers (1)

koolhuman
koolhuman

Reputation: 1651

Put 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...

Upvotes: 15

Related Questions