antd Table 选择框放在最后一列
时间: 2024-12-21 16:27:29 浏览: 2
在Ant Design (antd) 的 Table 组件中,如果你想要将一个选择框放在表的最后一列,你可以通过`columns`属性来配置。以下是一个简单的示例:
```jsx
import { Table } from 'antd';
const columns = [
{
title: '常规列标题1', // 这里是其他列的内容
dataIndex: 'column1',
key: 'column1',
},
{
title: '常规列标题2',
dataIndex: 'column2',
key: 'column2',
},
{
title: '操作',
dataIndex: '',
render: (text, record) => (
<React.createElement('span', null,
// 在这里放置选择框,比如一个RadioGroup或CheckboxGroup
<Checkbox value={record.key}>选择</Checkbox>
)
),
},
];
// 其他Table组件配置...
<Table columns={columns} dataSource={yourData} />
```
在这个例子中,`render`函数用于自定义单元格内容,你可以根据需要添加更多的选项,如 Radio 或者 CheckboxGroup。`record.key`通常作为数据项唯一标识。
阅读全文