javascript - vue3关于elementuiPlus表头合并问题？
数据：
export const tableData = { "data": [ { "ctype": "海淀", "clist": [ { "companyName": "公司1", "ydata": [ { "year": "2021", "hte": "1", "tb": "2", "ctype": null, "companyName": null }, { "year": "2022", "hte": "3", "tb": "4", "ctype": null, "companyName": null }, { "year": "2023", "hte": "5", "tb": "6", "ctype": null, "companyName": null }, ] }, { "companyName": "公司2", "ydata": [ { "year": "2021", "hte": "00", "tb": "68", "ctype": null, "companyName": null }, { "year": "2022", "hte": "50", "tb": "49", "ctype": null, "companyName": null }, { "year": "2023", "hte": "56", "tb": "69", "ctype": null, "companyName": null }, ] } ] }, { "ctype": "朝阳", "clist": [ { "companyName": "阿里巴巴", "ydata": [ { "year": "2021", "hte": "50", "tb": "-95", "ctype": null, "companyName": null }, { "year": "2022", "hte": "50", "tb": "-93.6", "ctype": null, "companyName": null }, { "year": "2023", "hte": "579", "tb": "-90", "ctype": null, "companyName": null }, ] } ] }, { "ctype": "其他", "clist": [ { "companyName": "京东", "ydata": [ { "year": "2021", "hte": "11", "tb": "2331", "ctype": null, "companyName": null }, { "year": "2022", "hte": "102", "tb": "1682", "ctype": null, "companyName": null }, { "year": "2023", "hte": "103", "tb": "2993", "ctype": null, "companyName": null }, ] }, { "companyName": "谷歌", "ydata": [ { "year": "2021", "hte": "88", "tb": "-76", "ctype": null, "companyName": null }, { "year": "2022", "hte": "880", "tb": null, "ctype": null, "companyName": null }, { "year": "2023", "hte": "8835", "tb": "1092", "ctype": null, "companyName": null }, ] }, ] }, ]}效果：
不知道我描述清楚了没？
如果我没有说清楚的话麻烦看下这个例子，我应该怎么处理表格的数据
https://element-plus.run/#eyJzcmMvQXBwLnZ1ZSI6Ijx0ZW1wbGF0ZT5...
共有1个答案
建议你可以做成 树形数据
element-plus 例子 树形数据与懒加载
-
我有很多个页面，大部分都是上下结构，上面查询条件，下面表格，然后表格后面是操作按钮，点击详情url带上查询条件跳转到详情，返回的时候参数没了，现在需要返回的时候保留参数 问题： 因为页面比较多，请问怎么能在最小的改动下实现这个需求 Ps：查询条件的表单都是每个页面独立使用的，没有统一封装
-
如何根据后端返回的数据来进行动态合并渲染，合并的关键字段为jianyanneirong和jianyanneirong1，合并要求如下图（如果jianyanneirong和jianyanneirong1值不同则进行行合并，但是jianyanneirong1值为空的情况需要进行行列合并）
-
关于箭头函数中this的指向问题 在箭头函数中，this引用的是定义箭头函数的上下文。示例代码按理来说应该打印两次window，但结果是一次window，一次obj。 问了好多个AI，AI给的结果都是打印两次window。
-
a=[78,187,30] b=[78,186,185,25,30] c=[78,187,186,185,25,30] //想获得的结果 a=[1,2,3,4,5] b=[1,6,7,8,3,9,5] c=[1,2,6,7,8,3,4,9,5] //想获得的结果 a、b数组里面的值都是唯一的，怎么用js获得想要的值呢？ 问了ChatGPT都没解决，它给的方法在控制台输出结果不一致，因为chatGP
-
我想合并三个圈出来的地方， 后端返回的数据结构是2个，我把它扁平化成4个了并且绑定了，现在想合并单元格，但是猪脑不够用了，而且拆了之后它那个switch怎么绑定回父级的row也没想好。有没有巨佬帮一下我，非常感谢
-
el-table合并数据问题，如下图，我现在实现的效果： 但是按我现在实现的话有个问题，只要有相同值就能合并。 而实际要求是：其他列有相同值正常合并，如果诉求类型里面有相同的类型值合并了，诉求利用率才能参与合并，但如果此时诉求利用率没有相同值也不合并。同理细分类型和细分利用率一样道理 请教大家怎么优化一下完成我这一需求。 我分装合并方法： 组件span-method方法：