CBSNexora/cbsnexora
4
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

WEB-580 scroll bar (#3001)

Browse Source
This commit is contained in:
Soni Jay
2026-01-16 11:39:21 -06:00
committed by GitHub
parent 7beb08579d
commit 094fd5f1e9
2 changed files with 33 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/app/shared/tabs/entity-datatable-tab/datatable-multi-row/datatable-multi-row.component.html
+2
View File
@@ -42,6 +42,7 @@
<mat-card class="data-table-card m-t-10"> <mat-card class="data-table-card m-t-10">
<mat-card-content> <mat-card-content>
<div class="table-scroll-wrapper">
<table #dataTable mat-table [dataSource]="datatableData" class="mat-elevation-z2 m-b-25"> <table #dataTable mat-table [dataSource]="datatableData" class="mat-elevation-z2 m-b-25">
@for (datatableColumn of datatableColumns; track datatableColumn; let i = $index) { @for (datatableColumn of datatableColumns; track datatableColumn; let i = $index) {
<ng-container [matColumnDef]="datatableColumn"> <ng-container [matColumnDef]="datatableColumn">
@@ -69,6 +70,7 @@
<tr mat-header-row *matHeaderRowDef="datatableColumns"></tr> <tr mat-header-row *matHeaderRowDef="datatableColumns"></tr>
<tr mat-row *matRowDef="let row; columns: datatableColumns" class="data-row"></tr> <tr mat-row *matRowDef="let row; columns: datatableColumns" class="data-row"></tr>
</table> </table>
</div>
</mat-card-content> </mat-card-content>
</mat-card> </mat-card>
</div> </div>
src/app/shared/tabs/entity-datatable-tab/datatable-multi-row/datatable-multi-row.component.scss
+5
View File
@@ -23,6 +23,11 @@
.mat-card-content { .mat-card-content {
padding: 0; padding: 0;
.table-scroll-wrapper {
overflow-x: auto;
width: 100%;
}
} }
} }