zoukankan      html  css  js  c++  java
  • js 合并重复行

    你还在为做报表时表格的前几列重复项合并而烦恼吗。

    下面这串JS代码很好得为你服务,他能自动将重复的项进行合并 ,而不用预先知道显示结果集包含多少行


    //名称重复行合并
    function getColTable(tb_id,collen,k)
    {
    //tb_id  表id
    //collen 从头开始合并几列
    //k   从第几行开始合并
    var tab = document.getElementById(tb_id);
    var maxCol = collen;
    var val;
    var count;
    var start;
    var cellCount;
     for(var col = maxCol-1; col >= 0 ; col--)
     {
     count = 1; val = "";
     cellCount = 1;
     //alert(tab.rows.length)
     for(var i=k; i<tab.rows.length; i++)
     {
     if(val == tab.rows[i].cells[col].innerHTML && /[^\d]/.test(val) == true && val!="&nbsp;")
     {
     count++;
     }
     else{
       if(count > 1)
       {
        start = i - count;
        tab.rows[start].cells[col].rowSpan = count;
        for(var j=start+1; j<i; j++)
        {
         tab.rows[j].cells[col].style.display = "none";
         tab.rows[j].removeChild(tab.rows[j].cells[col]);
        }
        count = 1;
       }
       val = tab.rows[i].cells[col].innerHTML;
      }
     }
     if(count > 1 )
     {
     start = i - count;
     tab.rows[start].cells[col].rowSpan = count;
     for(var j=start+1; j<i; j++)
     {
     tab.rows[j].removeChild(tab.rows[j].cells[col]);
     }
     }
     }


    }

  • 相关阅读:
    pip国内源
    高级信息系统项目管理师十大管理优秀范文
    DOM是什么
    js中!!的妙用
    Angular中@Output()的使用方法
    Js数组内对象去重
    JS去除对象或数组中的空值('',null,undefined,[],{})
    JS数组与字符串相互转换
    Js删除数组中的空值
    promise.all的应用场景举例
  • 原文地址:https://www.cnblogs.com/fangmin/p/2637784.html
Copyright © 2011-2022 走看看