在做项目的过程中,经常会用到table,antd有一个很好用的组件<Table />基本我能用到的功能在里面都可以实现。

我在工作过程中会遇到合并单元格的问题,我把合并的给封装了一个小的功能,可以直接使用。

 

功能如下图:

 

 

 

antd中合并单元格有两个属性:

rowSpan: 合并列单元格
colSpan:合并行单元格
 

 

 

 
但是对于数据中有很多不同的区域,比如地区为河北,上海,北京等,多条数据合并单元格,封装了一个方法。

 

在table列表中使用:

 

 

效果图:

 

 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

posted on 2020-06-04 11:48  liumcb  阅读(8159)  评论(1编辑  收藏  举报