js 合併表格單元格

function mergeCell(tableId, startRow, endRow, col) {  
        var tb = document.getElementById(tableId);  
        if (col >= tb.rows[0].cells.length) {  
            return;  
        }  
        //當檢查第0列時檢查全部行  
        if (col == 0) {  
            endRow = tb.rows.length - 1;  
        }  
        for (var i = startRow; i < endRow; i++) {  
            //subCol:已經合併了多少列  
            var subCol = tb.rows[0].cells.length - tb.rows[startRow].cells.length;  
            //程序是自左向右合併,因此下一行一直取第0列  
            if (tb.rows[startRow].cells[col - subCol].innerHTML == tb.rows[i + 1].cells[0].innerHTML) {  
                //若是相同則刪除下一行的第0列單元格  
                tb.rows[i + 1].removeChild(tb.rows[i + 1].cells[0]);  
                //更新rowSpan屬性  
                tb.rows[startRow].cells[col - subCol].rowSpan = (tb.rows[startRow].cells[col - subCol].rowSpan | 0) + 1;  
                //當循環到終止行前一行而且起始行和終止行不相同時遞歸(由於上面的代碼已經檢查了i+1行,因此此處只到endRow-1)  
                if (i == endRow - 1 && startRow != endRow) {  
                    mergeCell(tableId, startRow, endRow, col + 1);  
                }  
            } else {  
                //起始行,終止行不變,檢查下一列  
                mergeCell(tableId, startRow, i, col + 1);  
                //增長起始行  
                startRow = i + 1;  
            }  
        }  
    }  
    
    //合併單元格
    window.onload = function() {
        mergeCell('dataTable',0,0,0);
    }
相關文章
相關標籤/搜索