Reactjs 当鼠标悬停在材质表中的某一行上时,在该行中高亮显示

Reactjs 当鼠标悬停在材质表中的某一行上时,在该行中高亮显示,reactjs,material-table,Reactjs,Material Table,当鼠标悬停在一行上时,我必须使用哪个组件,才能使用material table组件在一行中获得高光 我找不到任何属性,也找不到哪个组件可以覆盖它 谢谢你抽出时间 致意 下面是代码您可以创建一个css来突出显示行 tr:hover{ background:gray; } 参考沙箱 如果您只希望此表具有悬停效果,请将其包装在另一个元素中,或为其指定一个类,如上例所示: 你的代码和任务没有你的解决方案,但我理解你的解释,并且做到了。根据您的逻辑,如果该行被点击,那么更改颜色的解决方案是什么?对不起

当鼠标悬停在一行上时,我必须使用哪个组件,才能使用material table组件在一行中获得高光

我找不到任何属性,也找不到哪个组件可以覆盖它

谢谢你抽出时间 致意


下面是代码

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

tr:hover{
background:gray;
}
参考沙箱


如果您只希望此表具有悬停效果,请将其包装在另一个元素中,或为其指定一个类,如上例所示:


你的代码和任务没有你的解决方案,但我理解你的解释,并且做到了。根据您的逻辑,如果该行被点击,那么更改颜色的解决方案是什么?对不起,我忘记了在剪贴板中复制分叉链接:)并在点击时更改该行的不同颜色?您可以使用:active selector
.myTable tr:hover {
  background-color: red;
}