p-table with scrollable and paginator cosmetic issue

UI Components for Angular
Post Reply
reven
Posts: 1
Joined: 18 Aug 2018, 02:07

18 Aug 2018, 02:15

Im using a p-table like so

Code: Select all

<p-table #dt [value]="items" [paginator]="true" [rows]="20" [globalFilterFields]="['description','name']" [scrollable]="true" scrollHeight="500px" >
    <ng-template pTemplate="header">
        <tr>
          <th [pSortableColumn]="'name'">Name <p-sortIcon [field]="'name'"></p-sortIcon></th>
          <th [pSortableColumn]="'retention'">Retention <p-sortIcon [field]="'retention'"></p-sortIcon></th>
          <th class="hidden-md-down" [pSortableColumn]="'description'">Description <p-sortIcon [field]="'description'"></p-sortIcon></th>
        </tr>
    </ng-template>
    <ng-template pTemplate="body" let-item>
        <tr>
          <td><a routerLink="{{item.folderId}}">{{item.name}}</a></td>
          <td>{{item.retention}}</td>
          <td class="hidden-md-down">{{item.description}}</td>
        </tr>
    </ng-template>
</p-table>
but the pagination at the bottom is the same width as the scroll bar and looks a little funny, it should be the same width as the table header. anyway to fix this?
Image

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 9 guests