primeNG过滤不过滤数据
primeNG filtering not filtering the data
我尝试过滤 primeNG table 中的列,但它不起作用。当我输入一些文本时,所有数据从 table.
中消失
<p-table #table [value]="datas">
<ng-template pTemplate="header">
<tr>
<th>
ID
</th>
<th [pSortableColumn]="name">
<span>Name
<p-sortIcon [field]="name"></p-sortIcon>
</span>
<input class="column-filter-input" (click)="$event.stopPropagation()" pInputText type="text" (input)="table.filter($event.target.value, name, 'contains')" [value]="table.filters['name']?.value" />
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-data>
<tr>
<td>{{data.id}}</td>
<td>{{data.name}}</td>
</tr>
</ng-template>
</p-table>
字段名应该是字符串,所以它应该是 table.filter($event.target.value, 'name', 'contains')
而不是像
这样的 table.filter($event.target.value, name, 'contains')
<input class="column-filter-input" (click)="$event.stopPropagation()" pInputText type="text" (input)="table.filter($event.target.value, 'name', 'contains')" [value]="table.filters['name']?.value" />
我尝试过滤 primeNG table 中的列,但它不起作用。当我输入一些文本时,所有数据从 table.
中消失<p-table #table [value]="datas">
<ng-template pTemplate="header">
<tr>
<th>
ID
</th>
<th [pSortableColumn]="name">
<span>Name
<p-sortIcon [field]="name"></p-sortIcon>
</span>
<input class="column-filter-input" (click)="$event.stopPropagation()" pInputText type="text" (input)="table.filter($event.target.value, name, 'contains')" [value]="table.filters['name']?.value" />
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-data>
<tr>
<td>{{data.id}}</td>
<td>{{data.name}}</td>
</tr>
</ng-template>
</p-table>
字段名应该是字符串,所以它应该是 table.filter($event.target.value, 'name', 'contains')
而不是像
table.filter($event.target.value, name, 'contains')
<input class="column-filter-input" (click)="$event.stopPropagation()" pInputText type="text" (input)="table.filter($event.target.value, 'name', 'contains')" [value]="table.filters['name']?.value" />