diff --git a/npm/ng-packs/packages/theme-shared/src/lib/directives/ngx-datatable-list.directive.ts b/npm/ng-packs/packages/theme-shared/src/lib/directives/ngx-datatable-list.directive.ts index c31acd9fe8..f6f163a4d4 100644 --- a/npm/ng-packs/packages/theme-shared/src/lib/directives/ngx-datatable-list.directive.ts +++ b/npm/ng-packs/packages/theme-shared/src/lib/directives/ngx-datatable-list.directive.ts @@ -64,11 +64,11 @@ export class NgxDatatableListDirective implements OnChanges, OnInit, DoCheck { protected subscribeToLoadingState() { const requestStatus$ = this.list.requestStatus$.pipe(distinctUntilChanged()); - const { emptyMessage } = this.ngxDatatableMessages || defaultNgxDatatableMessages; + const { emptyMessage, errorMessage } = this.ngxDatatableMessages || defaultNgxDatatableMessages; requestStatus$.subscribe(status => { this.table.loadingIndicator = false; - + if (status === 'idle') { return; } @@ -81,6 +81,12 @@ export class NgxDatatableListDirective implements OnChanges, OnInit, DoCheck { return; } + if (status === 'error') { + this.table.messages.emptyMessage = this.localizationService.instant(errorMessage); + this.viewContainerRef.clear(); + this.cdRef.markForCheck(); + } + if (status === 'success') { this.table.messages.emptyMessage = this.localizationService.instant(emptyMessage); this.viewContainerRef.clear();