Чтобы закрепить верхнюю строку (заголовок) таблицы в HTML с помощью CSS, нужно применить значение sticky к свойству position в элементе thead и задать top: 0. 24

При этом заголовок останется на месте при прокрутке страницы, но остальная часть таблицы продолжит двигаться. 2

Пример кода: 2

<style>th {  position: sticky;  top: 0;  background-color: #fff; /* Чтобы заголовки были чётко видны против контента */}</style>

Также можно сделать липкими сами ячейки () в шапке таблицы, но при этом будет сложно указать правильное значение top, когда шапка состоит из нескольких строк. 4