javascript - PrimeNG p-table 可滚动的scrollHeight 最后一行 p-dropdown 向上打开

标签 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 的默认行为。 .

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

最佳答案

您需要在p-dropdown上添加appendTo="body"

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

关于javascript - PrimeNG p-table 可滚动的scrollHeight 最后一行 p-dropdown 向上打开,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58487441/

相关文章:

Javascript |集合中的唯一对象

javascript - 尝试结合 href 属性和 location.search

javascript - Angular 4 Routes在 Angular 启动器中加号和尖锐符号的含义?

angular - Typescript 中的 IIFE 函数

Javascript:无法找到对象中嵌套数组的最大值

javascript - React-Native - Object.assign 子项更改

javascript - 为什么在使用@angular/redux-store 中的@select 时,Angular 守卫的行为会有所不同

Angular Primeng : ERROR ReferenceError: Chart is not defined at UIChart. initChart (chart.js:53)

css - PrimeNG DataTable - 当包装在 TabView 中时,contextMenu 偏离中心

html - 如何设置 p-dialog 的 p-header 样式,即整个标题部分?