Check if a user has scrolled to the bottom of data table - html

Question

I have a issue to make a infinity loading with data table. I have check some solution. But only for window, not for data table. Please help me how to check bottom or top if a user has scrolled to the bottom of data table. Tks for your helped!
<div class="card" *ngIf="!idCondition">
<div class="card-body">
<table class="table cus-table">
<thead>
<tr style="color:#4e73df; ">
<th scope="col" >Col A</th>
<th scope="col" >Col B</th>
<th scope="col" >Col C</th>
<th scope="col" >Col D</th>
<th scope="col" >Col E</th>
<th scope="col" >Col F</th>
<th scope="col" >Col G</th>
</tr>
</thead>
<tbody>
<tr *ngFor="let searchResult of searchResults; let i = index" (click)="goToResultDetail(i)">
<td title="{{getSystemStatus(searchResult.systemStatus)}}">{{getSystemStatus(searchResult.systemStatus)}}</td>
<td title="{{searchResult.birthday}}">{{searchResult.birthday}}</td>
<td title="{{getGender(searchResult.gender)}}">{{getGender(searchResult.gender)}}</td>
<td title="{{searchResult.receiptType}}">{{searchResult.receiptType}}</td>
<td title="{{searchResult.receiptManagementNo}}">{{searchResult.receiptManagementNo}}</td>
<td title="{{searchResult.medicalInstitutionName}}">{{searchResult.medicalInstitutionName}}</td>
<td title="{{searchResult.treatmentYearMonth}}">{{searchResult.treatmentYearMonth}}</td>
</tr>
</tbody>
</table>
</div>
</div>