Выпадающий компонент PrimeNG отстает от других компонентов, а не от других компонентов - PullRequest
Новая
       11

Выпадающий компонент PrimeNG отстает от других компонентов, а не от других компонентов

0 голосов
/ 14 ноября 2018

Добрый день

Я недавно перешел из PrimeFaces в PrimeNG.

Однако я сталкиваюсь с ошибкой, из-за которой мой раскрывающийся список опускается за компонент под ним, а не над / поверх него..

Вот скриншот:

enter image description here

Это мой код: 

<div class="box">
    <form [formGroup]="projectForm" (submit)="submit()">
        <h3>Create New Project</h3>
        <br/>
        <div class="table-responsive">
            <table class="table table-bordered table-sm w-auto">
                <tbody>
                <tr>
                    <td>
                        <b>Project Leader: </b>
                    </td>
                    <td>
                        <p-dropdown [options]="employees" [(ngModel)]="project.leader" [filter]="true"
                                    optionLabel="fullNames" placeholder="Select an Employee" [appendTo]="body"
                                    formControlName="leader" [style]="{width: 'auto'}">
                            <ng-template let-itemData pTemplate="selectedItem">{{itemData.value.preferredName}}
                                {{itemData.value.lastName}}
                            </ng-template>
                            <ng-template let-itemData pTemplate="item">{{itemData.value.preferredName}}
                                {{itemData.value.lastName}}
                            </ng-template>
                        </p-dropdown>
                    </td>
                </tr>
                <tr>
                    <td>
                        <b>Project Name: </b>
                    </td>
                    <td>
                        <input pInputText [(ngModel)]="project.name" formControlName="name" style="width: 100%"
                               size="100">
                    </td>
                </tr>
                <tr>
                    <td>
                        <b>Rate Table: </b>
                    </td>
                    <td>
                        <p-dropdown [options]="projectRateTables" [(ngModel)]="selectProjectRate" [filter]="true"
                                    [style]="{width: 'auto'}" [appendTo]="body"
                                    optionLabel="name" placeholder="Select a Rate Table"
                                    formControlName="projectRateTable">
                        </p-dropdown>
                    </td>
                </tr>
                </tbody>
            </table>
        </div>
        <button pButton type="submit" label="Submit" icon="fa fa-save"
                style="float: right">
        </button>
    </form>
</div>

Как я могуисправить это так, чтобы этого не случилось?Затем отдельный, несколько связанный с этим вопрос, что является PrimeNG-эквивалентом компонента PanelGrid PrimeFaces.Причина, по которой я использую таблицы Bootstrap для создания форм, заключается в том, что я не нашел эквивалент PanelGrid для PrimeNG.

Заранее спасибо.

...