infinite list scroll

Frontend/src/app/modules/layers/layers-list/layers-list.component.html

@@ -1,4 +1,4 @@
-<div class="list-container mat-elevation-z8">
+<div class="list-container mat-elevation-z8" (scroll)="onScroll($event)" style="overflow-y: scroll;">
     <div class="list-header">
       <mat-grid-list cols="10" rowHeight="60">
         <mat-grid-tile>
@@ -15,7 +15,8 @@
       </mat-grid-list>
     </div>
   
-    <mat-table #table [dataSource]="dataSource" [trackBy]="trackByUid" matSort class="animate">
+    <mat-table #table [dataSource]="dataSource" [trackBy]="trackByUid" 
+      matSort class="animate">
   
       <ng-container matColumnDef="number">
         <mat-header-cell *matHeaderCellDef mat-sort-header>Number</mat-header-cell>
@@ -35,9 +36,5 @@
       <mat-header-row *matHeaderRowDef="displayedColumns"></mat-header-row>
       <mat-row *matRowDef="let item; columns: displayedColumns;" [routerLink]="['Detail/', item.id]"></mat-row>
     </mat-table>
-    <mat-paginator #paginator
-                   [pageSize]="500"
-                   [pageSizeOptions]="[500, 1000, 2500, 10000]">
-    </mat-paginator>
   </div>