可滚动涡轮表中的 PrimeNG 过滤器下拉问题 [英] PrimeNG filter dropdown issue in scrollable turbo table

问题描述

在 prime-ng turbo table 中，当我们将过滤器下拉列表放入表格内部的可滚动表格下拉列表中时

In prime-ng turbo table , when we put filter dropdown in scrollable table dropdown going inside the table

没有scrollbale表格下拉效果完美.这个很完美

Without scrollbale table dropdown works perfect. This works perfect

但是当可滚动表格时，下拉列表会进入表格内不完美.所以我想在表外而不是在表内进行下拉.

but when scrollable table , dropdown is going inside the table Not works perfect. so I want to do dropdown outside the table not inside the table.

这是一个链接https://primeng-table-bry1sl.stackblitz.io/ 查看代码.请以 1024 分辨率查看，以便您可以看到表格中的滚动条并选择其中一个品牌来过滤数据.

This is a link https://primeng-table-bry1sl.stackblitz.io/ to see the code. Please see in 1024 resolution so you can see the scroll in the table and select one of the brand to filter the data.

谁能帮帮我.

推荐答案

尝试使用 Primeng 下拉菜单中可用的 appendTo="body" 属性，这可能对您的情况有所帮助.

Try to use appendTo="body" attribute available on dropdown of Primeng, which might be helpful in your case.

完整示例在此 -

<p-dropdown appendTo='body' [options]="value" [style]="{'width':'100%'}" placeholder="Select"></p-dropdown>

参考来自此处

这篇关于可滚动涡轮表中的 PrimeNG 过滤器下拉问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！