zoukankan      html  css  js  c++  java
  • js合并table指定列

    function MergeTableCell(tableId, startRow, endRow, col) {
        var tb = document.getElementById(tableId);
        //设置为0时,检索所有行
        if (endRow == 0) {
            endRow = tb.rows.length - 1;
        }
        //指定数据行索引大于表格行数
        if (endRow >= tb.rows.length) {
            return;
        }
        //检测指定的列索引是否超出表格列数
        if (col >= tb.rows[0].cells.length) {
            return;
        }
        //循环需要判断的数据行
        for (var i = startRow; i < endRow; i++) {
            //如果当前行与下一行数据值相同,则进行前面列的判断
            if (tb.rows[startRow].cells[col].innerHTML == tb.rows[i + 1].cells[col].innerHTML) {
                var Same = true;
                //循环跟前面的所有的同级数据行进行判断
                for (var j = col; j > 0; j--) {
                    if (tb.rows[startRow].cells[j - 1].innerHTML != tb.rows[i + 1].cells[j - 1].innerHTML) {
                        Same = false;
                        break;
                    }
                }
                //如果前面的同级数据行的值均相同,则进行单元格的合并
                if (true == Same) {
                    //如果相同则删除下一行的第0列单元格  
                    tb.rows[i + 1].cells[col].style.display = 'none';
                    //更新rowSpan属性  
                    tb.rows[startRow].cells[col].rowSpan = (tb.rows[startRow].cells[col].rowSpan | 0) + 1;
                }
                else {
                    //增加起始行  
                    startRow = i + 1;
                }
            }
            else {
                //增加起始行  
                startRow = i + 1;
            }
        }
    }

    [简单的释义]

    1、Function:合并表格相同行的内容
    2、Parameter:
    tableId:表格id,
    startRow:起始行(索引0开始)如果有标题行则填写1
    endRow:终止行(索引值)如果填写0则自动赋值
    col:需要处理的列(索引值)
    3、Example
    MergeTableCell("table_test", 2, 0, 1);
    Para1:table_test,table表格的id
    Para2:2,开始行的索引值
    Para3:0,结束行的索引值
    Para4:1,需要处理的列的索引值
    4、Worning
    (1)合并一列,正常调用
    示例:MergeTableCell("table_test", 2, 0, 0);
    (2)合并多列,需要将待处理的列从大到小排列
    示例:合并第一列和第二列
    MergeTableCell("table_test", 2, 0, 1);
    MergeTableCell("table_test", 2, 0, 0);
    原因:
    合并第二列时,需要判断第一列的值是否相同,
    如果第一列的值不相同,则不进行合并。
    table col1 col2
    row1 安徽 省
    row2 浙江 省
    如上,虽然第二列的值都为"省",
    但是第一列的值不相同,所以不进行单元格的合并。
    原理:
    合并时会当前列的两行数据与前面列的同级两行是否一致,
    如果一致才会进行合并。
    如果先进行合并第一列的值,
    后面合并时判断前面的列值是否一致时,所获取到的前面列的值就是空,
    也就无法正常的判断的值是否一致了。

  • 相关阅读:
    括号匹配问题:判断括号式子是否匹配。如{[()]}是匹配的,而{[[])}是不匹配的。
    回文判断的两种方法
    将A链表中的奇数元素与偶数元素拆成两个链表A和B,A中是奇数元素,B是偶数元素。要求拆除后保持链表元素原来的相对位置
    修改kail linux的IP地址等网络信息
    VXDIAG SUBARU SSM III错误许可解决方案
    Mini ACDP更新CAS3数据提示和指南
    thinkphp框架中find()和select()的区别
    PHP中=>和->以及::的用法
    Golang 开发规范(JD )
    JD MySQL数据库开发规范(绝密,企业级开发中Mysql规范)
  • 原文地址:https://www.cnblogs.com/midcn/p/10305304.html
Copyright © 2011-2022 走看看