<el-table
:data="tableData"
:span-method="objectSpanMethod"
border
style="width: 100%; margin-top: 20px">
    <el-table-column
        prop="id"
        label="ID"
        width="180">
    </el-table-column>
    <el-table-column
        prop="name"
        label="姓名">
    </el-table-column>
    <el-table-column
        prop="amount1"
        label="數(shù)值 1（元）">
    </el-table-column>
    <el-table-column
        prop="amount2"
        label="數(shù)值 2（元）">
    </el-table-column>
    <el-table-column
        prop="amount3"
        label="數(shù)值 3（元）">
    </el-table-column>
</el-table>
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
        if (columnIndex === 0) {
          if (rowIndex % 2 === 0) {
            return {
              rowspan: 2,
              colspan: 1
            };
          } else {
            return {
              rowspan: 0,
              colspan: 0
            };
          }
        }

:span-method="objectSpanMethod"
// 這是在table標(biāo)簽中定義的一個(gè)變量，變量值是一個(gè)方法，用這個(gè)方法去處理然后完成行列合并

objectSpanMethod({ row, column, rowIndex, columnIndex })
// 由它給的文檔我們可以知道、方法會(huì)被固定傳入一個(gè)對(duì)象，對(duì)象中有上述 4 個(gè)變量，其作用是：
/*
	row: 獲取此行的全部數(shù)據(jù)，即你需要傳入且展示的數(shù)據(jù)
	column：獲取列的結(jié)構(gòu)及其數(shù)據(jù)、注意此時(shí)列的數(shù)據(jù)不是指我們傳入的數(shù)據(jù)、而是餓了么自己定義的列結(jié)構(gòu)。
	rowIndex：行號(hào)，這個(gè)行號(hào)表示當(dāng)前是第幾行
	columnIndex：列號(hào)，表示當(dāng)前是第幾列
*/
// 相信我雖然解釋了變量意義，但是你還是不明白、因?yàn)槲疫€有東西沒解釋。。。

:span-method="objectSpanMethod"
...
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
    ...
}

if (columnIndex === 0) {  // columnIndex：表示是第幾 列 
    if (rowIndex % 2 === 0) { // rowIndex：表示是第幾行
        return {
            rowspan: 2,		// 2：需要合并的行數(shù)
            colspan: 1		// 1：需要合并的列數(shù)
        };
    } else {
        return {
            rowspan: 0,     // 0：只要是0，都代表著不顯示
            colspan: 0
        };
    }

if (columnIndex === 0 || columnIndex === 1) {  // columnIndex：表示是第幾 列 
    ...
    }

if (columnIndex === 0) {  // columnIndex：表示是第幾 列 
    ===================================================
    =if (rowIndex % 2 === 0) { // rowIndex：表示是第幾行=
    ===================================================
        return {
            ======================================
            =	rowspan: 2,	// 2：需要合并的行數(shù)    =
            ======================================    
            colspan: 1		// 1：需要合并的列數(shù)
        };
    } else {
        return {
            rowspan: 0,     // 0：只要是0，都代表著不顯示
            colspan: 0
        };
    }

在return中定義兩個(gè)變量(我使用的是vue，你們可按需改變，本意思定義全局變量)：      
		spanArr:[], // 需要合并的行數(shù)
      	pos:0,// 索引
getSpanArr(data) {
    // 遍歷數(shù)據(jù)
    for (let i = 0; i < data.length; i++) {
        // 如果是第一個(gè)數(shù)據(jù)，就將列表spanArr添加一個(gè)1，表示暫時(shí)只有一個(gè)名字相同的、且將索引pos賦值為0
        if (i === 0) {
            this.spanArr.push(1);
            this.pos = 0
        } else {
            // 判斷當(dāng)前元素與上一個(gè)元素是否相同
            if (data[i].name === data[i - 1].name) {
                // 如果相同就將索引為 pos 的值加一
                this.spanArr[this.pos] += 1;
                // 且將數(shù)組添加 0 
                this.spanArr.push(0);
            } else {
                // 如果元素不同了，就可以通過索引為 pos 的值知曉應(yīng)該需要合并的行數(shù)
                // 同時(shí)，我們?cè)俅翁砑右粋€(gè)值1，表示重新開始判斷重復(fù)姓名的次數(shù)
                this.spanArr.push(1);
                // 同時(shí) 索引加一
                this.pos = i;
            }
        }
    }
    console.log("索引數(shù)組：")
    console.log(this.spanArr)
},
===================
/*
spanArr最終的值格式是：
[3, 0, 0, 3, 0, 0, 3, 0, 0, 3, 0, 0, 3, 0, 0, 3, 0, 0, 3, 0, 0, 3, 0, 0, 3, 0, 0, 3, 0, 0]
3代表需要合并的行數(shù)，0代表此單元格需要被隱藏(當(dāng)然這個(gè)作用會(huì)在`objectSpanMethod` 方法中體現(xiàn)，現(xiàn)在只是準(zhǔn)備數(shù)據(jù))
*/
    objectSpanMethod({ row, column, rowIndex, columnIndex }){
    /* 此方法總共運(yùn)行次數(shù)與有幾列幾行有關(guān)，如果有5列30行，那么都是從0開始作為第一行第一列，
      (行，列):0,0 0,1 0,2 0,3 0,4 0,5 1,0...*/
    // 0,1,5表示需要處理 第 1，2，5列的行進(jìn)行合并處理
    if (columnIndex === 0 || columnIndex === 1 || columnIndex === 5) {
        /* 
        將需要合并的行數(shù)賦值給 _row，注意這里由上一個(gè)方法的輸出可以知道，這里的值可以是 3或者0
        當(dāng)為 3 時(shí)，表示將當(dāng)下的第 rowIndex+1 行與第 columnIndex+1 列所指向的單元格向下合并 _row 格
        當(dāng)為 0 時(shí)，表示將當(dāng)下的第 rowIndex+1 行與第 columnIndex+1 列所指向的單元格隱藏
        */
        const _row = this.spanArr[rowIndex];
        const _col = _row > 0 ? 1 : 0;
        return {
            rowspan: _row,
            colspan: _col
        }
    }
},