#955 Horizontal scrollbar for dynamic table

This commit is contained in:
Denys Vuika
2016-11-02 11:48:23 +00:00
parent e5dc17ab2c
commit bc3028d789
2 changed files with 27 additions and 20 deletions

View File

@@ -8,6 +8,11 @@
}
.dynamic-table-widget__table {
overflow-y: auto;
width: 100%;
}
.dynamic-table-widget__table > table {
width: 100%;
}

View File

@@ -2,7 +2,8 @@
<div>{{content.name}}</div>
<div *ngIf="!editMode">
<table class="mdl-data-table mdl-js-data-table dynamic-table-widget__table">
<div class="dynamic-table-widget__table">
<table class="mdl-data-table mdl-js-data-table">
<thead>
<tr>
<th *ngFor="let column of content.visibleColumns"
@@ -22,6 +23,7 @@
</tr>
</tbody>
</table>
</div>
<div>
<button class="mdl-button mdl-js-button mdl-button--icon"