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> 

希望它能帮助！