[Table] Placement of "expandable row" is before children

[rashmimh]

• I have searched the issues of this repository and believe that this is not a duplicate.

Reproduction link

Steps to reproduce

<Table
  columns={columns}
  dataSource={data}
  expandable={{
    rowExpandable: (record) => {
      console.log('record ', record);
      return record.children ? true : false;
    },
    expandIcon: ({ expanded, onExpand, record }) => {
      if(!record.children || record.children.length === 0) return null;
      return expanded ? (
        <DownOutlined onClick={e => onExpand(record, e)} />
      ) : (
        <RightOutlined onClick={e => onExpand(record, e)} />
      )			  
    },
    expandedRowRender: (record, index, indent, expanded) => {
      console.log(record, index, indent, expanded);
      return <Button>Save</Button>;
    }
  }}/>

What is expected?

Expandable row should be below children

What is actually happening?

Expandable row currently placed above record children

Environment	Info
antd	4.6.5
React	16.12.0
System	Mac
Browser	Chrome 92.0.4515.131 (Official Build) (x86_64)

Raised question on stackoverflow: https://stackoverflow.com/questions/68826658/ant-design-table-need-to-place-expandable-row-before-parent-children

[nikitowsky]

Any workaround?