From 359ffd24d2403ace5e323e69c3ff86230b03fdcb Mon Sep 17 00:00:00 2001
From: Mario Romano <dnamario@hotmail.com>
Date: Tue, 13 Dec 2016 00:15:25 +0000
Subject: [PATCH] #1195 add scroll to completed dynamic table

---
 .../display-value/display-value.widget.css    |  6 +++++
 .../display-value/display-value.widget.html   | 27 ++++++++++---------
 2 files changed, 21 insertions(+), 12 deletions(-)

diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.css b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.css
index e896055f8c..7d993f6f16 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.css
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.css
@@ -16,6 +16,12 @@
     width: 100%;
 }
 
+.display-value-dynamic-table-widget__table-container {
+    overflow-y: auto;
+    width: 100%;
+}
+
+
 .upload-widget {
     width:100%;
     word-break: break-all;
diff --git a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
index 04e7803ffb..3dcd5372b5 100644
--- a/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
+++ b/ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
@@ -14,12 +14,12 @@
          class="mdl-textfield mdl-js-textfield text-widget">
         <label *ngIf="field?.isVisible" [attr.for]="field.id">{{field.name}}</label>
         <input
-               *ngIf="field?.isVisible"
-               class="mdl-textfield__input"
-               type="text"
-               [attr.id]="field.id"
-               [value]="value"
-               disabled>
+            *ngIf="field?.isVisible"
+            class="mdl-textfield__input"
+            type="text"
+            [attr.id]="field.id"
+            [value]="value"
+            disabled>
     </div>
     <div *ngSwitchCase="'multi-line-text'"
          class="mdl-textfield mdl-js-textfield multiline-text-widget">
@@ -44,26 +44,29 @@
         </div>
     </div>
     <div *ngSwitchCase="'dynamic-table'">
+
         <div class="display-value-widget__dynamic-table" *ngIf="field?.isVisible">
             <div>{{field.name}}</div>
-            <table class="mdl-data-table mdl-js-data-table">
-                <thead>
+            <div class="display-value-dynamic-table-widget__table-container">
+                <table class="mdl-data-table mdl-js-data-table">
+                    <thead>
                     <tr>
                         <th *ngFor="let column of visibleColumns"
                             class="mdl-data-table__cell--non-numeric is-disabled">
                             {{column.name}}
                         </th>
                     </tr>
-                </thead>
-                <tbody>
+                    </thead>
+                    <tbody>
                     <tr *ngFor="let row of rows">
                         <td *ngFor="let column of visibleColumns"
                             class="mdl-data-table__cell--non-numeric is-disabled">
                             {{ getCellValue(row, column) }}
                         </td>
                     </tr>
-                </tbody>
-            </table>
+                    </tbody>
+                </table>
+            </div>
         </div>
     </div>
     <div *ngSwitchCase="'upload'">