如何在ag-grid ng2中拖放行(重新排序行)

import { Component } from '@angular/core';

@Component({
  selector: 'app-grid',
  template: `
    <ag-grid-angular
      style="width: 500px; height: 300px;"
      class="ag-theme-alpine"
      [rowData]="rowData"
      [columnDefs]="columnDefs"
      [rowDrag]="true"
      (onRowDragEnd)="onRowDragEnd($event)"
    ></ag-grid-angular>
  `,
})
export class GridComponent {
  rowData = [
    { id: 1, name: 'John' },
    { id: 2, name: 'Jane' },
    { id: 3, name: 'Bob' },
    { id: 4, name: 'Alice' },
  ];

  columnDefs = [
    { field: 'id' },
    { field: 'name' },
  ];

  onRowDragEnd(event: any) {
    const { node, overIndex } = event;
    const movedData = node.data;
    const currentIndex = this.rowData.indexOf(movedData);

    // 重新排序行数据
    this.rowData.splice(currentIndex, 1);
    this.rowData.splice(overIndex, 0, movedData);
  }
}