Problems binding 'paginatorDropdownAppendTo'

UI Components for Angular
Post Reply
Posts: 1
Joined: 07 Oct 2019, 16:47

07 Oct 2019, 16:58

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]="['','name','description']" [resizableColumns]="true"

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


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

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 3 guests