Прокручиваемая p-таблица PrimeNG scrollHeight p-выпадающий список последней строки, чтобы открыть вверх

Question

Используя следующую конфигурацию:

"@angular/cli": "^7.3.9", "primeng": "7.0.5",

У меня есть страница, которая использует PrimeNG's <p-table>, который равен scrollable и имеет scrollHeight, установленный на 100%. Эта таблица обернута в div, который имеет фиксированную высоту 300px.

Создан Stackblitz: https://stackblitz.com/edit/angular-ejdubg

Каждая строка имеет p-dropdown. В верхних строках, когда раскрывающийся список открывается, он открывается вниз, что является приемлемым, но когда открывается раскрывающийся список в последнем ряду, он также открывается вниз, но должен открываться вверх, что является поведением по умолчанию p-dropdown.

Любойпредложения, что здесь может быть не так.

Answer 1

Вам нужно добавить appendTo = "body" в выпадающем меню p

<th *ngFor="let col of columns" [ngSwitch]="col.field">
                <p-dropdown appendTo="body" [options]="brands"></p-dropdown>
            </th>