#1195 add scroll to completed dynamic table

This commit is contained in:
Mario Romano 2016-12-13 00:15:25 +00:00
parent ca77608fa3
commit 359ffd24d2
2 changed files with 21 additions and 12 deletions

View File

@ -16,6 +16,12 @@
width: 100%; width: 100%;
} }
.display-value-dynamic-table-widget__table-container {
overflow-y: auto;
width: 100%;
}
.upload-widget { .upload-widget {
width:100%; width:100%;
word-break: break-all; word-break: break-all;

View File

@ -44,8 +44,10 @@
</div> </div>
</div> </div>
<div *ngSwitchCase="'dynamic-table'"> <div *ngSwitchCase="'dynamic-table'">
<div class="display-value-widget__dynamic-table" *ngIf="field?.isVisible"> <div class="display-value-widget__dynamic-table" *ngIf="field?.isVisible">
<div>{{field.name}}</div> <div>{{field.name}}</div>
<div class="display-value-dynamic-table-widget__table-container">
<table class="mdl-data-table mdl-js-data-table"> <table class="mdl-data-table mdl-js-data-table">
<thead> <thead>
<tr> <tr>
@ -66,6 +68,7 @@
</table> </table>
</div> </div>
</div> </div>
</div>
<div *ngSwitchCase="'upload'"> <div *ngSwitchCase="'upload'">
<div class="upload-widget" *ngIf="field?.isVisible"> <div class="upload-widget" *ngIf="field?.isVisible">
<label class="upload-widget__label" [attr.for]="field.id">{{field.name}}</label> <label class="upload-widget__label" [attr.for]="field.id">{{field.name}}</label>