Как в таблице html прописать закрепить верхнюю строку?

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

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

Пример кода: sky.pro

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

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