ngdata表过滤器ui不可见

Question

我正在使用primeng数据表，这是很棒但在多选过滤器上有问题。我用chrome检查了数据，我有正确的选择框，但它不可见..

我的代码也在下面..

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

希望它会有所帮助！