Component: Using P-table with pagination in dialog

[Balakoteswararo]

Describe the bug

I am using a table with pagination inside a p-dialog. When I click on the p-paginator-rpp-options, it is displayed inside the popup, but I need it to display above the popup. Is there any code to fix this issue?. i am using the same component in so many paces.

this image was with more data.

Below is the code in my application:
<p-dialog [(visible)]="showPopup" *ngIf="showPopup" [style]="{width: '70%'}" header=" Data" [modal]="true">

<app-vectorgrid appendTo="body" *ngIf="PopupColumns" [gridConfig]="gridConfig" [dataSource]="PopupData"
[defaultColumns]="PopupdefaultColumns" [cols]="PopupColumns" [EnableSearch]="true"
[globalFilterFields]="popupglobalFilterFields" (OnRowSelect)="OnRowSelect($event)">

Environment

production

Reproducer

No response

Angular version

14

PrimeNG version

11

Build / Runtime

Angular CLI App

Language

TypeScript

Node version (for AoT issues node --version)

20

Browser(s)

All Browsers

Steps to reproduce the behavior

No response

Expected behavior

No response

[Balakoteswararo]

any one can explain the issue & what was the solution for this issue?

[Balakoteswararo]

Issue was fixed.

[himinat]

Issue was fixed.

that answer is just like a meme...
mind to share your fix?