当鼠标位于材质表中的一行上时，突出显示

Posted 2023-02-21

我必须使用哪个组件，当鼠标在一行上时，使用material-table组件获得一行中的突出显示？

我找不到任何属性或哪个组件覆盖以获取它。

在此先感谢您的时间

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

答案

如果只希望此表具有悬停效果，请将其包装在另一个元素中，或者像上面的示例中那样给它一个类：

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

.myTable tr:hover 
  background-color: red;

另一答案

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

tr:hover
background:gray;

参考沙箱

https://codesandbox.io/s/y686o6n9