表头主要复杂在:
1,有三层,一层是大类,第二层是具体项,第三层是标准值/对比值
2,首列和末尾列是一层
3,整个表格的维度是根据数据的输入自己生成,也就是动态的
下面是在 vue + eleUI 中的解决方案:
<el-table :data="tableData" border style="width: 100%" max-height="700" v-loading="areaLoading" element-loading-text="拼命加载中">
<el-table-column fixed label="IP" prop="ip" width="180"></el-table-column>
<el-table-column v-for="(item, index) in itemList" :key="index" :label="item.label">
<el-table-column :label="standard_name" v-for="(standard,standard_name) in item.standard"