我创建了一个包含延迟加载和全局过滤器功能的数据表。 我使用PrimeNG组件进行实现。 但是我发现启用延迟加载时全局过滤器不起作用,即[lazy] =“true”。
HTML代码:
<input #gc type="text" pInputText size="30" placeholder="Global Filter" class="element-space">
<p-dataTable [value]="infoList" [rows]="5" [globalFilter]="gc" [totalRecords]="records" (onLazyLoad)="loadInfo($event)"
scrollable="true" scrollHeight="200px" virtualScroll="virtualScroll" selectionMode="single" [(selection)]="selectedInfo"
(onRowSelect)="onInfoRowSelect($event)" dataKey="infoId" class="break-word" resizableColumns="true" [lazy]="true">
TS代码:
lazyLoadOutInfo(event: LazyLoadEvent) {
setTimeout(() => {
if (this.infoListData) {
this.infoList= this.infoListData.slice(event.first, (event.first + event.rows));
}
}, 25);
}
我需要让这两个功能都有效,有人在这里有线索吗?