Javascript 启动p-表格可滚动滚动高度最后一行p-下拉列表向上打开

Javascript 启动p-表格可滚动滚动高度最后一行p-下拉列表向上打开,javascript,angular,primeng,primeng-turbotable,primeng-dropdowns,Javascript,Angular,Primeng,Primeng Turbotable,Primeng Dropdowns,使用以下配置: “@angular/cli”:“^7.3.9”, “打底”:“7.0.5”, 我有一个页面使用PrimeNG的,它是可滚动的,并且滚动高度设置为100%。此表被包装在一个固定高度为300px的div中 创建闪电战: 每行都有一个p下拉列表。在顶部行中,当下拉菜单打开时,它向下打开,这是可以接受的,但当最后一行的下拉菜单打开时,它也向下打开,但应该向上打开,这是p-dropdown的默认行为 任何建议这里可能有什么问题。您需要在p下拉列表中添加appendTo=“body” <

使用以下配置:

“@angular/cli”:“^7.3.9”,
“打底”:“7.0.5”,

我有一个页面使用PrimeNG的
,它是
可滚动的
,并且
滚动高度设置为100%。此表被包装在一个固定高度为
300px
div

创建闪电战:

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

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

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

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


根据您的回答更新了stackblitz,但它仍然向下打开并位于表格下方。它应该向上打开。请检查。@kunaldeshe我看不到您更新了项目。看到分叉项目了吗?这就是你需要的吗
appendTo=“body”
有助于向下和在表外打开下拉列表。如果下面没有空间,我需要它向上打开。桌子的最后一排。对于
p-dropdown
,它是开箱即用的,并且没有
appendTo
。我的问题是有人将
top
属性设置为某个
px
!重要信息
。。这是错误的。相反,它应该允许下拉菜单自己计算
top
。所以它现在固定了。非常感谢。