<el-table :data="tableData" :span-method="objectSpanMethod" >
    <el-table-column prop="projectName" label="訂單類型" />  
</el-table>

// 獲取相同名稱的個數(shù) tableData: 表格的數(shù)據(jù), projectName: 確定相同的參數(shù)
handleTableData(tableData){
      let rowSpanArr = [], position = 0;
      for (let [index, item] of tableData.entries()) {
        if (index == 0) {
          rowSpanArr.push(1);
          position = 0;
        } else {
          if (item.projectName == tableData[index - 1].projectName) {
            rowSpanArr[position] += 1; //項(xiàng)目名稱相同，合并到同一個數(shù)組中
            rowSpanArr.push(0);
          } else {
            rowSpanArr.push(1);
            position = index;
          }
        }
      }
      this.rowSpanArr = rowSpanArr
}
// 單元格的處理方法 當(dāng)前行row、當(dāng)前列column、當(dāng)前行號rowIndex、當(dāng)前列號columnIndex
objectSpanMethod({ row, column, rowIndex, columnIndex }){
     if (columnIndex === 0) {
        const rowSpan = this.rowSpanArr[rowIndex];
        return {
          rowspan: rowSpan, //行
          colspan: 1 //列
        };
      }
}

objectSpanMethod({ row, column, rowIndex, columnIndex }) {
   if (columnIndex === 0) { // 判斷是不是第一列，只有第一列才執(zhí)行合并
      if (rowIndex % 2 === 0) { // 判斷能不能被2整除
          return {
            rowspan: 2, // 從當(dāng)前單元格開始，執(zhí)行合并2行
            colspan: 1, // 從當(dāng)前單元格開始，執(zhí)行合并1列
          };
       } else {
         return { // 第一列的其他元素不執(zhí)行合并
           rowspan: 0, // 為0，不執(zhí)行合并
           colspan: 0  // 為0，不執(zhí)行合并
         };
       }
    }
 }