如何在没有数组对象的情况下使用PrimeNg p表？

<!-- 在HTML模板中使用p-table组件 -->
<p-table [value]="data" [columns]="cols">
  <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>

// 在组件的逻辑代码中填充数据
import { Component } from '@angular/core';

@Component({
  selector: 'app-table',
  templateUrl: './table.component.html',
  styleUrls: ['./table.component.css']
})
export class TableComponent {
  data: any[] = []; // 创建空数组对象
  cols: any[] = [
    { field: 'name', header: 'Name' },
    { field: 'age', header: 'Age' },
    { field: 'gender', header: 'Gender' }
  ]; // 设置表格的列和列头

  constructor() {
    this.getData(); // 获取数据并填充到数组对象中
  }

  getData() {
    // 调用API或其他方式获取数据
    // 假设获取到的数据为dataList
    this.data = dataList;
  }
}