el-table合併相同資料的行

春风得意之时發表於2024-06-26
// 表格列、行寬計算
      arraySpanMethod: function (obj) {
        var prop = obj.column.property;
        var row = obj.row;
        var rowIndex =  obj.rowIndex;
        var columnIndex = obj.columnIndex;
        // 合併行  themeName相同合併、合併第3列,所以合判斷columnIndex是否等於3
        if (columnIndex === 3) {
          if (rowIndex === 0 || row.themeName != this.prePlanningList[rowIndex - 1].themeName) {
            var rowspan = 0;
            this.prePlanningList.forEach((element) => {
              if (element.themeName === row.themeName) {
                rowspan++;
              }
            });
            return [rowspan, 1];
          } else {
            return [0, 0];
          }
        }
      },

相關文章