Question

我想仅在employeeid和name列上的p数据表上使用PrimeNG的GlobalFilter ...我在此表中也有其他5个列，但我不想为它们使用globalfilter，而且要求仅是globalfilter ，否则我可以完成列过滤。我该怎么办？

我搜索了它，可以在p-table中使用，但是我想使用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

您可以使用use p-table，但现在它们不再具有数据表了。 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>

如何仅对选定列进行GlobalFilter？

1 个答案: