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>