element的table组件，表头合并

在el-table-column里面写两个el-table-column，然后用header-cell-style将子表头隐藏

<el-table
  :data="tableData"
  :span-method="objectSpanMethod"
  header-row-class-name="analyse-header"
  border
  style="width: 100%"
  :header-cell-style="handerMethod"
>
  <el-table-column label="序号"></el-table-column>
  <el-table-column label="分析类型"></el-table-column>
  <el-table-column
    label="占用类型"
    align="center"
    class-name="type-column"
  >
    <el-table-column label="其中" align="center" width="80">
      <template slot-scope="scope">
        <div v-if="scope.row.childId">其中</div>
        <div v-else>{{ scope.row.type }}</div>
      </template>
    </el-table-column>
    <el-table-column label="类型" align="center" prop="type"></el-table-column>
  </el-table-column>
  <el-table-column label="占用面积（公顷）"></el-table-column>
  <el-table-column label="占比"></el-table-column>
</el-table>

隐藏表头

//隐藏表头
    handerMethod({rowIndex}){
      if (rowIndex === 1) {
       //这里为了是将第二列的表头隐藏，就形成了合并表头的效果
        return {display: 'none'}
      }
    },