Problems binding 'paginatorDropdownAppendTo'

[javithalion]

Hello eveyone,

I'm facing a problem when trying to customize a bit the initial p-table layout. Basically I want to modify the place where the dropdown that allows the user to select the amount of displayed records is rendered.

This is my p-table definition:

<p-table #tt [value]="stations" [lazy]="true" (onLazyLoad)="loadStationsLazy($event)" [loading]="loadingStations"
[paginator]="true" [rows]="10" [rowsPerPageOptions]=[2,10,20,30,40,50] [totalRecords]="totalRecords"
sortField="name" [globalFilterFields]="['route.name','name','description']" [resizableColumns]="true"
[paginatorDropdownAppendTo]="pageSizeDropdown">

<ng-template pTemplate="caption" >
<div #pageSizeDropdown></div>
</ng-template>

[...]

I was redading the documentation and looks like the 'paginatorDropdownAppendTo' attribute should force the paginator dropdown to be rendered within the div that was marked with #pageSizeDropdown identifier. IS there something I'm missing?

PrimeNG: v7.1.2
Angular: v7

Thanks for your time.

Best regards