如何根据下拉列表中选择的值更新ngx-datatable中的下一个单元格的值？

// 在组件的HTML模板中添加下拉列表组件
<ngx-datatable>
  <ngx-datatable-column prop="column1" name="Column 1">
    <ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value">
      <select (change)="updateNextCell($event.target.value, rowIndex, 1)">
        <option value="value1">Value 1</option>
        <option value="value2">Value 2</option>
        <option value="value3">Value 3</option>
      </select>
    </ng-template>
  </ngx-datatable-column>
  <ngx-datatable-column prop="column2" name="Column 2">
    <ng-template ngx-datatable-cell-template let-rowIndex="rowIndex" let-value="value">
      {{ value }}
    </ng-template>
  </ngx-datatable-column>
</ngx-datatable>

// 在组件的 TypeScript 文件中添加下面的代码
import { ViewChild } from '@angular/core';
import { DatatableComponent } from '@swimlane/ngx-datatable';

export class YourComponent {
  @ViewChild(DatatableComponent) table: DatatableComponent;

  updateNextCell(selectedValue: string, rowIndex: number, columnIndex: number): void {
    // 更新当前单元格的值
    this.table.rows[rowIndex][columnIndex] = selectedValue;

    // 计算下一个单元格的行号和列号
    const nextRowIndex = rowIndex + 1;
    const nextColumnIndex = columnIndex;

    // 获取下一个单元格的引用
    const nextCell = this.table.rowElements[nextRowIndex].querySelectorAll('datatable-body-cell')[nextColumnIndex];

    // 更新下一个单元格的值
    nextCell.innerText = selectedValue;
  }
}