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%;
}
.display-value-dynamic-table-widget__table-container {
overflow-y: auto;
width: 100%;
}
.upload-widget {
width:100%;
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">
<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'">