在Angular 6的ag-Grid 18.0中设置cellValueChanged事件后编辑的列的排序

npm install @angular/core @angular/common ag-grid-angular

import { AgGridModule } from 'ag-grid-angular';

@NgModule({
  imports: [
    AgGridModule.withComponents([])
  ],
  // other module configurations
})
export class AppModule { }

<ag-grid-angular
  style="width: 500px; height: 500px;"
  [rowData]="rowData"
  [columnDefs]="columnDefs"
  (cellValueChanged)="onCellValueChanged($event)">
</ag-grid-angular>

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

@Component({
  selector: 'app-root',
  templateUrl: './app.component.html',
  styleUrls: ['./app.component.css']
})
export class AppComponent {
  rowData = [
    { make: 'Toyota', model: 'Celica', price: 35000 },
    { make: 'Ford', model: 'Mondeo', price: 32000 },
    { make: 'Porsche', model: 'Boxster', price: 72000 }
  ];

  columnDefs = [
    { field: 'make', sortable: true },
    { field: 'model', sortable: true },
    { field: 'price', sortable: true }
  ];

  onCellValueChanged(params) {
    // 在这里进行列排序的逻辑处理
    // 可以使用ag-Grid的API方法进行排序
    // 例如，params.api.setSortModel([{ colId: 'make', sort: 'asc' }]);
  }
}