在primeng datatable/typescript中转置数据

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

@Component({
  selector: 'app-data-table',
  templateUrl: './data-table.component.html',
  styleUrls: ['./data-table.component.css']
})
export class DataTableComponent implements OnInit {
  data: any[]; // 原始数据数组
  transposedData: any[]; // 转置后的数据数组

  constructor() { }

  ngOnInit() {
    // 初始化数据数组
    this.data = [
      { name: 'John', age: 25, city: 'New York' },
      { name: 'Jane', age: 30, city: 'Los Angeles' },
      { name: 'Mike', age: 35, city: 'Chicago' }
    ];

    // 转置数据
    this.transposeData();
  }

  transposeData() {
    this.transposedData = this.data[0] ? Object.keys(this.data[0]).map(key => ({
      field: key,
      header: key,
      data: this.data.map(obj => obj[key])
    })) : [];
  }
}

<p-table [value]="transposedData">
  <ng-template pTemplate="header" let-columns>
    <tr>
      <th *ngFor="let col of columns">
        {{ col.header }}
      </th>
    </tr>
  </ng-template>
  <ng-template pTemplate="body" let-rowData let-columns="columns">
    <tr>
      <td *ngFor="let col of columns">
        {{ rowData[col.field] }}
      </td>
    </tr>
  </ng-template>
</p-table>