Как сгруппировать по дате и сетке в угловых

Question

Я создаю ag-сетку, и у меня есть headerName, в котором указаны дата, время и местоположение.

вот код

list.component.ts

columnDefs: any = [{
    headerName: 'Date',
    field: 'date',
    valueFormatter: (data: any) => {
      let date = new Date(data.value);
      const month = date.getMonth;
      return data.value ? month : '';
    },
    rowGroup: true,
    hide: true
  },
  {
    headerName: 'Time',
    field: 'date',
    valueFormatter: (data: any) => {
      return data.value ? (format(data.value, 'hh:mm:ss a')) : '';
    },
  },
  {
    headerName: 'Location',
    field: 'sensor'
  }
]

Как сгруппировать его по дате. Заранее спасибо.

Answer 1

Вы можете использовать это

на list.component.ts

onGridReady(params: GridReadyEvent) {
   this.gridApi = params.api;
   this.gridColumnApi = params.columnApi;
   this.gridColumnApi.getColumn('date').setSort('asc');
}

Это может помочь вам для группировки с сортировкой по дате

Answer 2

columnDefs: any = [{
    headerName: 'Date',
    field: 'date',
    valueFormatter: (data: any) => {
      let date = new Date(data.value);
      const month = date.getMonth;
      return data.value ? month : '';
    },
    rowGroup: true,
    hide: true
  },
  {
    headerName: 'Time',
    field: 'date',
    valueFormatter: (data: any) => {
      return data.value ? (format(data.value, 'hh:mm:ss a')) : '';
    },
  },
  {
    headerName: 'Location',
    field: 'sensor'
  }
]