angular datatable中的多个分组

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

@Component({
  selector: 'app-datatable',
  template: `
    <ngx-datatable
      class="material"
      [rows]="data"
      [groupRowsBy]="['group1', 'group2']"
      [groupExpansionDefault]="true"
    >
      <ngx-datatable-column name="Group 1" prop="group1"></ngx-datatable-column>
      <ngx-datatable-column name="Group 2" prop="group2"></ngx-datatable-column>
      <ngx-datatable-column name="Name" prop="name"></ngx-datatable-column>
      <ngx-datatable-column name="Age" prop="age"></ngx-datatable-column>
    </ngx-datatable>
  `,
})
export class DataTableComponent {
  data = [
    { group1: 'Group A', group2: 'Subgroup 1', name: 'John', age: 25 },
    { group1: 'Group A', group2: 'Subgroup 1', name: 'Alice', age: 30 },
    { group1: 'Group A', group2: 'Subgroup 2', name: 'Bob', age: 35 },
    { group1: 'Group B', group2: 'Subgroup 1', name: 'Jane', age: 28 },
    { group1: 'Group B', group2: 'Subgroup 2', name: 'Tom', age: 32 },
  ];
}