PrimeNG动态列过滤

import { Table } from 'primeng/table';
import { FilterUtils } from 'primeng/utils';

<p-table [value]="data" [columns]="cols">
  <ng-template pTemplate="header" let-columns>
    <tr>
      <th *ngFor="let col of columns">
        {{col.header}}
        <input type="text" pInputText (input)="filter($event.target.value, col.field)">
      </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>

data: any[];
cols: any[];

ngOnInit() {
  this.data = [
    { name: 'John', age: 25, city: 'New York' },
    { name: 'Alice', age: 30, city: 'London' },
    { name: 'Bob', age: 35, city: 'Paris' }
  ];

  this.cols = [
    { field: 'name', header: 'Name' },
    { field: 'age', header: 'Age' },
    { field: 'city', header: 'City' }
  ];
}

filter(value: string, field: string) {
  this.data = this.data.filter(row => FilterUtils.contains(row[field], value, true));
}