IgGrid -如何在代码中执行多个分组？

// 配置数据源
var data = [
  { id: 1, name: 'John', age: 25, city: 'New York' },
  { id: 2, name: 'Jane', age: 30, city: 'London' },
  { id: 3, name: 'Bob', age: 35, city: 'Paris' },
  // 更多数据...
];

// 配置分组选项
var groupOptions = {
  groupedColumns: [
    { key: 'city', dir: 'asc' },
    { key: 'age', dir: 'desc' }
  ],
  groupedColumnComparer: function (val1, val2) {
    // 自定义分组排序逻辑
    // 返回负值表示val1在val2之前，返回正值表示val1在val2之后
    // 可以根据需要进行自定义排序
    return val1.localeCompare(val2);
  }
};

// 配置展示选项
var displayOptions = {
  columns: [
    { key: 'name', headerText: 'Name' },
    { key: 'age', headerText: 'Age' },
    // 更多列...
  ],
  sort: {
    sortedColumns: [
      { key: 'name', direction: 'asc' }
    ]
  },
  filtering: true
};

// 初始化IgGrid
$('#gridContainer').igGrid({
  dataSource: data,
  features: [
    {
      name: 'GroupBy',
      groupByDialogContainment: 'window',
      groupByDialogWidth: 300,
      groupByDialogHeight: 400,
      groupByDialogAnimationDuration: 200
    }
  ],
  groupBy: groupOptions,
  columns: displayOptions.columns,
  features: [
    {
      name: 'Sorting',
      sortingDialogContainment: 'window',
      sortingDialogWidth: 300,
      sortingDialogHeight: 400,
      sortingDialogAnimationDuration: 200
    },
    {
      name: 'Filtering',
      filterDialogContainment: 'window',
      filterDialogWidth: 300,
      filterDialogHeight: 400,
      filterDialogAnimationDuration: 200
    }
  ]
});