Невозможно заставить заголовок таблицы находиться в фиксированном (прикрепленном) положении. ⇐ CSS

[Anonymous]

У меня есть HTML-таблица с большим количеством строк, и я пытаюсь сделать заголовок таблицы липким при прокрутке.
Но я не могу получить заголовок прилипать или оставаться в фиксированном положении.
HTML




A
B
C
D
E
F
G




1
2
3
4
5
6
7
8
9





CSS
section {
width: 100%;
overflow-x: scroll;
overflow-y: hidden;
}

table {
width: 250%;
}

th {
text-align: left;
position: sticky;
}

thead {
position: sticky;
}


Подробнее здесь: https://stackoverflow.com/questions/680 ... y-position