There is a angular grid with scrollbar and on scroll we need to call the scroll event (lazy loading).

<div class="table-container" [ngClass]="{'loading': isLoading}" style="max-height: 400px; overflow-y: auto;"
     infinite-scroll
     [infiniteScrollDistance]="2"
     [infiniteScrollThrottle]="150"
     (scrolled)="onScroll($event)">
  <table [dataSource]="dataSource" matSort cdk-table class="nest-table">
  </table>
</div>

but onScroll event is not getting triggered during grid scrollbar scrolling. Please have a look and suggest.