Angular MatPaginator - две таблицы в одном компоненте, конфликтуют пагинаторы

Если добавляю вторую МатТаблицу на страницу, у них начинают конфликтовать пагинаторы

export class StatsComponent implements OnInit {

  dataSource_us: MatTableDataSource<any>;
  @ViewChild(MatPaginator, {static: true}) paginator_us: MatPaginator;

  dataSource_tr: MatTableDataSource<any>;
  @ViewChild(MatPaginator, {static: true}) paginator_tr: MatPaginator;

getStats() {

    this.statsService.getStats().subscribe((data: any) => {

// Здесь формируется первая таблица

this.dataSource_us = new MatTableDataSource(ustable);
this.dataSource_us.paginator = this.paginator_us;

// Здесь формируется вторая таблица

// И отсюда начинаются проблемы - в обоих таблицах спутывается пагинация
this.dataSource_tr = new MatTableDataSource(trtable);
this.dataSource_tr.paginator = this.paginator_tr;

Я думаю надо как-то привязать mat-paginator к таблице, сейчас в шаблоне все выглядит так:

</table><mat-paginator [pageSizeOptions]="[2, 5, 30]" showFirstLastButtons></mat-paginator>
</table><mat-paginator [pageSizeOptions]="[10, 20, 30]" showFirstLastButtons></mat-paginator>

Ответы (0 шт):