DevExtreme DataGrid - VirtualScroll

Question

我想按需加载数据，但我并没有真正看到在任何类型的事件上滚动滚动的可能性。 如何根据滚动实现数据的自定义加载？

<dx-data-grid id="gridContainer"
              [remoteOperations]="true"
              [allowColumnResizing]="true"
              [columnAutoWidth]="true"
              [columnMinWidth]="75"
              [dataSource]="dataSource | async"
              (onContentReady)="onContentReady($event)">
  <dxo-scrolling mode="virtual" rowRenderingMode="virtual"></dxo-scrolling>
  <dxo-load-panel [enabled]="true"></dxo-load-panel>
  <dxo-paging [pageSize]="100"></dxo-paging>

  <div *ngFor="let col of columns;">
    <dxi-column dataField="{{col.dataField}}"
                caption="{{col.caption | translate }}"
                cellTemplate="dateTimeCellTemplate"
                [alignment]="'left'"
                [allowFiltering]="true"
                *ngIf="col.dataField == 'eventAt'; else elseBlock"
                (sortOrderChange)="customSortingFunction($event)"
                [sortOrder]="'desc'">
    </dxi-column>
    <div *dxTemplate="let cellData of 'dateTimeCellTemplate'">
      {{cellData.text | dateFormat: 'MM/DD/YYYY HH:MM:SS'}}
    </div>

    <ng-template #elseBlock>
      <dxi-column dataField="{{col.dataField}}"
                  caption="{{col.caption | translate}}"
                  [alignment]="'left'"
                  [allowSorting]="false"
                  [allowSearch]="true">
      </dxi-column>
    </ng-template>
  </div>
</dx-data-grid>