So this i my data:
Code: Select all
public cols = [
{ field: 'Avatar', header: 'Avatar', reorder: false, resize: false, sort: false },
{ field: 'FirstName', header: 'Firstname', reorder: true, resize: true, sort: true },
{ field: 'LastName', header: 'Lastname', reorder: true, resize: true, sort: true },
{ field: 'Department', header: 'Department', reorder: true, resize: true, sort: true },
{ field: 'Function', header: 'Function', reorder: true, resize: true, sort: true },
{ field: 'UserRole', header: 'Role', reorder: true, resize: true, sort: true },
{ field: 'AccessLevel', header: 'Access Level', reorder: true, resize: true, sort: true }
];
So the code below is not working because it returns the attribute all lowercase.
Code: Select all
<p-table [value]="searchResult" [reorderableColumns]="true" #dt>
<th *ngFor="let col of cols" [attr.pReorderableColumn]="col.reorder?'':null">
{{col.header}}
</th>
</p-table>
Code: Select all
<p-table [value]="searchResult" [reorderableColumns]="true" #dt>
<th *ngFor="let col of cols" [pReorderableColumn]="col.reorder">
{{col.header}}
</th>
</p-table>