<template>
<div>
<el-table :data="resultTable" border ref="multipleTable" tooltip-effect="light" size="mini">
<el-table-column type="index" label="序号" width="50" align="center"></el-table-column>
<el-table-column v-for="(key,index) in Object.keys(resultTable[0])" :key="Math.random(index)" :label="key" :prop="key" align="center" show-overflow-tooltip>
</el-table-column>
</el-table>
</div>
</template>
<script>
export default {
data(){
return{
resultTable:[
{
"param1":5,
"param2":31,
"param3":115,
"param4":115.1,
"param5":115.2
},{
"param1":5.1,
"param2":31.1,
"param3":115.1,
"param4":115.2,
"param5":115.3
},{
"param1":5.1,
"param2":31.1,
"param3":115.1,
"param4":115.2,
"param5":115.3
},{
"param1":5.1,
"param2":31.1,
"param3":115.1,
"param4":115.2,
"param5":115.3
},{
"param1":5.1,
"param2":31.1,
"param3":115.1,
"param4":115.2,
"param5":115.3
},{
"param1":5.1,
"param2":31.1,
"param3":115.1,
"param4":115.2,
"param5":115.3
},{
"param1":5.1,
"param2":31.1,
"param3":115.1,
"param4":115.2,
"param5":115.3
}
]
}
},
}
</script>
ElementUI el-table遍历实现表格的自定义列【key值为列名】
最新推荐文章于 2024-03-25 16:24:36 发布