el-table 表格合并

<el-table
 :data="tableData"
 :span-method="arraySpanMethod"
 border
 style="width: 100%">
     <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="数值 1">
     </el-table-column>
     <el-table-column
         prop="amount2"
         label="数值 2">
     </el-table-column>
     <el-table-column
         prop="amount3"
         label="数值 3">
     </el-table-column>
 </el-table>

tableData: [{
   id: '12987122',
   name: '王小虎',
   amount1: '234',
   amount2: '3.2',
   amount3: 10
   }, {
   id: '12987123',
   name: '王小虎',
   amount1: '165',
   amount2: '4.43',
   amount3: 12
   }, {
   id: '12987124',
   name: '王小虎',
   amount1: '324',
   amount2: '1.9',
   amount3: 9
   }, {
   id: '12987125',
   name: '王小虎',
   amount1: '621',
   amount2: '2.2',
   amount3: 17
   }, {
   id: '12987126',
   name: '王小虎',
   amount1: '539',
   amount2: '4.1',
   amount3: 15
}]

列合并

arraySpanMethod({ row, column, rowIndex, columnIndex }) {
// rowIndex===3 表示 第4行
    if (rowIndex===3) {
    // columnIndex===0 表示 第1列
        if (columnIndex === 0) {
        //rowspan为1，colspan为3（即 不合并行，合并三列）
            return [1, 3];
        } else if(columnIndex === 1 ||columnIndex === 2 ) {
        // 因为从第一列开始，合并了三列；所以第二、三列的内容需要置空，故返回[0,0]
            return [0,0];
        }
    }
},

行合并

arraySpanMethod({ row, column, rowIndex, columnIndex }) {
// columnIndex===0 表示 第一列
    if(columnIndex===0) {
    // rowIndex===0 表示 第一行
        if(rowIndex===0) {
        //rowspan为3，colspan为1（即 合并三行，列不合并）
            return [3, 1]
        }else if(rowIndex===1 || rowIndex===2) {
        // 因为从第一行开始，合并了三行；所以第二、三行的内容需要置空，故返回[0,0]
            return [0, 0]
        }
    }
},