primeNG Datatable - treffen wie Filter

Question

ORIGINAL (Mai 20)

I PrimeNG beta6 mit Angular2 RC verwenden.

Ich meine Probe von p-dataTable, ich habe Spaltenfilter mit [Filter] = "True" aktiviert, aber dies nur normale Textfilteroption geben.

<p-dataTable [value]="products" [rows]="2" [paginator]="true" [pageLinks]="3" > 
    <header>List of products</header> 
    <p-column field="productName" header="productName" [sortable]="true"></p-column> 
    <p-column field="productCode" header="productCode" [filter]="true"></p-column> 
    <p-column field="releaseDate" header="releaseDate" [filter]="true"></p-column> 
    <p-column field="description" header="description"></p-column> 
</p-dataTable> 

Wie kann ich Excel wie Filter auf diese anwenden?

---

EDIT (Juli 10):

Ich habe meine Bewerbung PrimeNG beta 9 mit kantiger 2 RC4 Version

p-Datatable Filter unten-

sieht aus wie aktualisiert

Allerdings sind Excel-Filter wie folgt aussehen:

Jeder hat eine Idee Wie kann ich einen Excel-Filter auf der primeNG-Datentabelle anwenden?

Answer 1

Wahrscheinlich mit einem MultiSelect Filter!

<p-dataTable [value]="products" [rows]="2" [paginator]="true" [pageLinks]="3" > 
    <header>List of products</header> 
    <p-column field="productName" header="productName" [sortable]="true"></p-column> 
    <p-column field="productCode" header="productCode" [filter]="true"> 
<ng-template pTemplate="filter"> 
      <p-multiSelect [options]="SelectedItemObject" 
          appendTo="body" 
          defaultLabel="SelectProduct" 
          styleClass="ui-column-filter" 
      ></p-multiSelect> 
     </ng-template> 
</p-column> 
    <p-column field="releaseDate" header="releaseDate" [filter]="true"></p-column> 
    <p-column field="description" header="description"></p-column> 
</p-dataTable> 

beziehen Sie sich auf primeNg für multiSelect info!