antd表格中默认展开所有行,expandable下的defaultExpandAllRows属性失效
原因:dom节点渲染时defaultExpandAllRows是生效的,但此时还没有数据,当表格组件拿到数据时会重新渲染表格组件,导致defaultExpandAllRows失效
解决:给表格组件Table绑定一个随机key(本文使用的是reduxjs/toolkit下的nanoid)
原理:key变化,每次表格渲染都是一个新的表格
//导包
import { nanoid } from '@reduxjs/toolkit';
//表格数据
<Table columns={columns} dataSource={data} key={nanoid()}
expandable={{
defaultExpandAllRows: true, //默认展开所有行
}}
/>
标签:表格,defaultExpandAllRows,失效,组件,antd,expandable
From: https://www.cnblogs.com/sxliu414/p/17969066