.resize_handler {
    position: absolute;
    opacity: 0;
    top: 0;
    right: 0;
    height: 100%;
    width: 5px;
    background: #27bbff;
    cursor: col-resize;
    user-select: none;
    touch-action: none;
    border-radius: 6px;
}

.resize_handler:hover {
    opacity: 1;
}

.tr {
    display: flex;
    //width: 100%;
    //max-width: 100%;
    width: fit-content;
}

.th {
    position: relative;
}

.th,
.td {
    display: flex;
    width: auto;
}

.thead {
    display: flex;
    width: 100%;
}

.table {
    display: flex;
    flex-direction: column;
    width: 100%;
}

.tbody {
    display: flex;
    flex-direction: column;
    width: 100%;
}