antd的Table组件可以加标题吗
时间: 2023-06-27 22:07:53 浏览: 109
是的,antd的Table组件可以加标题。你可以在Table组件的属性中设置title属性,例如:
```
import { Table } from 'antd';
const dataSource = [
{
key: '1',
name: 'Mike',
age: 32,
address: '10 Downing Street'
},
{
key: '2',
name: 'John',
age: 42,
address: '10 Downing Street'
}
];
const columns = [
{
title: 'Name',
dataIndex: 'name',
key: 'name'
},
{
title: 'Age',
dataIndex: 'age',
key: 'age'
},
{
title: 'Address',
dataIndex: 'address',
key: 'address'
}
];
function App() {
return (
<Table dataSource={dataSource} columns={columns} title={() => 'User Information'} />
);
}
export default App;
```
在上面的例子中,title属性被设置为一个函数,以返回一个标题。你也可以设置一个字符串作为标题。
阅读全文