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

[Anonymous]

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

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

.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