inteligr8/alfresco-ng2-components
1
0
Fork 0
mirror of https://github.com/Alfresco/alfresco-ng2-components.git synced 2025-05-19 17:14:57 +00:00
Code Issues Packages Projects Releases Wiki Activity

#1195 add scroll to completed dynamic table

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.css
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;

27
ng2-components/ng2-activiti-form/src/components/widgets/display-value/display-value.widget.html
View File

@ -14,12 +14,12 @@
class="mdl-textfield mdl-js-textfield text-widget"> class="mdl-textfield mdl-js-textfield text-widget">
<label *ngIf="field?.isVisible" [attr.for]="field.id">{{field.name}}</label> <label *ngIf="field?.isVisible" [attr.for]="field.id">{{field.name}}</label>
<input <input
*ngIf="field?.isVisible" *ngIf="field?.isVisible"
class="mdl-textfield__input" class="mdl-textfield__input"
type="text" type="text"
[attr.id]="field.id" [attr.id]="field.id"
[value]="value" [value]="value"
disabled> disabled>
</div> </div>
<div *ngSwitchCase="'multi-line-text'" <div *ngSwitchCase="'multi-line-text'"
class="mdl-textfield mdl-js-textfield multiline-text-widget"> class="mdl-textfield mdl-js-textfield multiline-text-widget">
@ -44,26 +44,29 @@
</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>
<table class="mdl-data-table mdl-js-data-table"> <div class="display-value-dynamic-table-widget__table-container">
<thead> <table class="mdl-data-table mdl-js-data-table">
<thead>
<tr> <tr>
<th *ngFor="let column of visibleColumns" <th *ngFor="let column of visibleColumns"
class="mdl-data-table__cell--non-numeric is-disabled"> class="mdl-data-table__cell--non-numeric is-disabled">
{{column.name}} {{column.name}}
</th> </th>
</tr> </tr>
</thead> </thead>
<tbody> <tbody>
<tr *ngFor="let row of rows"> <tr *ngFor="let row of rows">
<td *ngFor="let column of visibleColumns" <td *ngFor="let column of visibleColumns"
class="mdl-data-table__cell--non-numeric is-disabled"> class="mdl-data-table__cell--non-numeric is-disabled">
{{ getCellValue(row, column) }} {{ getCellValue(row, column) }}
</td> </td>
</tr> </tr>
</tbody> </tbody>
</table> </table>
</div>
</div> </div>
</div> </div>
<div *ngSwitchCase="'upload'"> <div *ngSwitchCase="'upload'">