el-table表格合并，列更改样式

      <el-table
        :data="tableData"
        :span-method="objectSpanMethod"
        :cell-style="columnStyle"
        :show-header="false"
        border
        :header-cell-style="{
          'text-align': 'center',
          background: '#F8F9FA ',
          color: '#8E99AD',
        }"
      >
        <el-table-column prop="id" label="ID" width="180">
          <template slot-scope="scope">
            <div class="leftTitle">{{ scope.row.id }}</div>
          </template>
        </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,
          };
        }
      }
    },
    // 第一列样式修改
    columnStyle({ row, column, rowIndex, columnIndex }) {
      if (columnIndex == 0) {
        return "background:#F8F9FA;color:#8e99ad";
      } else{
        return 'text-align : center'
      }
    },

 字体颜色可以slot来控制，但是背景色只能通过cell-style控制，目前没有发现更简便的办法。