element table(多级表头)根据数据自动渲染列

<template>

  <el-table

    style="width: 100%;font-size: 14px;font-width:700"

    :data="tableData"

    :header-cell-style="{

      textAlign: 'center',

      background: '#c0c0c0',

      color: '#1d3449',

      padding: '4px 0px',

      border: '1px solid #1b1b1b'

    }"

  >

    <el-table-column prop="place" label="单位" width="100" align="center">

    </el-table-column>

    <el-table-column

      prop="qu"

      label="区内/出区"

      width="100"

      align="center"

    ></el-table-column>

    <el-table-column prop="laiyuan" label="来源" width="100" align="center">

    </el-table-column>

    <el-table-column

      prop="huochezhan"

      label="火车站"

      width="100"

      align="center"

    >

    </el-table-column>

    <el-table-column

      prop="zhaungchedian"

      label="装车点"

      width="100"

      align="center"

    >

    </el-table-column>

    <el-table-column prop="pingzhong" label="品种" width="100" align=&#