Table.Component

0" [totalRecords]="totalRecords" [rows]="pagination.count" [first]="pagination.start" [rowsPerPageOptions]="rowsPerPageOptions" [sortField]="sort.field" [sortOrder]="sort.order" [dataKey]="dataKey()" resizableColumns="false" [(selection)]="selectedRows" lazy="true" (onLazyLoad)="onLoadLazy($event)" [currentPageReportTemplate]="getPaginationTemplate()" lazyLoadOnInit="false" selectionPageOnly="true" showCurrentPageReport="true" [expandedRowKeys]="expandedRows" (onRowExpand)="rowExpand.emit($event)" [ngClass]="{ loading: loading, 'sticky-table': actionCell }" (onRowReorder)="rowReorder.emit($event)" >

@if (isInSelectionMode()) { } @else { @if (totalTitle) { } @if (captionLeft) {

} } @if (captionRight) {

} @if (sortOrder === 1) { } @else if (sortOrder === -1) { } @else if (sortOrder === 0) { } {{ paginatorText() }} | @if (hasBulkActions()) { | } @if (reorderableRows()) { | } @if (expandedRow) {
{{ expandedIconTooltip() }} | } @for (column of columns; track column.id) { @if (isColumnDisplayed(column.id)) { @if (column.sortable) { {{ column.label }} @if (column.labelSmall) { {{ column.labelSmall }} } | } @else { {{ column.label }} @if (column.labelSmall) { {{ column.labelSmall }} } | } } } @if (columnConfig() || actionCell) {
@if (actionCell) { Actions } @if (columnConfig()) {

Column displayed: @for (column of columns; track column.id) {

}

} | } | --- | --- | --- | --- | --- | --- | | @if (reorderableRows()) { @if (inInTouchScreen()) { @let position = index + pagination.start; @if (index !== 0) { } @if (index !== totalRecords - 1) { } } @else { } | } @if (hasBulkActions()) { | } @if (expandedRow) { @if (hasExpandedRow()(item)) { } | } @if (columnConfig() || actionCell) {

| } @if (loaded && !loading) { | @if (noResults) { } @else { No results found. } | } @if (expandedRow) { | | }