关于ant desgin tableTree 中 expandedRowKeys && onExpand来实现全部tree收起功能
需求
点击全部收起按钮,收起table Tree所有展开的列表(列表结构如下)。
列表结构:
具体实现过程:
1、首先了解table两个api
参数 | 官方说明 | 类型 | 默认值 | 个人理解 |
---|---|---|---|---|
expandedRowKeys | 展开的行,控制属性 | string[] | — | 控制展开的行属性 |
onExpand | 点击展开图标时触发 | Function(expanded, record) | 配合expandedRowKeys来实现列表的展开与隐藏 |
2、expandedRowKeys && onExpand 的用法
// table
<Table expandedRowKeys={
expandedRowsKeys} onExpand={
this.handleOnExpand} columns={
this.columns} dataSource={
data}/