如何使用JavaScript将动态表上具有相同值的行与某些条件合并

function mergeCells(table, startCol, endCol, startRow, endRow) {
  let cell, cellStart;

  function mergeCell(r) {
    if (cell && r > cellStart + 1) {
      if (startCol < endCol)
        mergeCells(table, startCol + 1, endCol, cellStart, r);
      cell.rowSpan = r - cellStart;
      for (let s = cellStart + 1; s < r; s++)
        table.rows[s].cells[startCol].remove();
    }
  }
  for (let r = startRow; r < endRow; r++) {
    const curCell = table.rows[r].cells[startCol];
    if (!cell || cell.textContent !== curCell.textContent) {
      mergeCell(r);
      cell = curCell;
      cellStart = r;
    }
  }
  mergeCell(endRow);
}
const table = document.getElementById('myTable');
mergeCells(table, 0, 2, 1, table.rows.length);

<table id="myTable">
  <tr>
    <th>Column 1</th>
    <th>Column 2</th>
    <th>Column 3</th>
    <th>Column 4</th>
  </tr>
  <tr>
    <td>AAAA</td>
    <td>BBBB</td>
    <td>CCCC</td>
    <td>DDDD</td>
  </tr>
  <tr>
    <td>AAAA</td>
    <td>BBBB</td>
    <td>CCCC</td>
    <td>DDDD</td>
  </tr>
  <tr>
    <td>AAA1</td>
    <td>BBB1</td>
    <td>CCC1</td>
    <td>DDD2</td>
  </tr>
  <tr>
    <td>AAA1</td>
    <td>BBB1</td>
    <td>CCC1</td>
    <td>DDD3</td>
  </tr>
  <tr>
    <td>AAA2</td>
    <td>BBB1</td>
    <td>CCC3</td>
    <td>DDD4</td>
  </tr>
  <tr>
    <td>AAA2</td>
    <td>BBB1</td>
    <td>CCC3</td>
    <td>DDD5</td>
  </tr>
</table>