Фильтрация PrimeNG не фильтрует данные - PullRequest
Новая
       7

Фильтрация PrimeNG не фильтрует данные

0 голосов
/ 30 октября 2019

Я пытаюсь отфильтровать столбцы в таблице primeNG, но это не работает. Когда я ввожу какой-то текст, все данные исчезают из таблицы. 

<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>

1 Ответ

1 голос
/ 30 октября 2019

Имя поля должно быть строковым, поэтому оно должно быть 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" />
...