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

问题描述

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

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>

来自此处

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