common-ui/src/lib/listing/table/table.component.html
2024-03-01 17:07:58 +02:00

43 lines
1.3 KiB
HTML

<iqser-table-header
[bulkActions]="bulkActions"
[hasEmptyColumn]="!!emptyColumnWidth"
[listingMode]="listingModes.table"
[selectionEnabled]="selectionEnabled"
[tableColumnConfigs]="tableColumnConfigs"
[tableHeaderLabel]="tableHeaderLabel"
[helpModeKey]="headerHelpModeKey"
[totalSize]="totalSize"
>
<ng-container *ngTemplateOutlet="headerTemplate"></ng-container>
</iqser-table-header>
<iqser-empty-state
(action)="noDataAction.emit()"
*ngIf="entitiesService.noData$ | async"
[buttonIcon]="noDataButtonIcon"
[buttonLabel]="noDataButtonLabel"
[icon]="noDataIcon"
[showButton]="showNoDataButton"
[text]="noDataText"
></iqser-empty-state>
<iqser-empty-state *ngIf="listingComponent.noMatch$ | async" [text]="noMatchText"></iqser-empty-state>
<iqser-table-content
#tableContent
[itemMouseEnterFn]="itemMouseEnterFn"
[itemMouseLeaveFn]="itemMouseLeaveFn"
[itemSize]="itemSize"
[selectionEnabled]="selectionEnabled"
[tableItemClasses]="tableItemClasses"
[rowIdPrefix]="rowIdPrefix"
[namePropertyKey]="namePropertyKey"
></iqser-table-content>
<iqser-scroll-button
*ngIf="hasScrollButton && tableContent?.scrollViewport"
[itemSize]="itemSize"
[scrollViewport]="tableContent.scrollViewport"
[helpModeKey]="helpModeKey"
></iqser-scroll-button>