react antd table expandable defaultExpandAllRows 不生效问题

本文主要是介绍react antd table expandable defaultExpandAllRows 不生效问题，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

原因：defaultExpandAllRows只会在第一次渲染时触发

解决方案：渲染前判断table 的datasource 数据是否已准备好

{pageList.length > 0 ? (<TablerowSelection={rowSelection}columns={columns}dataSource={pageList}style={{ marginTop: 24 }}pagination={false}expandable={{defaultExpandAllRows: true,}}/>) : (<></>)}

默认展开一级

      {pageList.length > 0 ? (<TablerowSelection={rowSelection}columns={columns}dataSource={pageList}style={{ marginTop: 24 }}pagination={false}expandable={{// defaultExpandAllRows: true,defaultExpandedRowKeys: pageList.map((r) => r.key),}}/>) : (<></>)}

这篇关于react antd table expandable defaultExpandAllRows 不生效问题的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---