js动态合并纵向单元格-课表

参考： https://segmentfault.com/a/1190000018128208

image.png

 this.curScheduleList = [{
    name: "1节",
    subjectId: "MATH"
    subjectName: "数学"
    placeName: "教室1"
    gradeName: undefined
    className: undefined
      }, {
    name: "2节"
    subjectId: "MATH"
    subjectName: "数学"
    placeName: "教室1"
    gradeName: undefined
    className: undefined
}, {
  name: "3节"
  subjectId: "ENGLISH"
  subjectName: "英语"
  placeName: ""
  gradeName: undefined
  className: undefined
}]
      let startRow = 0;
      const endRow = this.curScheduleList.length;
      let mergeNum = 1;
      for (let i = 0; i < endRow - 1; i++) {
        if (!this.curScheduleList[i].subjectName) {
          this.curScheduleList[startRow].rowspan = 0;
          startRow = i + 1;
          mergeNum = 1;
        } else {
          if (this.curScheduleList[i].subjectName === this.curScheduleList[i + 1].subjectName
          && this.curScheduleList[i].placeName === this.curScheduleList[i + 1].placeName) {
            this.curScheduleList[i + 1].rowspan = 0;
            mergeNum += 1;
            this.curScheduleList[startRow].rowspan = mergeNum;
          } else {
            startRow = i + 1;
            mergeNum = 1;
          }
        }
        // console.log('startRow', startRow, mergeNum);
      }