Ant Design Table 扩展变化 CSS class |反应

Question

我正在使用 ant design in my project. There I'm using DataTable。

它具有行扩展功能。

问题

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

我创建了 table 的函数 onExpand。

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

TIA

Answer 1

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

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

Ant Design Table expanded change CSS class | React