原生JS 實現表格的合併單元格
阿新 • • 發佈:2019-01-04
/*
引數:table或tbody的id,開始行號,結束行號,合併哪一列
mc('field_selection', 0, 4, 0);
*/
//--------合併單元格
function mc(table1, startRow, endRow, col) {
var tb = document.getElementById(table1);
let tableCellLength = tb.rows[0].cells.length;
for (let i = startRow; i < endRow; i++) {
if (tb.rows[startRow].cells[col].innerHTML == tb.rows[i + 1].cells[col].innerHTML) {
//合併最後一列相同的行
tb.rows[i + 1].removeChild(tb.rows[i + 1].cells[tableCellLength-1]);
tb.rows [startRow].cells[tableCellLength-1].rowSpan = (tb.rows[startRow].cells[tableCellLength-1].rowSpan | 0) + 1;
//合併第col列相同的行
tb.rows[i + 1].removeChild(tb.rows[i + 1].cells[col]);
tb.rows[startRow].cells[col].rowSpan = (tb.rows[startRow].cells [col].rowSpan | 0) + 1;
}else{
mc(table1, i + 1, endRow, col)
}
}
}//mc(table1, startRow, endRow, col)