使用Angular启用表列排序

<table>
  <thead>
    <tr>
      <th *ngFor="let column of columns">
        {{ column.name }}
        <button (click)="sort(column)">Sort</button>
      </th>
    </tr>
  </thead>
  <tbody>
    <tr *ngFor="let item of items">
      <td>{{ item.name }}</td>
      <td>{{ item.age }}</td>
      <!-- 其他列 -->
    </tr>
  </tbody>
</table>

export class MyComponent {
  columns = [
    { name: 'Name', field: 'name' },
    { name: 'Age', field: 'age' },
    // 其他列
  ];

  items = [
    { name: 'John', age: 25 },
    { name: 'Alice', age: 30 },
    // 其他数据
  ];

  sort(column: any) {
    // 根据column.field对items数组进行排序
    this.items.sort((a, b) => {
      if (a[column.field] < b[column.field]) {
        return -1;
      } else if (a[column.field] > b[column.field]) {
        return 1;
      } else {
        return 0;
      }
    });
  }
}