vue 表格循环多级表头

cpp 复制代码
<el-table v-loading="loading"  :data="infoList" show-summary>
	<el-table-column v-for="column in columns" :key="column.prop" :label="column.label" :prop="column.prop">
    	<el-table-column v-for="(item,index) in column.list" :key="index" :label="item.label" :prop="item.prop">
        </el-table-column>
    </el-table-column>
</el-table>

数据格式

cpp 复制代码
tableData: [
	{ 
	 institution: '石家庄',
	 entrynum:'111',
	 premium:'201',
     list:[
        {entrynum:'11',premium:'200',}
     ]
    },
],
columns: [
	{ label: '机构', prop: 'institution' },
    { label: '健康险(风险型)',
       list:[
          {label: '项目数', prop: 'entrynum' },
          {label: '保费规模', prop: 'premium' }
       ]
    },
    { label: '健康险(服务型)',
        list:[
          {label: '项目数', prop: 'entrynum' },
          {label: '保费规模', prop: 'premium' }
        ]
     },
     { label: '意外险',
         list:[
            {label: '项目数', prop: 'entrynum' },
            {label: '保费规模', prop: 'premium' }
         ]
     },
     { label: '意健险',
         list:[
           {label: '项目数', prop: 'entrynum' },
           {label: '保费规模', prop: 'premium' }
         ]
     }
],
相关推荐
亿元程序员11 小时前
逃离鸭科夫5人2周1个亿,我们可以做一个鸡科夫吗?
前端
十一.36611 小时前
37-38 for循环
前端·javascript·html
波诺波11 小时前
环境管理器
linux·前端·python
San30.11 小时前
深入理解浏览器渲染流程:从HTML/CSS到像素的奇妙旅程
前端·css·html
IT_陈寒11 小时前
5个Python 3.12新特性让你的代码效率提升50%,第3个太实用了!
前端·人工智能·后端
周杰伦_Jay11 小时前
【Python Web开源框架】Django/Flask/FastAPI/Tornado/Pyramid
前端·python·开源
艾小码12 小时前
为什么你的JavaScript代码总是出bug?这5个隐藏陷阱太坑了!
前端·javascript
辻戋13 小时前
从零实现React Scheduler调度器
前端·react.js·前端框架
徐同保13 小时前
使用yarn@4.6.0装包,项目是react+vite搭建的,项目无法启动,报错:
前端·react.js·前端框架
Qrun14 小时前
Windows11安装nvm管理node多版本
前端·vscode·react.js·ajax·npm·html5