Как получить имя столбца, нажав на заголовок столбца в ag-grid

Question

Как получить имя заголовка столбца, щелкнув заголовок столбца в ag-grid, на самом деле я хочу выполнять сортировку и фильтрацию на стороне сервера при нажатии на заголовок столбца, для этого мне нужно имястолбец события.

HTML-шаблон

    <ag-grid-angular [gridOptions]="gridOptions" style="width: 100%; 
     height: 650px;" (gridReady)="onGridReady($event)"
     class="ag-theme-balham"  [columnDefs]="columnDefs" 
     [rowData]="rowData">
    </ag-grid-angular>

TS

rowData;
columnDefs = [
{
    headerName: "name",
    field: "athlete",
},
{
  headerName: "Status",
  field: "age"
}
];

onGridReady(params: any) {
  this.service.getData().subscribe((e)=>{
    this.rowData = e;
  });
}

Answer 1

На момент написания этой статьи не было события для прослушивания щелчка столбца заголовка в ag-grid. Ваши варианты:

• Запись пользовательского компонента заголовка (https://www.ag -grid.com / javascript-grid-header-render / )
• Прослушивание события sortChanged (подробности см. На https://stackoverflow.com/a/56030626/960857)