antd Table组件 - 列表展开 手风琴

249 阅读1分钟

const [expandedRowKeys, setExpandedRowKeys] = useState([]);

const versionExpandHandle = (expanded: any, record: any) => { // expanded 展开 -> true let temp: any = []; if (expanded) { // 对应表格的rowKey temp.push(record.id); } setExpandedRowKeys(temp); };

<Table // 默认空 expandedRowKeys={expandedRowKeys} rowKey={(record) => record.id} style={{ marginTop: '15px' }} columns={mergedColumns} expandable={{ // 点击展开关闭时触发 onExpand: (expanded, record) => versionExpandHandle(expanded, record), }} dataSource={productVersionsList && productVersionsList} />