码迷,mamicode.com
首页 > Web开发 > 详细

js 合并多行表格

时间:2018-11-16 10:26:06      阅读:716      评论:0      收藏:0      [点我收藏+]

标签:text   ext   整理   com   for   red   记录   工作记录   style   

最近在整理之前的工作记录,有很多信息是借鉴他人,亲测有效的,遗憾的是当初记录时没有留下来源,如侵权请联系fourOfour@163.com。

1.autoRowSpan函数的第一个参数是table的id

2.合并行列必须是从右往左,从下往上的,即第二、第三参数分别是从大到小的。

<table class="table table-bordered"  width="auto"  id="tab">

    autoRowSpan(tab,0,4);
    autoRowSpan(tab,0,3);
    autoRowSpan(tab,0,2);
    autoRowSpan(tab,0,1);
    autoRowSpan(tab,0,0);

function autoRowSpan(tb,row,col)
{
    var lastValue="";
    var value="";
    var pos=1;
    for(var i=row;i<tb.rows.length;i++){
        value = tb.rows[i].cells[col].innerText;
        if(lastValue == value){
            tb.rows[i].deleteCell(col);
            tb.rows[i-pos].cells[col].rowSpan = tb.rows[i-pos].cells[col].rowSpan+1;
            pos++;
        }else{
            lastValue = value;
            pos=1;
        }
    }
}

 

js 合并多行表格

标签:text   ext   整理   com   for   red   记录   工作记录   style   

原文地址:https://www.cnblogs.com/ztfcb/p/9967509.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!