el-table 合并单元格（绝对好用）

一、有个需求是合并单元格，但是表头，行数据都是写活的。
前端数据是这样

tableData是行数据，tableColumn是表头数据
{
	"tableData": [{
		"name2": "推进机制(2分)",
		"name1": "“好差评”工作机制建设(5分)"
	}, {
		"name2": "结果运用(3分)",
		"name1": "“好差评”工作机制建设(5分)"
	}, {
		"name2": "四级-1(2分)",
		"name1": "“好差评”工作机制建设(5分)"
	}, {
		"name1": "三级-1(5分)"
	}, {
		"name2": "四级-2(3分)",
		"name1": "三级-2(5分)"
	}, {
		"name1": "二级-2(10分)"
	}, {
		"name2": "信息发布 （Ⅰ级）(1分)",
		"name1": "事项办理深度(5分)"
	}, {
		"name2": "材料预审 （Ⅱ级）(2分)",
		"name1": "事项办理深度(5分)"
	}, {
		"name2": "1-1-1(1分)",
		"name1": "1-1(2分)"
	}, {
		"name2": "1-1-2(1分)",
		"name1": "1-1(2分)"
	}, {
		"name1": "1-2(3分)"
	}, {
		"name1": "1-3(5分)"
	}, {
		"name1": "213(213分)"
	}],
	"tableColumn": [{
		"prop": "name1",
		"label": "一级指标"
	}, {
		"prop": "name2",
		"label": "二级指标"
	}]
}

二 、然后介绍如何合并单元格

//  整理拿到的数据
setdates(arr) {
      this.arrs = []
      for(var w = 0, len = this.tableColumn.length; w < len; w++){
        let tmpArr=[]
        let k
        let obj = {}
        for(var i = 0, len = arr.length; i < len; i++) {
          // 指标项有些是undefined,用w+i来确定空格唯一
          k = arr[i][this.tableColumn[w].prop] ? arr[i][this.tableColumn[w].prop]:i+''+w
          if(obj[k])
            obj[k]++
          else
            obj[k] = 1
        }
        //保存结果{el-'元素'，count-出现次数}
        for(var o in obj) {
            for(let i=0;i<obj[o];i++){
                if(i===0){
                  tmpArr.push(obj[o])
              }else{
                  tmpArr.push(0)
              }
            }
        }
        this.arrs.push(tmpArr)
      }
    },

el-table绑定的方法

 <el-table
 :span-method="objectSpanMethod">
 ...
 </el-table>
objectSpanMethod({ row, column, rowIndex, columnIndex }) {
      for(var w = 0, len = this.arrs.length+1; w < len; w++){
        if (columnIndex === w ) {
          let _row = this.arrs[w][rowIndex]
          let _col = this.arrs[w][rowIndex] > 0 ? 1 : 0
          return [_row,_col]
        } 
      }
    }

就是这样喵~！！