title: Ant design table row merge based on data instead of index value
body: <pre><code> {
      title: 'Home phone',
      colSpan: 2,
      dataIndex: 'tel',
      render: (value, row, index) =&gt; {
        const obj = {
          children: value,
          props: {},
        };
        if (index === 2) {
          obj.props.rowSpan = 2;
        }
        // These two are merged into above cell
        if (index === 3) {
          obj.props.rowSpan = 0;
        }
        if (index === 4) {
          obj.props.colSpan = 0;
        }
        return obj;
      },
    },
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/qhqvv.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/qhqvv.png" alt="enter image description here"></a></p>
  
  <p>In dis example based on index value rowsspan size is decided, can we do that based on previous column data (if there are two John Brown's then row span should be 2)?. So basically we need to decide row span size by sorting rows and comparing row value. </p>