原生JS 实现表格的合并单元格

/*
参数: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)

最后

以上就是隐形流沙为你收集整理的原生JS 实现表格的合并单元格的全部内容，希望文章能够帮你解决原生JS 实现表格的合并单元格所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错，欢迎将靠谱客网站推荐给程序员好友。