elementui 表格表头竖着显示_Vue+elementui 实现复杂表头和动态增加列的二维表格

先上完成的效果图：列是根据查询结果增加的

数据格式：

表头的数据取出：

data.data.foreach(element => {

this.thead.push({

品名: element.品名,

面取数: element.面取数,

lotno: element.lot

});

element table中：

v-for="(item,index) in thead"

:prop="item.lotno"

:key="index"

align="center"

width="180"

>

{ {item.品名}}{ {item.面取数}}

{ {item.lotno}}

表格内数据整理：

for (let index1 = 3;index1 < object.keys(结果_data[0]).length;index1++) {

let newmap = new map();

let datakey = object.keys(结果_data[0])[index1];

newmap.set("mode", datakey); //取出每个数组对象的键值