Можно ли создать таблицу с включенной прокруткой, где вертикальная полоса прокрутки не распространяется на заголовок? ⇐ CSS

[Anonymous]

Я пытаюсь создать таблицу, в которой заголовок исправлен и соответствует столбцам, подчиняясь горизонтальной прокрутке, но где вертикальная полоса прокрутки не распространяется на заголовок. src = "https://i.sstatic.net/m67ieytp.png"/>
Я пытаюсь сделать так, чтобы вертикальная полоса прокрутки остановилась в верхней части первой строки/серой области, это даже возможно? PrettyPrint-Override ">

Код: Выделить всё

.scrollable-table-container > table > tbody > tr > th,
.scrollable-table-container > table > tbody > tr > td {
background-color: var(--color3HEX);
border: none;
}

.collapsed-row, .collapsed-row > th, .collapsed-row > td {
background-color: var(--color4HEX) !important;
}

.scrollable-table-container > table {
overflow: visible;
}

.scrollable-table-container {
max-height: 65vh;
overflow-y: auto;
}

.scrollable-table-container > table > thead {
position: sticky;
top: 0;
z-index: 99;
}

Я попробовал некоторые настройки, но до сих пор все, что я пробовал, удаляет оба полосы прокрутки или выводит заголовки из выравнивания или обоих.>

Подробнее здесь: https://stackoverflow.com/questions/797 ... l-scroll-b