Как использовать бесконечную прокрутку в таблице angular 8?

Question

Я относительно новичок в angular платформе. Я занимаюсь разработкой портала, где данные из таблицы, содержащей более 1000 строк, будут извлечены и отображены на стороне клиента, которая разработана в angular 8. Чтобы отобразить этот огромный объем данных, я реализовал виртуальную прокрутку, как упомянуто в коде. .

<cdk-virtual-scroll-viewport itemSize="50" style="height: 500px;">

     <tbody>
         <tr *cdkVirtualFor="let item of rawDatas">   
              <td id="toolTipData" *ngFor="let data of item | keys ;"ngbTooltip="{{item[data]}}" [openDelay]="1000"
 [closeDelay]="2000" placement="right" >
                   {{item[data]}}
             </td>
        </tr>
       </tbody>
</cdk-virtual-scroll-viewport>

Виртуальная прокрутка в порядке, так как при прокрутке вниз новые данные отображаются в таблице, но старые данные исчезают при прокрутке вниз. При прокрутке старое снова отображается, что может привести к ухудшению работы пользователя. Другим решением может быть бесконечная прокрутка. Кто-нибудь может подсказать мне, как реализовать бесконечную прокрутку вместо виртуальной прокрутки?