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]);
     }
     }
     }


    }

  • 相关阅读:
    vue chrome调试工具开启
    mac显示隐藏文件
    mac网络变慢?
    57-文件处理小结
    56-文件修改的两种方式
    54-with管理文件操作上下文
    53-文件的三种打开方式
    51-基本文件操作
    50-Python2和3字符编码的区别
    49-字符编码
  • 原文地址:https://www.cnblogs.com/fangmin/p/2637784.html
Copyright © 2011-2022 走看看