<p-table
[value]="comments" [paginator]="totalRecords > 0" [totalRecords]="totalRecords" [rows]="rowsPerPage" [rowsPerPageOptions]="rowsPerPageOptions"
[sortField]="sort.field" [sortOrder]="sort.order" dataKey="id"
- [lazy]="true" (onLazyLoad)="loadLazy($event)" [lazyLoadOnInit]="false"
+ [lazy]="true" (onLazyLoad)="loadLazy($event)" [lazyLoadOnInit]="false" [selectionPageOnly]="true"
[showCurrentPageReport]="true" i18n-currentPageReportTemplate
currentPageReportTemplate="Showing {{'{first}'}} to {{'{last}'}} of {{'{totalRecords}'}} comments"
- (onPage)="onPage($event)" [expandedRowKeys]="expandedRows"
- [(selection)]="selectedComments"
+ [expandedRowKeys]="expandedRows" [(selection)]="selectedComments"
>
<ng-template pTemplate="caption">
<div class="caption">
<ng-template pTemplate="header">
<tr>
- <th style="width: 40px">
+ <th style="width: 40px;">
<p-tableHeaderCheckbox ariaLabel="Select all rows" i18n-ariaLabel></p-tableHeaderCheckbox>
</th>
- <th style="width: 40px"></th>
+ <th style="width: 40px;"></th>
<th style="width: 150px;"></th>
- <th style="width: 300px" i18n>Account</th>
- <th style="width: 300px" i18n>Video</th>
+ <th style="width: 300px;" i18n>Account</th>
+ <th style="width: 300px;" i18n>Video</th>
<th i18n>Comment</th>
<th style="width: 150px;" i18n pSortableColumn="createdAt">Date <p-sortIcon field="createdAt"></p-sortIcon></th>
</tr>
<p-tableCheckbox [value]="videoComment" ariaLabel="Select this row" i18n-ariaLabel></p-tableCheckbox>
</td>
- <td class="expand-cell c-hand" [pRowToggler]="videoComment" i18n-ngbTooltip ngbTooltip="More information" placement="top-left" container="body">
- <span class="expander">
- <i [ngClass]="expanded ? 'glyphicon glyphicon-menu-down' : 'glyphicon glyphicon-menu-right'"></i>
- </span>
+ <td class="expand-cell" [pRowToggler]="videoComment">
+ <my-table-expander-icon i18n-ngbTooltip ngbTooltip="See full comment" [expanded]="expanded"></my-table-expander-icon>
</td>
<td class="action-cell">