ngdata Tabelle Filter UI ist nicht sichtbar

Question

Ich benutze Primeng Datatable, die genial ist, hatte aber ein Problem auf Multiselect-Filter. Ich überprüfte Daten mit Chrom inspizieren und ich habe richtig Feld auswählen, aber es ist nicht sichtbar ..

Mein Code unten auch ist ..

<p-column field="companyId" header="companyId" [filter]="true" filterMatchMode="in"> 
    <ng-template let-person="rowData" pTemplate="body"> 
     {{getOrganizationNameFromId(person.companyId)}} 
    </ng-template> 
    <ng-template pTemplate="filter"> 
     <p-multiSelect [options]="orgSelectItems" 
         defaultLabel="All Users" 
         styleClass="ui-column-filter" 
         (onChange)="filter($event.value,col.field,col.filterMatchMode)" 
     ></p-multiSelect> 
    </ng-template> 
</p-column> 

Answer 1

hinzufügen appendTo="body" zu Ihrer Mehrfachauswahl!

<p-column field="companyId" header="companyId" [filter]="true" filterMatchMode="in"> 
     <ng-template let-person="rowData" pTemplate="body"> 
      {{getOrganizationNameFromId(person.companyId)}} 
     </ng-template> 
     <ng-template pTemplate="filter"> 
      <p-multiSelect [options]="orgSelectItems" 
          appendTo="body" 
          defaultLabel="All Users" 
          styleClass="ui-column-filter" 
          (onChange)="filter($event.value,col.field,col.filterMatchMode)" 
      ></p-multiSelect> 
     </ng-template> 
    </p-column> 

Ich hoffe, es hilft!