title: How to have main expandable row for data with children in antd table
body: <p>I have a nested data .and I have to show that data in <code>antd</code> tree table. I want to have that expanding icon to  be placed in a separate column, with row selection like</p>
  
  <p><a href="https://ant.design/components/table/#components-table-demo-expand" rel="nofollow noreferrer">https://ant.design/components/table/#components-table-demo-expand</a></p>
  
  <p>not with the first column of the data like this
   <a href="https://ant.design/components/table/#components-table-demo-expand-children" rel="nofollow noreferrer">https://ant.design/components/table/#components-table-demo-expand-children</a></p>
  
  <pre><code>const data = [
    {
      key: 1,
      _id: '1',
      name: 'Sara Harrison',
      email: `sara-harrisom${1}@domain.com`,
      messaged: `4 Sep 2019, 11:20:02AM`,
      description: `My name is John NBrown, 1 am ${1}2 years old, living in New York No. ${1} Lake Park.`,
      children: [
        {
          key: '14',
          _id: '1',
  
          name: 'Sara Harrison s',
          email: `sara3-harrisom${14}@domain.com`,
          messaged: `14 Sep 2019, 11:20:02AM`,
          description: `My name is KLJohn Browne, 14 am ${14}2 years old, living in New York No. ${14} Lake Park.`
        },
        {
          key: '11',
          name: 'Para Harrison',
          email: `Para-harrisom${11}@domain.com`,
          messaged: `4 Sep 2019, 11:20:02AM`,
          description: `My name is JPohn Brown, 11 am ${11}2 years old, living in New York No. ${11} Lake Park.`
        }
      ]
    }
  ];
  
  &lt;Table
    rowKey={data._id}
    columns={this.columns1}
    rowSelection={this.rowSelection}
    expandedRowRender={(record, index, indent, expanded) =&gt; {
      //     this.expanding(record,expanded)
    }}
    onExpand={this.onExpand}
    dataSource={data}
  /&gt;
  </code></pre>
  
  <p>Plz Help</p>