react antd table expandable defaultExpandAllRows 不生效问题

等一场春雨

已于 2024-09-06 16:50:39 修改

阅读量519

点赞数 1

分类专栏： react 文章标签： react.js javascript

于 2024-09-06 16:40:08 首次发布

本文链接：https://blog.csdn.net/WithCYwind/article/details/141963151

版权

react 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

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

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

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

默认展开一级

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