PrimeNG p-table可滚动scrollHeight最后一行p-下拉菜单可向上打开

时间:2019-10-21 13:32:25

标签: javascript angular primeng primeng-turbotable primeng-dropdowns

使用以下配置:

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

我有一个页面使用PrimeNG的<p-table>scrollable并将scrollHeight设置为100%。该表包装在div中,其高度固定为300px

创建的Stackblitz:https://stackblitz.com/edit/angular-ejdubg

每行都有一个p-dropdown。在下拉菜单打开的最上面几行中,它可以向下打开,但是在最后一行打开的下拉列表中,它也可以向下打开,但是应该向上打开,这是p-dropdown的默认行为。

任何建议,这里可能出什么问题。

1 个答案:

答案 0 :(得分:1)

您需要在p下拉列表上添加appendTo =“ body”

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