如何解决 globalFilter 不是 p-table 的属性

Question

当我运行应用程序时，我面临错误

无法绑定到“globalFilter”，因为它不是“p-table”的已知属性。1.如果'p-table'是一个Angular组件并且它有'globalFilter'输入，那么验证它是这个模块的一部分。

HTML：

<p-table [columns]="tableHeaders" [value]="listEmrAllergy" [paginator]="true" [rows]="10" (onLazyLoad)="loadLazy($event)" [totalRecords]="totalcount" [lazy]="!press" [globalFilter]="dt">

TS：

import { TableModule } from 'primeng/table';

Answer 1

如果您想在惰性 p-table 中添加过滤器，请执行以下操作。

     <p-table [columns]="tableHeaders" [value]="listEmrAllergy" [paginator]="true"
         [rows]="10" (onLazyLoad)="loadLazy($event)" [totalRecords]="totalcount" [lazy]="!press" 
[globalFilterFields]="tableHeaders" #tt>
                 <input type="text" pInputText placeholder="Global Filter" (input)="tt.filterGlobal($event.target.value, 'contains')" >
     </p-table>

对于 [globalFilterFields] 属性，您需要传递列名称。