ant design pro中protable列前设置单选框

要在 ant design pro 中的 pro table 组件的列前添加单选框，可以使用该组件内置的 `rowSelection` 属性。

首先，需要在表格组件中添加 `rowSelection` 属性，并设置 `type` 为 `radio`，如下所示：

import { Table } from 'antd';

<Table
  rowSelection={{
    type: 'radio',
    onSelect: (selectedRowKeys, selectedRows) => {
      console.log(selectedRowKeys, selectedRows);
    },
  }}
  dataSource={dataSource}
  columns={columns}
/>

其中，`onSelect` 属性用于监听选中事件，`selectedRowKeys` 表示选中行的 key，`selectedRows` 表示选中的行数据。

然后，在表格的列定义中添加一个自定义列，用于显示单选框，如下所示：

const columns = [
  {
    title: '单选框',
    dataIndex: 'radio',
    width: '5%',
    render: (_, record) => (
      <Radio value={record.id} />
    ),
  },
  // 其他列定义
];

在上面的代码中，我们定义了一个名为 `radio` 的自定义数据项，用于渲染单选框列。在 `render` 函数中，我们使用 Ant Design 的 `Radio` 组件来渲染单选框，并将选中的值设为当前行的 `id` 值。

最后，需要在组件中引入 `Radio` 组件，如下所示：

import { Table, Radio } from 'antd';

以上就是在 ant design pro 中 pro table 列前设置单选框的方法。