当前位置:网站首页 > 前端开发 > 正文

ElementUI el-table遍历实现表格的自定义列【key值为列名】

<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值为列名】的文章就介绍到这了,更多相关内容请继续浏览下面的相关推荐文章,希望大家都能在编程的领域有一番成就!

版权声明


相关文章:

  • git暂存操作2024-11-29 07:18:08
  • 前端开发工具2024-11-29 07:18:08
  • vw 弹性布局解决方案2024-11-29 07:18:08
  • 安卓上按钮文字偏上的问题2024-11-29 07:18:08
  • 李开复针对马加爵事件写给中国学生的一封信2024-11-29 07:18:08
  • ElementUI el-step步骤条实现上一步功能2024-11-29 07:18:08
  • ElementUI实现可编辑表格2024-11-29 07:18:08
  • ElementUI-el-input无法输入2024-11-29 07:18:08
  • ElementUI实现可拖拽dialog弹出层2024-11-29 07:18:08
  • 将this下的某个属性方法指到window下 方便直接调用2024-11-29 07:18:08
  • 全屏图片