PrimeNG datatable filter by column - 外部テキストボックス入力

Question

PrimeNgデータテーブル用の組み込み[filter]="true"。これにより、データをフィルタリングするために使用される入力テキストボックスが内部的に作成されます。 datatableの外側にあるtextboxをどのように配置して、特定の列に対してフィルタを実行させることができますか？

Answer 1

。私たちは自分でデータをファイリングし、素数データー[value]モデルを更新する必要があります。

Answer 2

ショーケースの例とまったく同じです。私はprimengは、現在この機能をサポートしていないことが判明全体primengの​​ドキュメントを検索した後

DataTable Filtering - Global Filter

Answer 3

以下は、primengの​​データテーブルをフィルタリングするための外部ドロップダウンのコードです。

html page 
    ---------------------------------------- 
    <!-- Top of the page --> 
    <div> 
    <p-dropdown [options]="orgs" [(ngModel)]="selectedOrg" (onChange)="updateOrgFilter(dt);getFilteredOutput($event,dt)" styleClass="ui-column-filter"></p-dropdown> 
    </div> 

    <!-- Pie Chart --> 

    <!-- Bar Chart --> 

    <!-- Datatable --> 

    <p-dataTable #dt [value]="itemslist" [rows]="30" [paginator]="true" [rowsPerPageOptions]="[30,50,75]" sortMode="multiple" scrollable="true" resizableColumns="true" scrollHeight="350px"> 
     <p-header> 
      <div class="ui-helper-clearfix"> 
       List of Items 
      </div> 
     </p-header> 

     <p-column [style]="{'width':'100px'}"field="wipJobNum" header ="Title" [sortable]="true" [filter]="true" ></p-column> 
     <p-column [style]="{'width':'150px'}"field="partNum" header ="Part Number" [sortable]="true" [filter]="true" ></p-column> 
     <p-column [style]="{'width':'90px'}" field="org" header ="Org" [sortable]="true" [filter]="true" filterMatchMode="equals"> 
      <ng-template pTemplate="filter" let-col> 
       <p-dropdown [options]="orgs" [(ngModel)]="selectedOrg" appendTo="body" [style]="{'width':'100%'}" (onChange)="dt.filter($event.value,col.field,col.filterMatchMode);getFilteredOutput(event,dt)" styleClass="ui-column-filter"></p-dropdown> 
      </ng-template> 
     </p-column> 
    </p-dataTable> 


    component.ts 
    ---------------------------------------------------------------- 

    updateOrgFilter(dt){ 
     dt.filter(this.selectedOrg, 'org', 'equals'); 
    } 

    ------------------------------------------------------ 

In this example if you change value of org drop down inside the datatable , then the external dropdown will change and my charts will be updated. 
if you change the external drop down value then primeng datatable filter will be updated and displays the filtered output + charts will be updated.