Html Ant设计表扩展更改CSS类| React

Html Ant设计表扩展更改CSS类| React,html,css,reactjs,datatables,antd,Html,Css,Reactjs,Datatables,Antd,我正在我的项目中使用。我用的就是这个 它具有行扩展功能 问题 当用户展开子行时,需要更改父行背景颜色,否则需要为该行添加css类 我已经创建了表的函数onExpand onExpand = (expanded, record) => { alert(expanded); console.log('onExpand', expanded, record); } TIA您必须使用onRow属性为每个扩展行添加自定义css类。首先,您需要区分展开的行和折叠的行。因此,

我正在我的项目中使用。我用的就是这个

它具有行扩展功能

问题

当用户展开子行时,需要更改父行背景颜色,否则需要为该行添加css类

我已经创建了表的函数
onExpand

  onExpand = (expanded, record) => {
    alert(expanded);
    console.log('onExpand', expanded, record);   }

TIA

您必须使用onRow属性为每个扩展行添加自定义css类。首先,您需要区分展开的行和折叠的行。因此,您必须将扩展行的键存储在状态中,以便将css类分配给正确的行。为此,还必须使用expandedRowKeysonExpand属性

您可以在此处查看工作示例:


在检查工作示例时,是否可以添加一个如何控制扩展行颜色的示例。似乎当你在扩展行上悬停时,它会得到另一种颜色。我想有一个方法来控制悬停的颜色和“鼠标静止”在这个扩展行上,有什么想法吗?