Browse Source

Add TableHeight Input to extensible-table

pull/23670/head
Leandro Candeias 5 months ago
parent
commit
f1342bb50b
  1. 2
      npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.html
  2. 7
      npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.ts

2
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"
>

7
npm/ng-packs/packages/components/extensible/src/lib/components/extensible-table/extensible-table.component.ts

@ -121,6 +121,7 @@ export class ExtensibleTableComponent<R = any> implements OnChanges, AfterViewIn
@Input() infiniteScroll = false;
@Input() isLoading = false;
@Output() loadMore = new EventEmitter<void>();
@Input() tableHeight: number;
hasAtLeastOnePermittedAction: boolean;
@ -262,6 +263,12 @@ export class ExtensibleTableComponent<R = any> 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(() => {

Loading…
Cancel
Save