码迷,mamicode.com
首页 > 其他好文 > 详细

合并单元格

时间:2016-02-02 14:50:14      阅读:156      评论:0      收藏:0      [点我收藏+]

标签:

///合并表格相同行的内容  
///tableId:表格ID(最好是tbody,避免把表尾给合并了)  
///startRow:起始行,没有标题就从0开始  
///endRow:终止行,此参数是递归时检查的范围,一开始时会自动赋值为最后一行  
///col:当前处理的列
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;  
        }  
    }  
}  

  

合并单元格

标签:

原文地址:http://www.cnblogs.com/cathyqq/p/5177104.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!