首页 > 其他 > 详细

antd-Table合并单元格

时间:2020-06-04 16:35:03      阅读:53      评论:0      收藏:0      [点我收藏+]

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

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

 

功能如下图:

技术分享图片

 

 

 

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

rowSpan: 合并列单元格
colSpan:合并行单元格
 
技术分享图片

 

 

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

 

在table列表中使用:

技术分享图片

 

 

效果图:
技术分享图片

 

 

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

antd-Table合并单元格

原文:https://www.cnblogs.com/liumcb/p/13042586.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!