Зафиксировать шапку и подвал в таблице?

Question

[Богдан]

Здравствуйте. А подскажите пожалуйста. Можно ли на чистом CSS, зафиксировать в таблице шапку и подвал, что бы в tbody появился scroll.

Нагугливал решения, но они не работают, потому что используется colgroup



Спасибо.

Answer 1

[Рома Зварич]

Можно ли на чистом CSS

Есть свойство position: sticky;, но оно не очень хорошо поддерживается и не идеально еще работает.

Результат:
https://codepen.io/hisbvdis/pen/wvwqMYo

Comments

[strelok011]

https://caniuse.com/#feat=css-sticky - проблемы указаны для некоторых браузеров как раз в случае с таблицами.

Firefox 58 & below, Chrome 63 & below and Safari 7 & below do not appear to support sticky table headers.

А так - клёвая штука.

Answer 2

[suberg]

Что-то подобное требуется?

Comments

[Andrey Vasilev]

ему нужно чтобы footer и header таблицы ездили за скролом, походу

Answer 3

[strelok011]

Сейчас в моду активно врывается grid, вот пример того, что должно получится (как я понял) https://codepen.io/adam-lynch/pen/XwKWdG
Пример выдернут из этой статьи, кстати https://habr.com/ru/post/452922/

Comments

[Богдан]

интересное решение

Answer 4

[Сергей c0re]

Comments

[Богдан]

спасибо, это старое решение. Тут нельзя использовать colgroup