Antd的table相同的行如何合并？

Question

问题描述

如图, 当出现两个阶段1的时候，我希望可以合并成一个展示

问题出现的环境背景及自己尝试过哪些方法

我试了官方的案例。但是不太理解。也没有试出效果来。希望大神可以抽空帮我理一理。感激不尽

相关代码

// 请把代码文本粘贴到下方（请勿用图片代替代码）
下面放一下最基础的代码

const statusColumns = [
      {
        title: '状态类型',
        dataIndex: 'statusType',
        key: 'statusType',
        width: 100
      },{
        title: '状态IP',
        dataIndex: 'statusIp',
        key: 'statusIp',
      }
    ]

const statusList = [
  {
    key: '1',
    statusType: '阶段1',
    statusIp: '[test.list]'
  },{
    key: '2',
    statusType: '阶段1',
    statusIp: '[test.list]2'
  },
  {
    key: '3',
    statusType: '阶段2',
    statusIp: '[test.list]3'
  }
]

<Table 
  showHeader={false}
  pagination={false}
  bordered
  columns={statusColumns}
  dataSource={statusList}
/>

你期待的结果是什么？实际看到的错误信息又是什么？

希望第一列相同的行数可以合并成一个. 类似于

谢谢！

Answer 1

官网有实例的，通过rowSpan进行设置https://ant.design/components...