Cfrgtkky

I use virtual scroll of datatable PrimeNG.
When I scroll the table, the table is scrolled, but the table not load all the rows it has to load.
I will show it:

Start:
start mode

After scroll:
After scroll

I don't see all the rows even I have more rows.
My code:
html:

   <p-dataTable #dt [virtualScroll]="virtualScroll" [emptyMessage]="'TABLE.EMPTY_MESSAGE'|translate" #dt [rows]="rows" [paginator]="paginator"

        (onLazyLoad)="loadLazy($event)" [pageLinks]="3" [scrollable]="true" loadingIcon="fa-spinner" [editable]="editable" [styleClass]="paginator?'paginator': enableFilter?'scroll filter-table':'scroll'"

        [totalRecords]="virtualScroll?totalRecords:null" [globalFilter]="gb" [value]="displayList1" [lazy]="virtualScroll"

        [loading]="loading" resizableColumns="true" [(selection)]="selectedItem" (onRowDblclick)="importButton?'':onRowDblclick($event.data)"

        [expandableRows]="showExpander" [expandedRows]="expandedRows" (onRowSelect)="onrowSelect($event)" (onRowClick)="selectRow($event);onrowSelect($event)"

        (onRowUnselect)="onRowUnSelect($event)" [rowStyleClass]="rowStyleClass" [selectionMode]="(enableSelect&&!showSelectColumn)?(multiSelect?'multiple':'single'):''"

        [metaKeySelection]="false" (onHeaderCheckboxToggle)="onHeaderCheckboxToggle($event)">

Type script:

 loadLazy(event: LazyLoadEvent) {

this.filters = event.filters;

this.loading = true;

setTimeout(() => {

  this.loading = false;

  if (this.displayList) {

    let list = this.displayList.filter(row => this.filterField(row, event.filters));

    this.displayList1 = list.slice(event.first, (event.first + event.rows));

    this.totalRecords = list.length;

  }

}, 250);

}