p-datatable wrong z-index for Paginator when using resizableColumns="true"

UI Components for Angular
Post Reply
JoshuaTree
Posts: 11
Joined: 20 Sep 2016, 10:16

13 Aug 2019, 09:19

When using resizableColumns="true" in a p-dataTable the dropdown box for Row Per Page disappears under the horizontal scrollbar which is under the p-dataTable.

PrimeNG version 5.0.2.

I see this is fixed in PrimeNG 8+

When using on page tablecolresizedemo.html from demo website:

Code: Select all


<div class="content-section implementation">
    <h3 class="first">Fit Mode</h3>
    <p-table [columns]="cols" [value]="cars1"
             [resizableColumns]="true"
             [rows]="5"
             [paginator]="true"
             [rowsPerPageOptions]="[5,10,20]">
        <ng-template pTemplate="header" let-columns>
            <tr>
                <th *ngFor="let col of columns" pResizableColumn>
                    {{col.header}}
                </th>
            </tr>
        </ng-template>
        <ng-template pTemplate="body" let-rowData let-columns="columns">
            <tr>
                <td *ngFor="let col of columns" class="ui-resizable-column">
                    {{rowData[col.field]}}
                </td>
            </tr>
        </ng-template>
    </p-table>

Post Reply

Return to “PrimeNG”

  • Information
  • Who is online

    Users browsing this forum: No registered users and 2 guests