element table 分组表
没找到el-table不定行的合并表格 文档里只有固定的 又不想用插件 这样我就要自己写代码了 而且写完分页发现 第二页不会分组了
// 获取相同编号的数组 getOrderNumber: function() { var OrderObj = {}; var pageData = []; this.OrderIndexArr = []; var pag = this.pagesize * this.currentPage; var ini = (this.currentPage - 1) * this.pagesize; for (var i = ini; i < pag; i++) { if (this.tableData[i]) { pageData.push(this.tableData[i]); } } pageData.forEach(function(element, index) { element.rowIndex = index; if (OrderObj[element.order_number]) { OrderObj[element.order_number].push(index); //521: Array(2) } else { OrderObj[element.order_number] = []; OrderObj[element.order_number].push(index); } }, this); for (var k in OrderObj) { if (OrderObj[k].length > 1) { this.OrderIndexArr.push(OrderObj[k]); //重复的数组长度 } } console.log(this.OrderIndexArr); }, //合并单元格 objectSpanMethod({ row, column, rowIndex, columnIndex }) { if (columnIndex === 0) { for (var i = 0; i < this.OrderIndexArr.length; i++) { var element = this.OrderIndexArr[i]; for (var j = 0; j < element.length; j++) { var item = element[j]; // var itemL = item - this.pagesize * (this.currentPage - 1); if (rowIndex == item) { console.log(item); console.log(element.length); //当前行 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 加持,快人一步
· 从 HTTP 原因短语缺失研究 HTTP/2 和 HTTP/3 的设计差异
· AI与.NET技术实操系列:向量存储与相似性搜索在 .NET 中的实现
· 基于Microsoft.Extensions.AI核心库实现RAG应用
· Linux系列:如何用heaptrack跟踪.NET程序的非托管内存泄露
· 开发者必知的日志记录最佳实践
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)