Browse Source

Add TableHeight Input to extensible-table

pull/23670/head
Leandro Candeias 1 year 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" [selected]="selected"
(scroll)="onScroll($event)" (scroll)="onScroll($event)"
[scrollbarV]="infiniteScroll" [scrollbarV]="infiniteScroll"
[style.height]="infiniteScroll ? '300px' : 'auto'" [style.height]="getTableHeight()"
[loadingIndicator]="infiniteScroll && isLoading" [loadingIndicator]="infiniteScroll && isLoading"
[footerHeight]="infiniteScroll ? false : 50" [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() infiniteScroll = false;
@Input() isLoading = false; @Input() isLoading = false;
@Output() loadMore = new EventEmitter<void>(); @Output() loadMore = new EventEmitter<void>();
@Input() tableHeight: number;
hasAtLeastOnePermittedAction: boolean; 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 { ngAfterViewInit(): void {
if (!this.infiniteScroll) { if (!this.infiniteScroll) {
this.list?.requestStatus$?.pipe(filter(status => status === 'loading')).subscribe(() => { this.list?.requestStatus$?.pipe(filter(status => status === 'loading')).subscribe(() => {

Loading…
Cancel
Save