I've tried [autoLayout]="true" as well as autoLayout="true". Neither works.
I'm using primeng 5.2.4
Here is my html:
Code: Select all
<p-card>
<p-header>
<div style="padding: 15px; padding-bottom: 0px">
<button pButton
type="button"
label="Add New"
class="ui-button-info"
icon="fa-plus"
[routerLink]="['/users/edit', 0]"></button>
</div>
</p-header>
<p-table [columns]="cols"
[value]="users"
[autoLayout]="true"
[(selection)]="selectedUser"
selectionMode="single"
[style]="{'height':'600px'}"
[scrollable]="true"
scrollHeight="580px"
[rows]="20"
(onRowSelect)="handleOnUsersRowSelect($event)">
<ng-template pTemplate="header" let-columns>
<tr>
<th *ngFor="let col of columns">
{{col.header}}
</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowData let-columns="columns">
<tr [pSelectableRow]="rowData">
<td *ngFor="let col of columns" style="text-align: center">
{{col.field == 'isActive' ? (rowData[col.field] ? 'Yes' : 'No'): rowData[col.field] }}
</td>
</tr>
</ng-template>
</p-table>
</p-card>