1. 程式人生 > >原生JS 實現表格的合併單元格

原生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)