角度材料表拖放列不更新行

import { Component } from '@angular/core';
import { CdkDragDrop, moveItemInArray } from '@angular/cdk/drag-drop';

@Component({
  selector: 'app-table',
  template: `
    <table>
      <thead>
        <tr>
          <th *ngFor="let column of columns" cdkDrag>{{ column }}</th>
        </tr>
      </thead>
      <tbody>
        <tr *ngFor="let row of rows">
          <td *ngFor="let column of columns">{{ row[column] }}</td>
        </tr>
      </tbody>
    </table>
  `,
})
export class TableComponent {
  columns = ['Name', 'Age', 'Email'];
  rows = [
    { Name: 'John', Age: 25, Email: 'john@example.com' },
    { Name: 'Jane', Age: 30, Email: 'jane@example.com' },
    { Name: 'Bob', Age: 35, Email: 'bob@example.com' },
  ];

  drop(event: CdkDragDrop<string[]>) {
    moveItemInArray(this.columns, event.previousIndex, event.currentIndex);
    moveItemInArray(this.rows, event.previousIndex, event.currentIndex);
  }
}