Ant Design Table 扩展更改 CSS 类 |反应

【问题标题】：Ant Design Table expanded change CSS class | ReactAnt Design Table 扩展更改 CSS 类 |反应
【发布时间】：2018-03-05 16:47:49
【问题描述】：

我在我的项目中使用ant design。我正在使用DataTable。

它具有行扩展功能。

问题

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

我已经创建了表的函数onExpand。

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

TIA

【问题讨论】：

【解决方案1】：

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

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

【讨论】：