返回的是一维数组
1 | o:[{id:1,name:s;age:11},{id:1,name:s;age:11},{id:2,name:p;age:15}] |
1、对返回的数据做处理
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 | getData() { that.tableData = res.data.data.list; that.getFormatList(); // 重新合并行 }, getFormatList() { let recordObj = {}; this .recordIndexArr = []; this .tableData.forEach((element, index) => { element.rowIndex = index; if (recordObj[element.recordId]) { recordObj[element.recordId].push(index); } else { recordObj[element.recordId] = []; recordObj[element.recordId].push(index); } }); // 将数组长度大于1的值 存储到this.recordIndexArr(也就是需要合并的项) for ( let k in recordObj) { if (recordObj[k].length > 1) { this .recordIndexArr.push(recordObj[k]); } } }, |
2、合并行
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 | objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex <= 9) { for ( let i = 0; i < this .recordIndexArr.length; i++) { let element = this .recordIndexArr[i]; for ( let j = 0; j < element.length; j++) { let item = element[j]; if (rowIndex == item) { if (j == 0) { return { rowspan: element.length, colspan: 1 }; } else if (j != 0) { return { rowspan: 0, colspan: 0 }; } } } } } }, |
完成
【推荐】国内首个AI IDE,深度理解中文开发场景,立即下载体验Trae
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 全程不用写代码,我用AI程序员写了一个飞机大战
· MongoDB 8.0这个新功能碉堡了,比商业数据库还牛
· 记一次.NET内存居高不下排查解决与启示
· DeepSeek 开源周回顾「GitHub 热点速览」
· 白话解读 Dapr 1.15:你的「微服务管家」又秀新绝活了