素材巴巴 > 程序开发 >

antd-vue之table合并单元格

程序开发 2023-09-03 20:25:43

做项目需要一个合并单元格的功能,这样显示的更有条理,所以根据antd-v的文档自己琢磨出了以下方法:

  1. 首先要知道antd-v里面可以合并单元格的属性是rowSpan,所以拿它开刀……
  2. 然后……上代码吧!

 
 

可以看到上面的rowSpan函数进行了两次reduce(归并),第一次是为了去重,返回一个去重的key的数组。第二次reduce是为了找出每个key重复的次数,并且将重复的次数记录在data数组中的的每个对象中,后面用于合并单元格。

好了,来看下效果吧!
在这里插入图片描述


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。