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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了当鼠标位于材质表中的一行上时,突出显示相关的知识,希望对你有一定的参考价值。

我必须使用哪个组件,当鼠标在一行上时,使用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

以上是关于当鼠标位于材质表中的一行上时,突出显示的主要内容,如果未能解决你的问题,请参考以下文章

Jquery:当悬停在菜单项上时,显示文本

当RecyclerView位于对话框上时,不显示分隔符

鼠标悬停后如何突出显示字符?

仅当悬停在 li 中的 span 上时才显示下拉菜单

html表格如何通过更改悬停边框来突出显示列?

如何获取 Vista/Windows7 等列表视图