:host {
    display: block;
}

table {
    min-width: 600px;
    margin-bottom: 0px;
}

.mylabel {
    margin: 2px;
    display: inline-block !important;
    cursor: pointer;
    font-size: 14px !important;
    white-space: inherit;
}

th > button {
    border: none;
    padding: 0;
    outline: none;
    background-color: inherit;
}

table tr {
    white-space: normal;
}

table {
    width: auto;
}
:host {
    display: block;
}

table {
    min-width: 600px;
    margin-bottom: 0px;
}

.mylabel {
    margin: 2px;
    display: inline-block !important;
    cursor: pointer;
    font-size: 14px !important;
    white-space: inherit;
}

th > button {
    border: none;
    padding: 0;
    outline: none;
    background-color: inherit;
}

table tr {
    white-space: normal;
}

table {
    width: auto;
}

.anchored::before {
    content: '';
    display: block;
    height:48px;
    margin:-48px 0 0;
}
Set table anchores 48px higher
Set table anchores 48px higher

Clicking on an anchor in the table resulted in an element hidden beneath the table header.
This is now resolved.
The anchor jumps 48px higher than the anchor.

solves #75

Signed-off-by: Armin Hueneburg <ce14971603cce67272d611a4f194786e96eb4828@gmail.com>
