как прокрутить наверх в таблице материалов по изменению страницы

Question

Я застрял в проблеме, когда в таблице материалов я нажимаю кнопку «Далее», прокрутка остается внизу, тогда как она должна прокручиваться вверх.

    <mat-table class="table-container" fxFlex="100" [dataSource]="allUsersDataSource">

    <ng-container matColumnDef="firstName">
      <mat-header-cell fxFlex="25" *matHeaderCellDef> First Name </mat-header-cell>
      <mat-cell fxFlex="25" *matCellDef="let element"> {{element.first_name}} </mat-cell>
    </ng-container>

    <ng-container matColumnDef="lastName">
      <mat-header-cell fxFlex="25" *matHeaderCellDef> Last Name </mat-header-cell>
      <mat-cell fxFlex="25" *matCellDef="let element"> {{element.last_name}} </mat-cell>
    </ng-container> 

    <mat-header-row *matHeaderRowDef="allUsersColumns; sticky: true"></mat-header-row>
    <mat-row *matRowDef="let row; columns: allUsersColumns;"></mat-row>
  </mat-table>

Это код

onAllUserPaginateChange(event: any){
window.scroll(0,0);
}

Любая помощь приветствуется

Answer 1

Здесь я дал идентификатор для таблицы

например.

 <mat-table id ="matTable" class="table-container" 
[dataSource]="allUsersDataSource">
 <mat-table>

и в методе разбивки на страницы этой таблицы в файле машинописи.

onAllUserPaginateChange(event: any){
const matTable= document.getElementById('matTable');
    matTable.scrollTop = 0;
}