角2 - primeng有一個單獨的行過濾器，而不是內部的標題

Question

當前當我添加一個過濾器它添加輸入字段或下拉內頭，而是我想有一個單獨的行下面描述的過濾器，有模板我可以修改來實現這個？

---

header | header | header 
------------------------------ 
[filter] | [filter] | [filter] 
------------------------------ 
row 1  | row 1 | row 1 
row 2  | row 2 | row 2 
row 3  | row 3 | row 3 

---

<p-dataTable [value]="perfData" > 
      <p-column field="field1" [sortable]="true" [filter]="true" header="header1"></p-column> 
      <p-column field="field2" [sortable]="true" [filter]="true" header="header2"></p-column> 
      <p-column field="field3" [sortable]="true" [filter]="true" header="header3"></p-column> 
</p-dataTable> 

Answer 1

您可以使用ng-template爲以下自定義過濾元件，

<ng-template pTemplate="filter" let-col> 
    <br/> 
    <input type="text" [(ngModel)]="textval" (keydown)="dt.filter(textval,col.field,col.filterMatchMode)" /> 
    </ng-template> 

LIVE DEMO