背景
有个需求需要设置属性表格在刚进入时默认为全展开的
踩坑
代码如下:
这里设置了defaultExpandAllRows: true,但是不生效
那同理defaultExpandedRowKeys应该也不行
应该是异步的问题
<ProTable
scroll={{ x: 1100 }}
headerTitle="x"
rowKey={(record) => `${record.xlevel}#${record.xid}`}
columns={columns as any}
actionRef={actionRef}
request={requestTable}
search={{ defaultCollapsed: false }}
toolBarRender={() => [<Create actionRef={actionRef.current} />]}
expandable={{
expandRowByClick: true,
defaultExpandAllRows: true,
}}
form={{
syncToUrl: (values) => values,
syncToInitialValues: true,
ignoreRules: false,
}}
/>
解决
- 用 expanded:selectRowkeys + onExpand 受控实现
- 多看官方文档