js写的合并table代码，rowspance设置成功了，但是没渲染上

/**
  * 合并单元格(如果结束行传0代表合并所有行)
  * @param table1    表格的ID
  * @param startRow  起始行
  * @param endRow    结束行
  * @param col   合并的列号，对第几列进行合并(从0开始)。第一行从0开始
 */
export default function mergeCell (table1, startRow, endRow, col) {
  var tb = document.getElementById(table1)
  if (!tb || !tb.rows || tb.rows.length <= 0) {
    return
  }
  if (col >= tb.rows[0].cells.length || (startRow >= endRow && endRow !== 0)) {
    return
  }
  if (endRow === 0) {
    endRow = tb.rows.length - 1
  }
  for (var i = startRow; i < endRow; i++) {
    var r1 = tb.rows[startRow].cells[0].innerHTML
    var r2 = tb.rows[i + 1].cells[0].innerHTML
    if (r1 + tb.rows[startRow].cells[col].innerHTML === r2 + tb.rows[i + 1].cells[col].innerHTML) {
      // 如果相等就合并单元格,合并之后跳过下一行
      tb.rows[i + 1].removeChild(tb.rows[i + 1].cells[col])
      console.log('tb.rows[startRow]', tb.rows[startRow].cells[col].rowSpan)
      tb.rows[startRow].cells[col].rowSpan = (tb.rows[startRow].cells[col].rowSpan) + 1
      console.log('tb.rows[startRow].cells[col].rowSpan', tb.rows[startRow].cells[col].rowSpan)
    } else {
      this.mergeCell(table1, i + 1, endRow, col)
      break
    }
  }
}

就是下图这样

这不是要合并两列吗？那不应该是colSpan

用错了吧 跨列 和跨行 没分清楚