Implementing Scroll with Sticky First Column and Row `ngx-datatable`

When the number of rows or columns increases, the content is not fully visible. How to implement a scroll feature, ensuring that the first column and first row remain fixed (sticky) while scrolling?

<ngx-datatable id="table" #table class="" [rows]="tt">
<ngx-datatable-column name="b" prop="ff" ></ngx-datatable-column>
<ngx-datatable-column *ngIf="q" name="Site No" prop="ff"></ngx-datatable-column>
<ngx-datatable-column name="q" prop="r" ></ngx-datatable-column>
<ngx-datatable-column name="ww" prop="ww" >
<ng-template ngx-datatable-cell-template let-row="row">
{{ row.qw| currency:'USD':'symbol':'1.2-2' }}
</ng-template>
</ngx-datatable-column>
</ngx-datatable>


I tried scss properties like z-index and wrap.

Continue reading...