59 lines
2.3 KiB
CSS
59 lines
2.3 KiB
CSS
/* Foundation v2.1.4 http://foundation.zurb.com */
|
|
/* Artfully masterminded by ZURB */
|
|
|
|
@media only screen and (max-width: 1024px) {
|
|
|
|
table.responsive-fixed-scroll { margin-bottom: 0; }
|
|
|
|
.pinned { position: absolute; left: 0; top: 0; background: #fff; width: 35%; border-right: 1px solid #ccc; border-left: 1px solid #ccc; }
|
|
.pinned {
|
|
overflow: hidden; overflow-x: scroll; -webkit-overflow-scrolling: touch; z-index: 1;
|
|
}
|
|
.pinned > * {
|
|
-webkit-transform: translateZ(0px);
|
|
}
|
|
.pinned::-webkit-scrollbar {
|
|
height:12px;
|
|
}
|
|
.pinned::-webkit-scrollbar-track {
|
|
box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
|
|
background:#f0f0f0;
|
|
}
|
|
.pinned::-webkit-scrollbar-thumb {
|
|
border-radius:6px;
|
|
background:#ccc;
|
|
}
|
|
|
|
.pinned table { border-right: none; border-left: none; width: 100%; }
|
|
.pinned table th, .pinned table td { white-space: nowrap; }
|
|
.pinned td:last-child { border-bottom: 0; }
|
|
|
|
div.table-wrapper { position: relative; overflow: hidden; border-right: 1px solid #ccc; clear: both; }
|
|
div.table-wrapper div.scrollable { margin-left: 35%; }
|
|
div.table-wrapper div.scrollable {
|
|
overflow: scroll; -webkit-overflow-scrolling: touch; z-index: 1; overflow-y: hidden;
|
|
}
|
|
div.table-wrapper div.scrollable > * {
|
|
-webkit-transform: translateZ(0px);
|
|
}
|
|
div.table-wrapper div.scrollable::-webkit-scrollbar {
|
|
height:12px;
|
|
}
|
|
div.table-wrapper div.scrollable::-webkit-scrollbar-track {
|
|
box-shadow:0 0 2px rgba(0,0,0,0.15) inset;
|
|
background:#f0f0f0;
|
|
}
|
|
div.table-wrapper div.scrollable::-webkit-scrollbar-thumb {
|
|
border-radius:6px;
|
|
background:#ccc;
|
|
}
|
|
|
|
table.responsive-fixed-scroll thead { display: table-header-group !important; }
|
|
table.responsive-fixed-scroll tbody { display: table-row-group !important; }
|
|
|
|
table.responsive-fixed-scroll td, table.responsive-fixed-scroll th { position: relative; white-space: nowrap; overflow: hidden; }
|
|
table.responsive-fixed-scroll th:first-child, table.responsive-fixed-scroll td:first-child, table.responsive-fixed-scroll td:first-child, table.responsive-fixed-scroll.pinned td { display: none; }
|
|
|
|
table.responsive-fixed-scroll thead tr, table.responsive-fixed-scroll tbody tr { float: none !important; }
|
|
}
|