【React工作记录七十一】ant design table嵌套子表格

前端大歌谣

已于 2023-01-06 09:54:20 修改

阅读量464

点赞数

文章标签： react.js 前端前端框架

于 2022-07-19 14:15:45 首次发布

本文链接：https://blog.csdn.net/geyaoisnice/article/details/125614592

版权

这篇博客介绍了如何在Ant Design的Table组件中使用嵌套子表格，包括`onExpand`和`onExpandedRowsChange`的处理方法，以及如何通过dispatch获取并加载子数据。作者分享了关键代码片段，强调了在开发过程中的数据参数返回值的重要性。

摘要由CSDN通过智能技术生成

前言

我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷

导语

歌谣歌谣 ant design table嵌套子表格的用法

核心代码

onExpand={this.handleRowExpand}
onExpandedRowsChange={this.onExpandedRowsChange}

//获取子数据
  handleRowExpand = (extend, record) => {
    console.log(extend, record, '我是子表格');
    if (extend === true) {
      this.props.dispatch({
        type: 'advertising/getAdvertisingDtlList',
        payload: { advertisingCode: record.code },
      });
    }
  };

 //展开/不展开
  onExpandedRowsChange = (expandedRows) => {
    console.log(expandedRows, '我是子表格');
    this.setState({
      key: expandedRows.toString(),
    });
  };