add sticky header

This commit is contained in:
Mutasem 2022-04-08 12:50:48 +02:00
parent cc9acbce00
commit c705c8af98

View file

@ -885,26 +885,34 @@ export default mixins(
} }
.table { .table {
border-collapse: collapse; border-collapse: separate;
text-align: left; text-align: left;
width: calc(100% - var(--spacing-s)); width: calc(100% - var(--spacing-s));
margin-right: var(--spacing-s); margin-right: var(--spacing-s);
border: var(--border-base);
font-size: var(--font-size-2xs); font-size: var(--font-size-2xs);
th { th {
padding: var(--spacing-2xs); padding: var(--spacing-2xs);
background-color: var(--color-background-base); background-color: var(--color-background-base);
border: var(--border-base); border-top: var(--border-base);
border-bottom: var(--border-base);
border-left: var(--border-base);
position: sticky;
top: 0;
} }
td { td {
padding: var(--spacing-2xs); padding: var(--spacing-2xs);
border: var(--border-base); border-bottom: var(--border-base);
border-left: var(--border-base);
overflow-wrap: break-word; overflow-wrap: break-word;
max-width: 300px; max-width: 300px;
white-space: pre-wrap; white-space: pre-wrap;
} }
th:last-child, td:last-child {
border-right: var(--border-base);
}
} }
.emptyCell { .emptyCell {