Material-ui: table: row hover style is overriding selected style

[luisrudge]

When I click a row, I expect it to be styled as active and hovering shouldn't override that style

[luisrudge]

Hey! Any news on this one?

[tintin1343]

@luisrudge : were you able to get this resolved?

From what I could understand from the documentation, for the hover thing to work you have to enable showRowHover. If you want to avoid this but have it styled as active you could disable this prop and on mouseEnter apply the active style to your tableRow.

This does not seem to be an issue but a use-case specific to you so i am closing this. If you feel that you need further help on this, do let us know in the comments below we will try and help you out.

[luisrudge]

Yep, not an issue anymore. Thanks!

[robertgrimm]

Is the current behavior really the intended behavior? Having the hover color override the selected color is wrong IMO since the user doesn't get any feedback that they selected something until they move the mouse. Yes, I know I can work around it but that defeats the purpose of having the showRowHover option. Any chance this can be changed?

BTW, the current table showRowHover behavior contradicts how the Material UI website's nav menu works (i.e. the selected style overrides the hover style).