转自：https://blog.csdn.net/qq_34129814/java/article/details/80255444 页面的table表格中又是需要将相同的数据栏合并，今天就学到了一个简单实用有效的方法： 合并前：（手绘和以上HTML代码 ...

最终效果图： 一、JQ插件 参考链接：http://www.jq22.com/jquery-info9377 插件封装： 页面调用： 二、element-ui动态合并行列 参考链接：https://www.jianshu.com/p ...

...

项目地址 可以根据数据动态生成可合并行列的表格。 文档 数据选项 事件 组件可监听 click 事件，回调函数事件参数格式： 在线 DEMO 注意事项 假设你创建了一个 4*4 的表格，如下图所示。 现在每一行你都合并了 3 列，这时表格会发生崩溃现象。 这是表格 ...

代码： ...

写在前面： 　　有时候表格的需求就是奇奇怪怪的，最近要做的表格需要实现当紧挨着的记录的某一列的行元素内容相同，就将其合并。要是不是相同的就不合并。如果表格数据的顺序不需要被改变，这个样子是可以很简单就完成的(只需要计算出所有相同元素出现的次数即可，不需要考虑是否紧挨着)，但是当可以改变排序 ...

一开始觉得合并单元格很困难，什么鬼，后来仔细查看api,发现是可以实现的，特此记录下，直接看代码， 项目需求是第一列和第二列还有第16列需要相同内容进行合并，所以判断条件是不同的； 实现后效果如下： ...

//实现效果-----亲测有效 数据纯属虚构 //表格标签 //获取表格数据--从后端 //数据整理 //表格的span-method绑定方法 //在mounted中加载方法 //另外mock数据： ...