求助：element-plus如何实现动态多级表头？-灵析社区
我头像最美vue {{ item.price }} script import { ref } from "vue"; 这是完整的表格数据，其中fullTimeNCs的长度是动态的 `const tableData = ref([ { area: "NKA_门店1", fullTimeNCs: [{label:'1个店员评级金额',price:"100"}, {label:'2个店员评级金额',price:"400"},{label:'3个店员评级金额',price: "600"}], }, { area: "NKA_门店12", fullTimeNCs: [{label:'1个店员评级金额',price:"100"}, {label:'2个店员评级金额',price:"400"},{label:'3个店员评级金额',price: "600"}], }, { area: "NKA_门店13", fullTimeNCs: [{label:'1个店员评级金额',price:"100"}, {label:'2个店员评级金额',price:"400"},{label:'3个店员评级金额',price: "600"}], }, ]);` 期望结果  店员数量是动态的，但是在这里无法循环渲染el-table-column多级表头
CO_co
数据需要自己转下 或者后端就返回那种格式
tableInfo(){
let tableData= [
{
area: "NKA_门店1",
fullTimeNCs: [
{ label: "1个店员评级金额", price: "100" },
{ label: "2个店员评级金额", price: "400" },
{ label: "3个店员评级金额", price: "600" }
]
},
{
area: "NKA_门店12",
fullTimeNCs: [
{ label: "1个店员评级金额", price: "100" },
{ label: "2个店员评级金额", price: "400" },
{ label: "3个店员评级金额", price: "600" }
]
},
{
area: "NKA_门店13",
fullTimeNCs: [
{ label: "1个店员评级金额", price: "100" },
{ label: "2个店员评级金额", price: "400" },
{ label: "3个店员评级金额", price: "600" }
]
}
]
let headerList=[]
tableData.forEach((item)=>{
item.fullTimeNCs.forEach((citem,cindex)=>{
let key=`customFiled${cindex+1}`
item[key]=citem.price;
let find=headerList.find(i=>i.label==citem.label)
if(!find){
headerList.push({
key,
label:citem.label
})
}
})
})
return {
headerList,
tableData
}
}