https://i.sstatic.net/l0cZ4.png
Overview:
My Angular component features a table with Angular Material's mat-table and paginator. Despite fetching data from a source, the paginator fails to float right when I scroll horizontally.
Sample Code:
<!-- Insert your code snippet below -->
<div class="row">
<div class="table-container mat-elevation-z8">
<table mat-table id="ExampleMaterialTable" [dataSource]="dataSource" matSort class="custom-approvalTable">
<!-- ... (remaining code) ... -->
</table>
<mat-paginator [pageSizeOptions]="[5,10, 20, 50, 100]" [pageSize]="pageSize" [pageIndex]="currentPage"
showFirstLastButtons (page)="handlePage($event)" [length]="totalSize"></mat-paginator>
</div>
</div>