element 普通表格行列转换（行列转换系列1）

因为用户的使用习惯、最近小白新完成的一个系统，里面使用的element的表格基本都是行列的表格，因此就想着整理一下，其中包括了，后端应该给的数组格式，以及前端如何渲染
这就是渲染后的样式

首先在elementui中 label 的值会被编译成表头名字，数组是按列逐个渲染，因此后端传过来的数组格式为 一个大数组里面有多个小数组，第一个数组为表头名称，其余数组为每行的数据值

Data=[
['产品产量（吨）\时间','2022-04-11','2022-04-12','2022-04-13','2022-04-14'],
[0,0,0,0,0],
[0,0,0,0,0],
[0,0,0,0,0],
[0,0,0,0,0]
]

当接收到后端穿的数组后进行处理，把表头数组单拿出来赋值为tableHead ，yieldData 即为数组行数据

 getApi().then(res => {
        if (res.status === 200) {
          this.tableHead = res.data[0]
          this.yieldData = res.data
          this.yieldData.shift()
        }
      })

有了以上数据，则可以渲染数组，表头循环渲染，index 从0 开始，数据按列渲染

<el-table :data="yieldData" style="width: 100%"  height="100%">
      <el-table-column :label="item"  width="227"  v-for="(item, index) in tableHead"  :key="index">
              <template scope="scope">
                {{ scope.row[index] }}
              </template>
        </el-table-column>
</el-table>

至此，element 表格行列转换就结束了，我们下篇文章中继续写element的树形表格行列转换，拜拜ヾ(•ω•`)o