效果圖

代碼

export default{data(){spanb:[]} },mounted:function(){let contactDotb = 0;let spanb = [];this.data5.forEach((item,index)=>{if(index === 0){console.log(spanb)spanb.push(1)}else {if (item.b === this.data5[index - 1].b) {spanb[contactDotb] += 1;spanb.push(0)} else {contactDotb = indexspanb.push(1)}}})this.spanb = spanb; }, methods:{handleSpan({ row, column, rowIndex, columnIndex }){if (columnIndex === 1) {if(this.spanb[rowIndex]){return {rowspan:this.spanb[rowIndex],colspan:1}}else{return {rowspan: 0,colspan: 1}}}if (columnIndex === 2) {if(this.spanb[rowIndex]){return {rowspan:this.spanb[rowIndex],colspan:1}}else{return {rowspan: 0,colspan: 1}}}} }

總結

以上是生活随笔為你收集整理的iview的table合并相同的单元格的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。