在今天工作中遇到了相同單元格需要合並的一個需求，實現記錄如下。 實現效果： 任務要求： 對表中體系這一列相同的體系進行合並。 思路:定義一個空數組：[]定義一個變量：0遍歷數據如果有相同數據 在空數組添加一個0(相同數據的起始位加1)，不相同在數據push 一個 ...

代碼： ...

getData() { // 先給所有的數據都加一個v.rowspan = 1 this_.yulanList.forEach((item) => ...

this.$axios({ method: "post", url: "/QuaLity/GetQuality",}).then(res => { ...

...

...

解決方案： table渲染時，調用封裝好的合並方法。解決重點在於如何獲取合計行所在的dom，即vue.$el.querySelector()方法 實現代碼： 實現效果： ...

合並單元格，如果id列值一致，則合並。 原理： getSpanArr(data)方法 data就是我們從后台拿到的數據，通常是一個數組；spanArr是一個空的數組，用於存放每一行記錄的合並數；pos是spanArr的索引。 如果是第一條記錄（索引為０），向數組中加入１，並設置 ...