• 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

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