function mergeRows(tableId, columnToMerge) {
var table = document.getElementById(tableId);
var rows = table.getElementsByTagName('tr');
var prevRowData = null;
var rowspanCount = 1;
var firstRow = 3;//數據起始行
for (var i = 3; i < rows.length; i++) {
var currentRow = rows[i];
var currentCell = currentRow.cells[columnToMerge];
var currentRowData = currentCell.innerText;
if (currentRowData === prevRowData) {
// 如果當前行與上一行的數據相同吃挑，則增加rowspan計數
rowspanCount++;
currentCell.style.display = 'none'; // 隱藏重復的td
} else {
// 如果數據不同抗果，更新前一行的rowspan并重置計數器
if (i > 0) {
rows[firstRow].cells[columnToMerge].setAttribute('rowspan', rowspanCount);
}
//記錄合餅開始行
firstRow = i;
rowspanCount = 1;
}
prevRowData = currentRowData;
//從第一行開始合餅
if(rowspanCount == rows.length-3){
rows[3].cells[columnToMerge].setAttribute('rowspan', rowspanCount);
}
}
// 更新最后一行的rowspan
rows[rows.length - 1].cells[columnToMerge].setAttribute('rowspan', rowspanCount);
}
JS 實現(xiàn)原生Table合餅列
最后編輯于 ：
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
- 文/潘曉璐 我一進店門赞咙，熙熙樓的掌柜王于貴愁眉苦臉地迎上來，“玉大人糟港，你說我怎么就攤上這事攀操。” “怎么了秸抚？”我有些...
- 正文 為了忘掉前任吭敢，我火速辦了婚禮碰凶，結果婚禮上，老公的妹妹穿的比我還像新娘。我一直安慰自己欲低，他們只是感情好辕宏，可當我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著砾莱，像睡著了一般瑞筐。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上腊瑟，一...
- 文/蒼蘭香墨 我猛地睜開眼虎敦，長吁一口氣：“原來是場噩夢啊……” “哼游岳！你這毒婦竟也來了？” 一聲冷哼從身側響起其徙，我...
- 正文 年R本政府宣布，位于F島的核電站拱雏，受9級特大地震影響棉安，放射性物質發(fā)生泄漏。R本人自食惡果不足惜铸抑，卻給世界環(huán)境...
- 文/蒙蒙 一贡耽、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧，春花似錦菇爪、人聲如沸撒强。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至斩郎，卻和暖如春，著一層夾襖步出監(jiān)牢的瞬間酬诀，已是汗流浹背磺芭。 一陣腳步聲響...
推薦閱讀更多精彩內容
- 原文鏈接：http://xcoder.in/2014/09/30/javascript-singleton/ 今天...
- 視覺錘兜辞，指的是除了文字和名字外迎瞧，可以有效在消費者心智空間中扎根釘子的地方。 這種方式有許多種逸吵，不只限於商標凶硅，更包含...
- 沒有現(xiàn)實的生命 就沒有生命的實現(xiàn) 只有現(xiàn)實的生命 生命就無法實現(xiàn) 2020、8扫皱、30
- 一個人25歲時若不是理想主義者韩脑， 不去折騰氢妈，不去嘗試各種生命的可能， 就對不起25歲的年華扰才。 一個人35歲若不是現(xiàn)...
