Correcting list navigation

front/app/src/common/crud/list/list.component.html

@@ -21,7 +21,6 @@
 					(filterChange)="onFilterChange($event)"
 			></crud-list-filter-list>
 		</div>
-		<span class="col col-form-label" i18n *ngIf="loading$ | async">Loading...</span>
 	</div>
 	<div class="table-responsive-md">
 		<table class="table table-striped table-hover">
@@ -31,6 +30,9 @@
 				</tr>
 			</thead>
 			<tbody>
+				<tr *ngIf="loading$ | async">
+					<td class="text-center" [attr.colspan]="this.displayedColumns.length" i18n>Loading...</td>
+				</tr>
 				<tr *ngFor="let row of listData$ | async" (click)="onRowClick(row._id)" (auxclick)="onRowMiddleClick(row._id);" class="table-row-link">
 					<td class="text-truncate" *ngFor="let col of this.displayedColumns"  style="max-width: 150px;">
 						<ngb-highlight [result]="getColumnValue(row, col.path)" [term]="searchTerm"></ngb-highlight>
@@ -40,7 +42,7 @@
 		</table>
 	</div>
 
-	<div class="d-flex justify-content-between p-2">
+	<div class="d-flex justify-content-between p-2" *ngIf="! (loading$ | async)" >
 		<ngb-pagination [collectionSize]="(total$ | async)!" [(page)]="page" [pageSize]="pageSize">
 		</ngb-pagination>
 

front/app/src/common/crud/list/list.component.ts

@@ -68,7 +68,6 @@ export class ListComponent implements OnInit {
             if (parsedParams.hasOwnProperty('searchFilters')) {
                 parsedParams['searchFilters'] = JSON.parse(parsedParams['searchFilters']);
             }
-            this._total$.next(this.page * this.pageSize);
             this._set(parsedParams)
         });
     }