elementui 合并行

xk_initial

于 2023-08-07 14:26:36 发布

阅读量131

点赞数

CC 4.0 BY-SA版权

文章标签： elementui 前端 javascript

本文链接：https://blog.csdn.net/xk_initial/article/details/132145520

文章讲述了如何在获取数据后，使用JavaScript对areaName进行处理，包括创建mapSet，根据相同区域名做合并，并更新records中的rowSpan属性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在获取数据后做处理

// 
// let mapSet = res.data.map(item=> item.areaName)
// for(let i=0; i<mapSet.length; i++) { 
//   this.areaNameGroup.add(mapSet[i])
// }
//
/**
* 根据相同的区域名做合并
*/
 this.areaNameGroup = new Map()
 for(let i = 0; i<res.data.records.length; i++) {
   if(this.areaNameGroup.has(res.data.records[i].areaName)) {
     let count = this.areaNameGroup.get(res.data.records[i].areaName) + 1
     this.areaNameGroup.set(res.data.records[i].areaName, count)
   } else {
     this.areaNameGroup.set(res.data.records[i].areaName, 1)
   }
 }
 for(let i = 0; i<res.data.records.length; i++) {
   if(this.areaNameGroup.has(res.data.records[i].areaName)) {
     res.data.records[i].rowSpan = {
       rowspan: this.areaNameGroup.get(res.data.records[i].areaName),
       colspan: 1
     }
     this.areaNameGroup.delete(res.data.records[i].areaName)
   } else {
     res.data.records[i].rowSpan = {
       rowspan: 0,
       colspan: 0
     }
   }
 }