Search code examples
reactjsmaterial-table

Highlight in a row when the mouse is over a row in material-table

Which component i must use, to obtain a highlight in a row when the mouse is over a row, using the material-table component?

I dint find any property or which component override to obtain that.

Thanks in advace for your time Best Regards

Here is the code https://codesandbox.io/s/yv13zjr9w9

Solution

  • If you want only this table to have an hover effect, wrap it in another element or give it a class as in the example above:

    https://codesandbox.io/s/4wkpp98z69

    .myTable tr:hover {
  background-color: red;
}