轉自：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數據： ...