js合并table单元格

最新推荐文章于 2025-09-24 13:22:45 发布

原创最新推荐文章于 2025-09-24 13:22:45 发布 · 9.2k 阅读

4 ·

CC 4.0 BY-SA版权

本文介绍了在研发中解决单元格合并问题的方法，通过分享的JS加载事件，可以有效地进行表格列的行合并操作。主要涉及到table的id值、列的开始行、结束行以及行号等关键参数。

在研发的过程中经常遇到的问题就是单元格合并问题，那么有了它就可以引刃而解了，接下来分享给大家！

接下来上js加载事件

 function mc(table1, startRow, endRow, col) {
            var tb = document.getElementById(table1);
            if (col >= tb.rows[0].cells.length) {
                return;
            }
            if (col == 0) { endRow = tb.rows.length-1; }
            for (var i = startRow; i < endRow; i++) {
                if (tb.rows[startRow].cells[col].innerHTML == tb.rows[i + 1].cells[0].innerHTML) {
                    tb.rows[i + 1].removeChild(tb.rows[i + 1].cells[0]);
                    tb.rows[startRow].cells[col].rowSpan = (tb.rows[startRow].cells[col].rowSpan | 0) + 1;
                    if (i == endRow - 1 && startRow != endRow) {
                        mc(table1, startRow, endRow, col + 1);
                    }
                } else {
                    mc(table1, startRow, i + 0, col + 1);
                    startRow = i + 1;
                }
            }
        }
        mc('table1',0,0,0);

参数说明：

table1:代表table的id值；

startRow:列的开始行

endRow:列的结束行

col:行号