antdesign table 多选checkbox循环
时间: 2023-07-17 14:01:30 浏览: 67
php一次性删除前台checkbox多选内容的方法
您好!对于 antd 的表格(Table)组件中的多选(checkbox)功能,可以通过循环数据来实现。下面是一个示例代码:
```jsx
import { Table } from 'antd';
const dataSource = [
{
key: '1',
name: 'John',
age: 32,
address: 'New York',
},
{
key: '2',
name: 'Jane',
age: 28,
address: 'Los Angeles',
},
// 其他数据...
];
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name',
},
{
title: 'Age',
dataIndex: 'age',
key: 'age',
},
{
title: 'Address',
dataIndex: 'address',
key: 'address',
},
{
title: 'Action',
key: 'action',
render: (text, record) => (
<input type="checkbox" />
),
},
];
const MyTable = () => {
return <Table dataSource={dataSource} columns={columns} />;
};
export default MyTable;
```
在上面的代码中,我们通过 `render` 方法在最后一列中渲染了一个多选的 `checkbox`。您可以根据您的实际需求来调整表格的数据源(`dataSource`)和列的配置(`columns`)。
希望这能帮到您!如果有任何其他问题,请随时提问。
阅读全文