[置顶] JS 实现Table相同行的单元格自动合并示例代码

/ Java / 0 条评论 / 138 浏览

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

转自:http://www.mamicode.com/info-detail-2520800.html