如何使用PrimeNG对多列进行排序

import { Component } from '@angular/core';
import { TableModule } from 'primeng/table';
import { SortEvent } from 'primeng/api';

@Component({
  selector: 'app-your-component',
  templateUrl: './your-component.html',
  styleUrls: ['./your-component.css']
})
export class YourComponent {
  data: any[];

  constructor() {
    // 初始化数据
    this.data = [
      { name: 'John', age: 25, city: 'New York' },
      { name: 'Jane', age: 30, city: 'London' },
      { name: 'Bob', age: 35, city: 'Paris' }
    ];
  }
}

<p-table [value]="data">
  <ng-template pTemplate="header">
    <tr>
      <th pSortableColumn="name">Name</th>
      <th pSortableColumn="age">Age</th>
      <th pSortableColumn="city">City</th>
    </tr>
  </ng-template>
  <ng-template pTemplate="body" let-rowData>
    <tr>
      <td>{{rowData.name}}</td>
      <td>{{rowData.age}}</td>
      <td>{{rowData.city}}</td>
    </tr>
  </ng-template>
</p-table>

<th pSortableColumn="name">Name</th>
<th pSortableColumn="age">Age</th>
<th pSortableColumn="city">City</th>

onSort(event: SortEvent) {
  // 根据排序事件的字段和顺序对数据进行排序
  this.data.sort((a, b) => {
    const value1 = a[event.field];
    const value2 = b[event.field];
    const result = value1.localeCompare(value2, 'en', { numeric: true });
    return event.order === 1 ? result : -result;
  });
}

<th pSortableColumn="name" (sortChange)="onSort($event)">Name</th>
<th pSortableColumn="age" (sortChange)="onSort($event)">Age</th>
<th pSortableColumn="city" (sortChange)="onSort($event)">City</th>