diff --git a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.html b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.html index e614dbc74c..4628c54197 100644 --- a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.html +++ b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.html @@ -9,7 +9,7 @@ [selected]="selected" (scroll)="onScroll($event)" [scrollbarV]="infiniteScroll" - [style.height]="infiniteScroll ? '300px' : 'auto'" + [style.height]="getTableHeight()" [loadingIndicator]="infiniteScroll && isLoading" [footerHeight]="infiniteScroll ? false : 50" > diff --git a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.ts b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.ts index 285a63872d..88b34706ca 100644 --- a/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.ts +++ b/npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.ts @@ -121,6 +121,7 @@ export class ExtensibleTableComponent implements OnChanges, AfterViewIn @Input() infiniteScroll = false; @Input() isLoading = false; @Output() loadMore = new EventEmitter(); + @Input() tableHeight: number; hasAtLeastOnePermittedAction: boolean; @@ -262,6 +263,12 @@ export class ExtensibleTableComponent implements OnChanges, AfterViewIn } } + getTableHeight() { + if (!this.infiniteScroll) return 'auto'; + + return this.tableHeight ? `${this.tableHeight}px` : 'auto'; + } + ngAfterViewInit(): void { if (!this.infiniteScroll) { this.list?.requestStatus$?.pipe(filter(status => status === 'loading')).subscribe(() => {