vue - element table 根據相同id合並單元格


 //設置單元格
        setrowspans() {
            // 先給所有的數據都加一個v.rowspan = 1
            this.list.forEach((item) => {
                item.rowspan = 1;
            });
            // 雙層循環
            for (let i = 0; i < this.list.length; i++) {
                // 內層循環,上面已經給所有的行都加了item.rowspan = 1
                // 這里進行判斷
                // 如果當前行的cid和下一行的cid相等
                // 就把當前item.rowspan + 1
                // 下一行的item.rowspan - 1
                for (let j = i + 1; j < this.list.length; j++) {
                    //此處可根據相同字段進行合並,此處是根據的id
                    if (this.list[i].cid === this.list[j].cid) {
                        this.list[i].rowspan++;
                        this.list[j].rowspan--;
                    }
                }
                // 這里跳過已經重復的數據
                i = i + this.list[i].rowspan - 1;
            }
        },
//合並單元格
        objectSpanMethod({ row, column, rowIndex, columnIndex }) {
//第一列
            if (columnIndex === 0) {
                return {
                    rowspan: row.rowspan,
                    colspan: 1,
                };
            }
//第二列
            if (columnIndex === 1) {
                return {
                    rowspan: row.rowspan,
                    colspan: 1,
                };
            }
        },


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM