在做项目的过程中,经常会用到table,antd有一个很好用的组件<Table />基本我能用到的功能在里面都可以实现。
我在工作过程中会遇到合并单元格的问题,我把合并的给封装了一个小的功能,可以直接使用。
功能如下图:
antd中合并单元格有两个属性:
rowSpan: 合并列单元格
colSpan:合并行单元格
![](https://img2020.cnblogs.com/blog/1040901/202006/1040901-20200604101836561-1486494698.png)
但是对于数据中有很多不同的区域,比如地区为河北,上海,北京等,多条数据合并单元格,封装了一个方法。
![](https://img2020.cnblogs.com/blog/1040901/202006/1040901-20200604114254350-1821058800.png)
在table列表中使用:
效果图:
![](https://img2020.cnblogs.com/blog/1040901/202006/1040901-20200604114617778-1588381711.png)