antd table 从属关系_antd3.0 table新增的components属性如何使用
时间: 2023-10-20 07:05:22 浏览: 353
在antd Table中插入可编辑的单元格实例
在Antd 3.0版本中,Table组件新增了components属性,用于自定义Table中的一些组件,如表头、表格行、单元格等。
使用方法如下:
1. 定义自定义组件,如自定义表头组件:
```
const MyHeader = (props) => {
return (
<div>自定义的表头</div>
);
}
```
2. 在Table组件中使用components属性,将自定义组件传入,如下所示:
```
<Table
dataSource={data}
columns={columns}
components={{
header: {
cell: MyHeader
}
}}
/>
```
其中,header表示自定义的是表头组件,cell表示自定义的是表头单元格组件,MyHeader即为自定义的表头组件。其他自定义组件的属性名和用法可以参考Antd官网文档。
注意:自定义组件的props中会包含Antd Table默认组件的props,如表头组件的props中会包含column、sorter等属性,需要根据需要进行处理。
阅读全文