From f22b01150a7ffc9c7d246e5c555b36511d80b492 Mon Sep 17 00:00:00 2001
From: Sonja Galovic <galovicsonja@gmail.com>
Date: Sat, 26 Mar 2022 19:37:27 +0100
Subject: Datatable.component: promenjen prikaz csv fajla (scrollbar table)

---
 .../src/app/_elements/datatable/datatable.component.html  | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

(limited to 'frontend/src/app/_elements/datatable/datatable.component.html')

diff --git a/frontend/src/app/_elements/datatable/datatable.component.html b/frontend/src/app/_elements/datatable/datatable.component.html
index 2c469ecc..bd9e7a13 100644
--- a/frontend/src/app/_elements/datatable/datatable.component.html
+++ b/frontend/src/app/_elements/datatable/datatable.component.html
@@ -1,21 +1,21 @@
 <div *ngIf="data">
-    <div class="table-responsive">
-        <table *ngIf="hasHeader" class="table table-bordered table-light mt-4">
+    <div class="table-responsive" style="max-height: 50vh; max-width: 100%; overflow: scroll;">
+        <table *ngIf="hasHeader" class="table table-bordered table-light">
             <thead>
                 <tr>
                     <th *ngFor="let item of data[0]; let i = index">{{item}}</th>
                 </tr>
             </thead>
             <tbody>
-                <tr *ngFor="let row of data | slice:1:11">
+                <tr *ngFor="let row of data | slice:1">
                     <td *ngFor="let col of row">{{col}}</td>
                 </tr>
             </tbody>
         </table>
 
-        <table *ngIf="data.length > 0 && !hasHeader" class="table table-bordered table-light mt-4">
+        <table *ngIf="data.length > 0 && !hasHeader" class="table table-bordered table-light">
             <tbody>
-                <tr *ngFor="let row of data | slice:0:10">
+                <tr *ngFor="let row of data">
                     <td *ngFor="let col of row">{{col}}</td>
                 </tr>
             </tbody>
@@ -23,7 +23,8 @@
     </div>
 
     <div id="info">
-        . . . <br>
-        {{data.length}} x {{data[0].length}}
+        <br>
+        <span *ngIf="hasHeader">{{data.length - 1}} x {{data[0].length}}</span>
+        <span *ngIf="!hasHeader">{{data.length}} x {{data[0].length}}</span>
     </div>
 </div>
\ No newline at end of file
-- 
cgit v1.2.3