js合併具有相同內容的單元格,跨行合併!
//放在html 結尾
function autoRowSpan(tab, row, col) {
//保存最後一個值
var lastvalue="";
//與最後一個值做比較
var value="";
//臨時變量
var index=1;
//循環獲取tab所有的行數
for(var i=row;i<tab.rows.length;i++){
//獲取當前的某一列數據
value=tab.rows[i].cells[col].innerText;
//判斷是否與最後一行相同,如果相同進行刪除,並且居中展示
if(lastvalue==value){
tab.rows[i].deleteCell(col);
tab.rows[i-index].cells[col].rowSpan=tb.rows[i-index].cells[col].rowSpan+1;
tab.rows[i-index].cells[col].style="vertical-align:middle;";
//臨時變量加1
index++;
}else{
//如果第一行與臨時變量保存的不同,則賦值給臨時變量,lastvalue
lastvalue=value;
//index開始
index=1;
}
}
}
//獲取table的id
var tab=document.getElementById("table");
autoRowSpan(tab,0,0); //調用方法
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.