zoukankan      html  css  js  c++  java
  • 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);
        }
  • 相关阅读:
    七种常见的回归分析—转载
    Python模块之 __future__ 转载
    Java 快速排序
    在给定范围内产生指定个数不重复的随机数
    Java 冒泡排序
    jquery文本框效果
    jquery复选框
    struts2下的Ajax
    java线程系列---Runnable和Thread的区别
    System.getProperty("user.dir")
  • 原文地址:https://www.cnblogs.com/zexu-cheng/p/6374787.html
Copyright © 2011-2022 走看看