Существует компонент таблицы материалов, который включает виртуальную прокрутку. Я пытаюсь внести некоторые изменения и виртуальную прокрутку после нескольких секунд разочаровывает.
ngOnChanges
крючок компонента стола:
ngOnChanges(changes: SimpleChanges) {
this.init();
this.headers = ["DATE","AMERICA","EUROPE","AUSTRALIA","ASIA"];
this.displayedColumns = this.headers;
this.tableDataService.getData()
.map(data => {
this.tableData.push(data);
this._alldata = this.tableData.map((val =>
val.reduce((headerVal, data, index) =>
({ ...headerVal, [this.headers[index]]: data }), {})
));
this.dataSource.allData = this._alldata.slice(0, this.pageSize);
},
(err: any) => console.log(err))
}
Ситуация воспроизводится на stackblitz , и проблема появляется при нажатии на кнопку над таблицей.