Ant Design Table同时用展开与行选择时，如何让选择框列居首？

要让行选择的复选框列排在首位，只需给expandable配置添加columnIndex属性，指定展开列的显示位置即可：

• 修改expandable的配置项，增加columnIndex参数，将其设置为大于0的数值（比如1），这样展开列会被放到第二列，而行选择的复选框列会自动占据第一列的位置。

修改后的代码示例：

<Table
  className='assignment-table'
  columns={columns}
  dataSource={data}
  pagination={false}
  expandable={{ 
    expandedRowRender,
    columnIndex: 1 // 指定展开列的位置为第二列（索引从0开始）
  }}
  rowSelection={
    props.onSelectionChange && {
      selectedRowKeys: props.selectedRows,
      onChange: props.onSelectionChange,
    }
  }
/>

如果你的自定义列数量较多，也可以根据需求设置更大的columnIndex值（比如columns.length），让展开列直接显示在所有自定义列的末尾。

内容的提问来源于stack exchange，提问作者raj m