PrimeNG p-table scrollable scrollHeight 最后一行 p-dropdown 向上打开
PrimeNG p-table scrollable scrollHeight last row p-dropdown to open upwards
使用以下配置:
"@angular/cli": "^7.3.9",
"primeng": "7.0.5",
我有一个使用 PrimeNG 的 <p-table>
的页面,它是 scrollable
并且 scrollHeight
设置为 100%。这个 table 包裹在一个固定高度为 300px
.
的 div
中
已创建 Stackblitz:https://stackblitz.com/edit/angular-ejdubg
每一行都有一个 p-dropdown
。在顶部的行中,当打开下拉菜单时,它向下打开,这是 acceptable,但是当打开最后一行的下拉菜单时,它也向下打开,但应该向上打开,这是 p-dropdown
的默认行为。
任何建议这里可能是错误的。
您需要在 p-dropdown
上添加 appendTo="body"
<th *ngFor="let col of columns" [ngSwitch]="col.field">
<p-dropdown appendTo="body" [options]="brands"></p-dropdown>
</th>
使用以下配置:
"@angular/cli": "^7.3.9",
"primeng": "7.0.5",
我有一个使用 PrimeNG 的 <p-table>
的页面,它是 scrollable
并且 scrollHeight
设置为 100%。这个 table 包裹在一个固定高度为 300px
.
div
中
已创建 Stackblitz:https://stackblitz.com/edit/angular-ejdubg
每一行都有一个 p-dropdown
。在顶部的行中,当打开下拉菜单时,它向下打开,这是 acceptable,但是当打开最后一行的下拉菜单时,它也向下打开,但应该向上打开,这是 p-dropdown
的默认行为。
任何建议这里可能是错误的。
您需要在 p-dropdown
上添加 appendTo="body"<th *ngFor="let col of columns" [ngSwitch]="col.field">
<p-dropdown appendTo="body" [options]="brands"></p-dropdown>
</th>