<p-table [value]="customers" [scrollable]="true" scrollHeight="200px" [resizableColumns]="true" styleClass="p-datatable-gridlines" [virtualScroll]="true" >
<ng-template pTemplate="colgroup">
<colgroup>
<col>
<col>
<col>
<col>
</colgroup>
</ng-template>
<ng-template pTemplate="header">
<tr>
<th pResizableColumn>Name</th>
<th pResizableColumn>Country</th>
<th pResizableColumn>Company</th>
<th pResizableColumn>Representative</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-customer>
<tr>
<td>{{customer.name}}</td>
<td>{{customer.country.name}}</td>
<td>{{customer.company}}</td>
<td>{{customer.representative.name}}</td>
</tr>
</ng-template>
</p-table>
Virtual Scroll Ptable not support Column Resize
-
- Information
-
Who is online
Users browsing this forum: No registered users and 11 guests