css - How to change row color when hovering

Question

Is there a props in material-table to change the row color while hovering?

Something like this example.

Thank you

question from:https://stackoverflow.com/questions/65851598/how-to-change-row-color-when-hovering

Answer 1

According to the styling section in the documentation, you can pass a rowStyle props, like this :

options={{
  rowStyle: {
    backgroundColor: '#EEE',
  }
}}

You can also use the onHover's React hook on your table component and apply your hover's style there.