46 lines
726 B
CSS
46 lines
726 B
CSS
|
table.table-sticky {
|
||
|
|
white-space: nowrap;
|
||
|
|
table-layout: fixed;
|
||
|
|
}
|
||
|
|
table.table-sticky thead th {
|
||
|
|
position: sticky;
|
||
|
|
top: 0;
|
||
|
|
z-index: 1;
|
||
|
|
width: 25vw;
|
||
|
|
background: white;
|
||
|
|
}
|
||
|
|
table.table-sticky td {
|
||
|
|
background: #fff;
|
||
|
|
text-align: center;
|
||
|
|
}
|
||
|
|
|
||
|
|
table.table-sticky tbody th {
|
||
|
|
position: relative;
|
||
|
|
}
|
||
|
|
table.table-sticky thead th:first-child {
|
||
|
|
position: sticky;
|
||
|
|
left: 0;
|
||
|
|
z-index: 2;
|
||
|
|
}
|
||
|
|
table.table-sticky tbody th {
|
||
|
|
position: sticky;
|
||
|
|
left: 0;
|
||
|
|
background: white;
|
||
|
|
z-index: 1;
|
||
|
|
}
|
||
|
|
table.table-sticky caption {
|
||
|
|
text-align: left;
|
||
|
|
position: sticky;
|
||
|
|
left: 0;
|
||
|
|
}
|
||
|
|
|
||
|
|
[role="region"][tabindex] {
|
||
|
|
width: 100%;
|
||
|
|
max-height: 98vh;
|
||
|
|
overflow: auto;
|
||
|
|
}
|
||
|
|
[role="region"][tabindex]:focus {
|
||
|
|
box-shadow: 0 0 0.5em rgba(0, 0, 0, 0.5);
|
||
|
|
outline: 0;
|
||
|
|
}
|