Ist es möglich, eine Tabelle mit aktivierter Scroll -Aktivierung zu erstellen, in der sich die vertikale Bildlaufleiste ⇐ C#

[Anonymous]

Ich versuche eine Tabelle zu erstellen, in der der Header behoben ist und Spalten übereinstimmt, wobei horizontaler Scrolling gehorcht, aber in der vertikalen Bildlaufleiste erstreckt sich nicht in den Kopf. src = "https://i.static.net/m67ieytp.png"/>
Ich versuche, es so zu machen, dass vertikale Scroll -Balken oben in der ersten Zeile/Grauzone stoppt, ist das überhaupt möglich?

Code: Select all

.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;
}

Ich habe einige Anpassungen ausprobiert, aber bisher, alles, was ich ausprobiert habe>