Как сделать в таблице фиксированную шапку и первый столбец на чистом html и CSS3?
Как сделать в таблице фиксированную шапку и первый столбец на чистом html и CSS3 чтобы при скроле вниз фиксировалась шапка, а при скроле в сторону фиксировался первый столбец?
Руководитель frontend направления, предприниматель
https://codepen.io/i-am-studio_ru/pen/vazmyN?edito...
И да. Если применять свойство не к строке, а непосредственно ячейкам, то можно и сделать фиксированную колонку. Чтобы оценить работу во все стороны я советую поменять «вид» в редакторе и посжимать.
Правда обращаю внимание, что это решение, по моему мнению, является костыльным. Оптимальнее сформировать решение на JS, который будет считать размеры 1 и более строк шапки таблицы.
Хороший вопрос, заставил меня попотеть. Когда именно вынесли свойство из обихода мне пока неясно, но вот пруф, что так было на момент 2012 года)
Сейчас интересу ради смотри методы обхода, но на данный момент стандарты говорят, что нельзя использовать position: sticky к таблицам. Что как по мне, так же глупо, как и запрет тега <nobr>
Если найду решение, оно появится под этим комментарием.
https://codepen.io/i-am-studio_ru/pen/vazmyN?edito...
И да. Если применять свойство не к строка, а непосредственно ячейкам, то можно и сделать фиксированную колонку. Чтобы оценить работу во все стороны я советую поменять «вид» в редакторе и посжимать.
Правда обращаю внимание, что это решение, по моему мнению, является костыльным.
На чистом html+css не получится до полноценного внедрения в браузеры position: sticky.
Сейчас такое можно сделать только для firefox. В chrome и подобных sticky не поддерживается для thead и tr
Простой
