ngdata表過濾器用戶界面不可見

Question

我正在使用primeng datatable這是真棒，但多選過濾器有問題。我查了鉻檢查數據，我有權選擇框，但它是不可見..

我的代碼是下面也..

<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

添加appendTo="body"你多選！

<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> 

希望它能幫助！