悬停时如何更改行颜色

【问题标题】：How to change row color when hovering悬停时如何更改行颜色
【发布时间】：2021-01-22 19:31:00
【问题描述】：

material-table 中是否有用于在悬停时更改行颜色的道具？

谢谢

【问题讨论】：

您可以将自己的 className 属性添加到 mui 表行或单元格，然后在悬停时添加您的 css。还可以在 mui 样式和 api 文档中查找根类以获取更多参考。使用根类，您可以自定义任何子元素。

【解决方案1】：

根据文档中的styling section，你可以传递一个rowStyle props，像这样：

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

您还可以在表格组件上使用onHover 的 React 钩子并在此处应用悬停样式。

【讨论】：