js合并table单元格

  /**
                * 合并列单元格方法,table不可以有th
                * @method mergeCell
                * @author wpj
                * @param tableId 表格ID
                * @param startRow 开始合并的行数
                * @param col 开始合并的列数
                * @return
                */
                function mergeCell(tableId, startRow, col) {
                    var tb = document.getElementById(tableId);
                    //超过最大列数时退出
                    if (col >= tb.rows[0].cells.length){return;}
                    //开始合并的行数
                    var rowMergerNum=0;
                    //合并的行数量
                    var rowMergerSum=0;
                    //开关变量,用于多行合并时的逻辑开关
                    var flag=true;
                    for (var i = startRow; i < tb.rows.length-1; i++) {
                        //判断该是否已合并过
                        var colNum=col-tb.rows[0].cells.length+tb.rows[i].cells.length;
                        var colNumNext=col-tb.rows[0].cells.length+tb.rows[i + 1].cells.length;
                        if (tb.rows[i].cells[colNum].innerHTML == tb.rows[i + 1].cells[colNumNext].innerHTML) {
                            //记录合并开始行
                            if(rowMergerSum == 0){
                                rowMergerNum=i;
                                flag=false;
                            }
                            rowMergerSum++;
                        } else {
                            flag=true;
                        }
                        if(rowMergerSum >= 1 && (flag || i == tb.rows.length-2)){
                            for(var j=1;j<=rowMergerSum;j++){
                                var colMergerNum=col-tb.rows[0].cells.length+tb.rows[rowMergerNum].cells.length;
                                var colMergerNumNext=col-tb.rows[0].cells.length+tb.rows[rowMergerNum+j].cells.length;
                                tb.rows[rowMergerNum+j].removeChild(tb.rows[rowMergerNum+j].cells[colMergerNumNext]);
                                tb.rows[rowMergerNum].cells[colMergerNum].rowSpan = (tb.rows[rowMergerNum].cells[colMergerNum].rowSpan | 0) + 1;
                            }
                            rowMergerNum=0;
                            rowMergerSum=0;
                        }
                    }
                    mergeCell(tableId, startRow, col+1);
                };
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值