Since PrimeNG 15 (and also in 16), there is an issue on the treetable.
You can look at your basic paginator just there:
https://primeng.org/treetable#paginatorbasic
You can see that the next and last-page buttons are present when you hover/click them, but the arrow icons are not visible.
Here is a minimal code to reproduce:
Code: Select all
<p-treeTable [value]="files" [paginator]="true" [rows]="5">
<ng-template pTemplate="header">
<tr>
<th>Name</th>
<th>Size</th>
<th>Type</th>
</tr>
</ng-template>
<ng-template pTemplate="body" let-rowNode let-rowData="rowData">
<tr [ttRow]="rowNode">
<td>
<p-treeTableToggler [rowNode]="rowNode"></p-treeTableToggler>
{{ rowData.name }}
</td>
<td>{{ rowData.size }}</td>
<td>{{ rowData.type }}</td>
</tr>
</ng-template>
</p-treeTable>
Code: Select all
ngOnInit() {
this.files = [
{
data: {
name: 'Applications',
size: '200mb',
type: 'Folder'
}
},
{
data: {
name: 'Applications',
size: '200mb',
type: 'Folder'
}
},
{
data: {
name: 'Applications',
size: '200mb',
type: 'Folder'
}
},
{
data: {
name: 'Applications',
size: '200mb',
type: 'Folder'
}
},
{
data: {
name: 'Applications',
size: '200mb',
type: 'Folder'
}
},
{
data: {
name: 'Applications',
size: '200mb',
type: 'Folder'
}
},
{
data: {
name: 'Applications',
size: '200mb',
type: 'Folder'
}
}
];
}
Thank you