Все сервисы Хабра
Сообщество IT-специалистов
Ответы на любые вопросы об IT
Профессиональное развитие в IT
Закрыть
Задать вопрос
andreyqin
@andreyqin
JavaScript
CSS
Как зафиксировать заголовок таблицы?
Всем добрый день.
Есть код -
jsfiddle.net/vBkwU/2
Вопрос следующий - как зафиксировать заголовок таблицы при прокрутке средствами javascript (jQuery)? Если для данного случая есть способ на CSS, то будет даже лучше.
Вопрос задан
более трёх лет назад
2823 просмотра
Комментировать
Подписаться
7
Оценить
Комментировать
Facebook
Вконтакте
Twitter
Помогут разобраться в теме
Все курсы
Яндекс Практикум
Фронтенд-разработчик
10 месяцев
Далее
Skillfactory
Профессия Веб-разработчик
12 месяцев
Далее
Нетология
Fullstack-разработчик на Python + нейросети
20 месяцев
Далее
Решения вопроса
0
Пригласить эксперта
Ответы на вопрос
5
Виталий Киренков
@DeLaVega
Верстаю, фронтэндю =)
Клонируйте таблицу в отдельный див, который в абсолюте.
Ответ написан
более трёх лет назад
Комментировать
Нравится
2
Комментировать
Facebook
Вконтакте
Twitter
enchikiben
@EnChikiben
fixedheadertable.com
Ответ написан
более трёх лет назад
5
комментариев
Нравится
1
5
комментариев
Facebook
Вконтакте
Twitter
andreyqin
@andreyqin
Автор вопроса
Не хотелось бы для такой задачи ставить плагин. Может есть какое-то альтернативное решение?
Написано
более трёх лет назад
Виталий Киренков
@DeLaVega
Ну не ставьте плагин, руками напишите, чтобы чисто шапка дублировалась.
Написано
более трёх лет назад
andreyqin
@andreyqin
Автор вопроса
Не совсем понял, можно чуть подробнее про саму идею?
Написано
более трёх лет назад
Виталий Киренков
@DeLaVega
var table = $("table").clone();
table.appendTo("#someDivWithOverflow");
Вы просто визуально дублируете таблицу в другой див.
Написано
более трёх лет назад
andreyqin
@andreyqin
Автор вопроса
Все равно не улавливаю логики. Ну продублировал я её, и что?
Написано
более трёх лет назад
Александр
@aaverichev
нереально. проще отдельной таблицей сделать заголовок
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Юрий Лобанов
@iiil
Инженер и вэб-дизайнер, рисую.
jsfiddle.net/iiil/vBkwU/9
как вариант. Если ширина таблицы заранее известна - то еще проще будет.
Правда есть один момент, если у Вас определять ширину столбцов будет контент, то будут проблемы :)
jsfiddle.net/iiil/vBkwU/10
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Alexander Mischuk
@Mischuk
tympanus.net/Tutorials/StickyTableHeaders/index.html
Ответ написан
более трёх лет назад
Комментировать
Нравится
Комментировать
Facebook
Вконтакте
Twitter
Ваш ответ на вопрос
Войдите, чтобы написать ответ
Войти через центр авторизации
Похожие вопросы
JavaScript
Простой
Как работать с разрозненными данными?
1 подписчик
21 окт.
171 просмотр
2
ответа
CSS
Простой
Поему не срабатывает стиль шрифта?
1 подписчик
20 окт.
140 просмотров
0
ответов
JavaScript
+1 ещё
Простой
Неправильно работает crypto.subtle.deriveKey в Firefox, баг или мой косяк?
2 подписчика
16 окт.
119 просмотров
0
ответов
JavaScript
Простой
Как подгружать xml с перерисовкой таблицы?
3 подписчика
14 окт.
179 просмотров
0
ответов
CSS
+1 ещё
Простой
Почему после изменений в css на сайте нет изменений?
1 подписчик
13 окт.
211 просмотров
3
ответа
CSS
Простой
Как выровнять в гриде по горизонтали?
1 подписчик
13 окт.
154 просмотра
1
ответ
JavaScript
+2 ещё
Простой
Как решить задачку из контеста?
1 подписчик
13 окт.
245 просмотров
1
ответ
JavaScript
+1 ещё
Простой
Есть ли js-библиотека для офлайн-распознавания русской речи?
1 подписчик
12 окт.
174 просмотра
2
ответа
JavaScript
Простой
Почему не работает в консоли setTimeout?
1 подписчик
11 окт.
333 просмотра
1
ответ
CSS
+2 ещё
Средний
Как решить проблему с появлением пустого пространства под drawer из shadcn?
2 подписчика
02 окт.
103 просмотра
1
ответ
Показать ещё
Загружается…
Вакансии с Хабр Карьеры
Web-разработчик/WordPress программист (Full-stack). В офисе ст. м Ладожская
JustBusiness
•
Санкт-Петербург
от 130 000 до 150 000 ₽
Верстальщик / фронтендер для браузерного расширения
DevTeam.Space
от 1 000 до 2 000 $
React разработчик
ITK academy
•
Нижний Новгород
от 50 000 до 90 000 ₽
Минуточку внимания
Войдите на сайт
Чтобы задать вопрос и получить на него квалифицированный ответ.
Войти через центр авторизации
Закрыть
Реклама