vue element table表格相同名称列合并方式_vue.js_

 mergeTable() { //table表合并相同内容的行 var tab = document.getElementById("subtable"); var maxCol = 3, val, count, start; // var ys = ""; for (var col = maxCol - 1; col >= 0 ; col--) { count = 1; val = ""; for (var i = 0; i < tab.rows.length; i++) { if (val == tab.rows[i].cells[col].innerHTML) { count++; } else { if (count > 1) { //合并 start = i - count; tab.rows[start].cells[col].rowSpan = count; for (var j = start + 1; j < i; j++) { // tab.rows[j].cells[col].style.display = "none"; tab.rows[j].removeChild(tab.rows[j].cells[col]); } count = 1; } val = tab.rows[i].cells[col].innerHTML; } } if (count > 1) { //合并，最后几行相同的情况下 start = i - count; tab.rows[start].cells[col].rowSpan = count; for (var j = start + 1; j < i; j++) { tab.rows[j].removeChild(tab.rows[j].cells[col]); } } } }