PrimeNG filter dropdown issue in scrollable turbo table

问题

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

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.

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.

Can anyone help me.

回答1:

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

Complete example here -

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

Reference from here

回答2:

The problem is here:

.ui-table-resizable .ui-table-thead>tr>th, .ui-table-resizable .ui-table-tfoot>tr>td, .ui-table-resizable .ui-table-data>tr>td {
    /* overflow: hidden; */
}

Try to comment the overflow attribute or set to visible ... it works!

来源：https://stackoverflow.com/questions/51941710/primeng-filter-dropdown-issue-in-scrollable-turbo-table