'Pagination problem when having two smart tables in the same page

I'm using two smart Table in the same page, Well, somehow if one of the tables has more then 10 lines (2 pages), only the first ten lines will appear in the page "1" with the pagination bouton disabled. The other table works correctly because it has less then 10 lines(1 page).

For your information, in a page with only one smart-table and more then ten lines, the pagiantion works perfectly.

This is my two tables :

  <ng2-smart-table [settings]="settings" [source]="sourceAffectation" #MatDataTableP
          (deleteConfirm)="onDeleteConfirm($event,contentDeletePoste)" (editConfirm)="onSaveConfirm()"
          (change)="onDateChanged()" (custom)="onCustom($event,content2)">
          <mat-progress-bar style="margin-left: 20px;" *ngIf="isLoading" class="example-margin" color="primary"
            mode="indeterminate" value="value" bufferValue="bufferValue">
          </mat-progress-bar>
        </ng2-smart-table>
   <ng2-smart-table [settings]="settingsVehicule" [source]="sourceVehicule" #MatDataTable
          (deleteConfirm)="onDeleteConfirmVehicule($event,contentDeleteVeh)" (editConfirm)="onSaveConfirm()"
          (change)="onDateChanged()" (custom)="onCustomVehicule($event,contentUpdateVehiculeEmploye)">
          <mat-progress-bar style="margin-left: 20px;" *ngIf="VehiculeIsLoading" class="example-margin"
            color="primary" mode="indeterminate" value="value" bufferValue="bufferValue">
          </mat-progress-bar>
        </ng2-smart-table>

Thanks for your time,

Best Regards.



Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source