Ant Design Table扩展了改变CSS类|应对

Question

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

它具有行扩展功能。

问题

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

Fiddle Here

我创建了表的函数onExpand。

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

TIA

Answer 1

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

您可以检查工作示例：

https://codesandbox.io/s/2xyy8mqwoj