当鼠标悬停在材料表中的一行上时，突出显示一行

Question

使用材料表组件，当鼠标悬停在一行上时，我必须使用哪个组件来连续显示突出显示？

我没有找到任何属性或哪个组件重写来获取该属性。

感谢您的抽空 最好的问候

这是代码https://codesandbox.io/s/yv13zjr9w9

Answer 1

您可以创建一个CSS来突出显示行

tr:hover{
background:gray;
}

请参阅沙箱

https://codesandbox.io/s/y686o6n9

Answer 2

如果只希望此表具有悬停效果，则将其包装在另一个元素中，或为它提供一个类，如上例所示：

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

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