Как GlobalFilter только для выбранных столбцов?

Question

Я хочу использовать GlobalFilter из PrimeNG для моего p-datatable только для столбцов сотрудников и имен ... У меня есть еще 5 столбцов в этой таблице, но я не хочу использовать для них globalfilter, а также требуется только globalfilterиначе я мог бы сделать фильтр столбцов.Как я могу это сделать?

Я искал об этом, это возможно в p-таблице, но я хочу сделать это с p-datatable.

Вот мой код:

<div class="md-input-wrapper">
 <input #gb type="text" pInputText size="50" class="md-form-control md-valid"
 placeholder="Global Filter" />
 </div>

<p-dataTable [globalFilter]="gb" [value]="employees" class="table table-hover"
 [paginator]="true" [rows]="10" [pageLinks]="3">
 <p-column field="employeeid" header="Emp ID" [sortable]="true"></p-column>
 <p-column field="name" header="Name" [sortable]="true" ></p-column>

Answer 1

Вы можете использовать p-таблицу. У меня больше нет данных. Стол PrimeNg имеет множество опций и очень хорошую документацию. Надеюсь, это поможет. Я не пробовал этот код, хотя. Вы также можете изменить режим матча на любой из следующих:

"startsWith", "contains", "endsWith", "equals", "notEquals", "in", "lt", "lte", "gt" and "gte"

<div class="md-input-wrapper">
 <input type="text" pInputText size="50" class="md-form-control md-valid"
 placeholder="Global Filter" (input)="dt.filterGlobal($event.target.value, 'contains')" />
 </div>

<p-table #dt [columns]="cols" [value]="employees" [globalFilterFields]="['name','emplyoeeId']" class="table table-hover"
 [paginator]="true" [rows]="10" [pageLinks]="3"></p-table>