ngdata table 过滤器 ui 不可见

Question

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

我的代码也在下面..

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

希望对您有所帮助！

ngdata table 过滤器 ui 不可见

ngdata table filter ui is not visible

primeng