.Table{
    width: stretch;
    height: fit-content;
    border: 1px solid rgb(105 105 105 / 10%);
    margin: 5px;
    overflow: auto;
}

.Table > *{
    display: grid;
    grid-template-columns: var(--table-template-columns);
}

.Table > [name=tablehead] > * ,
.Table > [name=tableline] > * {
    grid-row: 1;
    border-left: 1px solid rgb(105 105 105 / 10%);
    border-bottom: 1px solid rgb(105 105 105 / 10%);
    align-items: center;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.Table:last-child{
    border-bottom: none;
}

.Table > [name=tablehead]{
    text-align: center;
    font-weight: bold;
}

.Table > [name=tableline]{
    
}

.Table > [name=tableline]:first-child {
    border: none;
}

.Table > [name=tableline] > [name=cell]{
    align-items: center;
    white-space: nowrap; 
    overflow: hidden;
    text-overflow: ellipsis;
}

.Table > [name=tableline] > [name=cell] > *{
    width: max-content;
}