ractive-ez-table
Version:
Ractive Ez UI Table
65 lines (52 loc) • 895 B
text/less
.ez-table {
width: 100%;
height: 100%;
overflow: hidden;
display: flex;
flex-direction: column;
.head {
overflow-x: hidden;
overflow-y: scroll;
flex: 0 0 auto;
input { width: 100%; }
}
.body {
overflow-x: hidden;
overflow-y: scroll;
flex: 1 1 auto;
.ez-table-row {
& > * {
pointer-events: none;
}
}
}
.content {
display: flex;
flex-direction: column;
}
.ez-table-row {
display: flex;
flex-direction: row;
}
.ez-table-cell {
overflow: hidden;
white-space: nowrap;
flex-grow: 1; /* could be trouble...?*/
flex-shrink: 0;
}
}
.ez-table-controls {
.ez-table-group-control {
flex: 0 1 auto;
}
.columns {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: flex-start;
.column {
flex: 0 0 12em;
text-align: right;
}
}
}