nuVistA/htdocs/table-sticky.css
2022-09-22 07:03:03 -04:00

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;
}