Виртуальный свиток углового материала исчезает при обновлении

Question

Существует компонент таблицы материалов, который включает в себя виртуальную прокрутку. Я пытаюсь внести некоторые изменения и виртуальную прокрутку после нескольких секунд разочаровывает.

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))
  }

Ситуация воспроизводится на стеке, и проблема появляется при нажатии на кнопку над таблицей.