js合并行

时间:2023-03-09 17:53:25
js合并行

网上找了好久才找到,在这记录下。

 <script type="text/javascript" >
function MergerRow(ID) {
var tab = document.getElementById(ID);
var maxCol = 6, val, count, start; //maxCol:合并单元格作用到多少列
for (var col = maxCol - 1; col >= 0; col--) {
count = 1;
val = "";
for (var i = 0; i < tab.rows.length; i++) {
if (tab.rows[i].cells.length == 0 || tab.rows[i].cells[0].tagName.toLowerCase() == 'th') {
continue;
} 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";
}
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].cells[col].style.display = "none";
}
}
} }
</script>