Reactjs React表7-向表中添加分离列

我正在尝试添加一个列，该列将显示为表的外部，但仍保留所有功能。 如图所示：

当从下拉列表中选择一个数字时，它将更改行位置（这将是我将创建的分离逻辑，与原始问题无关），因此我仍然需要使用表的内部“onChange”检测，因为我将“columns”传递给表：

*目前在代码中，我使用复选框而不是数字

 <TableContainer top={top} columns={columns} data={toJS(categories)} setSelectedRows={setSelectedRow}/>

const列=[
{
标题：“”，
id:'复选框'，
单元格：（{row}）=>{
返回
setSelectedRow（row.original）}/>
;
},
宽度：70，
},
```
关闭下拉列表：
https://i.stack.imgur.com/JxOP3.png
打开下拉列表：
https://i.stack.imgur.com/1sDwB.png
谢谢

 const columns = [
        {
            Header: '',
            id: 'checkbox',
            Cell: ({ row }) => {
                return <div style={{ textAlign: 'center' }}>
                    <Checkbox
                        checked={selectedRow?._id === row.original._id}
                        onChange={() => setSelectedRow(row.orginal)} />
                </div>;
            },
            width: 70,
        },
    ```

Closed drop down:
https://i.stack.imgur.com/JxOP3.png

Open drop down:
https://i.stack.imgur.com/1sDwB.png

Thanks!