WEB-580 scroll bar (#3001)

src/app/shared/tabs/entity-datatable-tab/datatable-multi-row/datatable-multi-row.component.html

@@ -42,6 +42,7 @@
 
   <mat-card class="data-table-card m-t-10">
     <mat-card-content>
+      <div class="table-scroll-wrapper">
         <table #dataTable mat-table [dataSource]="datatableData" class="mat-elevation-z2 m-b-25">
           @for (datatableColumn of datatableColumns; track datatableColumn; let i = $index) {
             <ng-container [matColumnDef]="datatableColumn">
@@ -69,6 +70,7 @@
           <tr mat-header-row *matHeaderRowDef="datatableColumns"></tr>
           <tr mat-row *matRowDef="let row; columns: datatableColumns" class="data-row"></tr>
         </table>
+      </div>
     </mat-card-content>
   </mat-card>
 </div>

src/app/shared/tabs/entity-datatable-tab/datatable-multi-row/datatable-multi-row.component.scss

@@ -23,6 +23,11 @@
 
     .mat-card-content {
       padding: 0;
+
+      .table-scroll-wrapper {
+        overflow-x: auto;
+        width: 100%;
+      }
     }
   }