js 合并多行表格

Posted 2021-01-20 ztfcb

最近在整理之前的工作记录，有很多信息是借鉴他人，亲测有效的，遗憾的是当初记录时没有留下来源，如侵权请联系[email protected]。

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