vue3 - 详解element-plus表格table组件，将表格每行 “相同元素合并“，例如表格列表如果遇到id一样或值一样就判断是一个数组把单元格合并掉，将连续相同内容的单元格合并行详细示例代码

效果图

在vue3+elementPlus项目开发中，实现el-table表格组件合并id相同的行数据单元格及指定合并的列，解决表格Table组件有上下级嵌套children多级数据合并问题，将二级嵌套的多维数组进行拆分成表格可渲染的数据结构，然后通过识别每行数据的字段值是否一致（如果某字段的值相同则进行合并，否则不进行合并），支持指定要合并的列、自定义单元格合并条件，适用于表格显示 “一对多” 数据格式的需求。

提供详细示例代码，其实vue2+elementUI也可以使用，逻辑都一样。

示例教程

如下代码所示，可自动将数据拆分和渲染表格。