antd table component.body
时间: 2024-09-13 14:07:38 浏览: 37
vue所需文件.rar
Ant Design (antd) Table 组件中的 `body` 属性通常用于配置表格数据的展示部分,它是一个数组,每个元素对应表格的一行数据。这个数组的结构需要与表头(header)中的列定义相匹配,通常是包含每个列对应的值的对象。
例如,如果有一个包含姓名、年龄和职位的表头:
```jsx
const columns = [
{ title: 'Name', dataIndex: 'name' },
{ title: 'Age', dataIndex: 'age' },
{ title: 'Position', dataIndex: 'position' },
];
```
那么 `body` 部分的数据应该像这样:
```jsx
const data = [
{ name: 'John Doe', age: 25, position: 'Developer' },
{ name: 'Jane Smith', age: 30, position: 'Designer' },
// 更多行...
];
```
你可以使用 `map` 函数来遍历 `data` 并生成表格的每一行:
```jsx
<Table dataSource={data} columns={columns} />
```
阅读全文