记录下:需要展示表头不固定的表格数据
动态表头绑定tableHeader:[{id:'',content:''}]
列表数据dataList:[userId:'',nickName:'',answers:[{id:'',result:''}] ]
前端代码如下
<el-table :data="dataList" border style="width: 100%; margin-top: 20px;text-align: center">
<el-table-column label="姓名" align="center">
<template slot-scope="scope">
{{ scope.row.nickName }}
</template>
</el-table-column>
<template v-for="item in tableHeader">
<el-table-column :key="item.id" :label="item.content" align="center">
<template slot-scope="scope">
<div v-for="(answer,index) in scope.row.answers">
<span v-if="answer.id === item.id">{{ answer.result ? answer.result:'/'}}</span>
</div>
</template>
</el-table-column>
</template>
</el-table>