прокрутите в mattable наверх

Question

Я хочу создать кнопку «Переместить прокрутку наверх» в matTable, но я ее не получаю.

<mat-table  #table [dataSource]="dataSource 
   (scroll)="onTableScroll($event)">

      <!--table data -->
</mat-table>

<button (click)="scrollToTop()>Test</button>

//typescript
@ViewChild('table') table: ElementRef;

scrollToTop() {
       this.table.nativeElement.scrollIntoView(true);
}

, но она не работает, nativeElement не является элементом MatTable,как я могу это сделать?

Answer 1

Вы были близки к решению, есть только одна маленькая вещь, которую вам не хватает.Вам нужно указать ViewChild, какой токен вы хотите прочитать из селектора.В вашем случае это будет ElementRef, если передать второй параметр в виде { read: ElementRef }.

@ViewChild('table', {read: ElementRef}) table: ElementRef;

Здесь - это показ стека, показывающий его в действии.