我在我的项目中使用了蚂蚁设计。我在那里使用数据表。
它具有行扩展功能。
问题
当用户展开子行时,需要更改父行背景颜色,否则需要为该行添加 css 类。
在这里摆弄
我已经创建了表的函数onExpand
。
onExpand = (expanded, record) => {
alert(expanded);
console.log('onExpand', expanded, record); }
蒂亚
您必须使用 onRow 属性为每个展开的行添加一个自定义 css 类。首先,您需要区分展开的行和折叠的行。因此,您必须将扩展行的键存储在状态中,以便将 css 类分配给正确的行。为此,您还必须使用 expandedRowKeys 和 onExpand 属性。
您可以在此处查看工作示例:
https://codesandbox.io/s/2xyy8mqwoj