（vue）el-tabs标签页展示el-table动态表头表格

效果:

代码

<el-tabs v-if="showStatistics" type="border-card">
 <el-tab-pane
   v-for="(item, index) in statisticsTable"
   :key="index"
   :label="item.processName"
 >
   <el-table
     :data="item.tableObj"
     border
     size="mini"
     style="width: 100%"
     max-height="550"
     :header-cell-style="{
       'text-align': 'center',
       'background-color': 'var(--button-color)',
       color: 'white',
     }"
     :cell-style="{ 'text-align': 'center' }"
   >
     <!-- <el-table-column v-for="(ele, i) in item.headList" :key="i" :prop="ele.value" :label="ele.label" align="center" /> -->
     //新
     <el-table-column
       v-for="(ele, i) in item.headList"
       :key="i"
       :prop="ele"
       :label="ele"
       width="230"
       align="center"
     />
   </el-table>
 </el-tab-pane>
</el-tabs>

数据格式