Помощник
|
Фиксированный заголовок у таблицы из div-ов |
Wapo__
|
Сообщение
#1
|
||
|
|
||
|
|||
Degradator |
23.12.2014, 18:55;
Ответить: Degradator
Сообщение
#2
|
|
я не совсем понял, что именно надо сделать. Надо чтобы заголовки были всегда видны? Если да, то я бы заворачивал содержимое таблицы в контейнер, и скролил внутри контейнера
|
|
|
Wapo__
|
Сообщение
#3
|
|
Да. Вы правильно поняли. Мне нужно что бы заголовки при прокручивании содержимого таблицы были зафиксированы сверху.
А как можно содержимое таблицы завернуть в контейнер? Я что то не представляю как это сделать. Поясните пожалуйста. |
|
|
Degradator |
24.12.2014, 16:40;
Ответить: Degradator
Сообщение
#4
|
|
<div class="table">
<div class="header"> <div class="column">id</div><div class="column">name</div> </div> <div class="body"> <div class="data"> <div class="row"><div class="cell">1</div><div class="cell">Вася</div></div> <div class="row"><div class="cell">2</div><div class="cell">Петя</div></div> <div class="row"><div class="cell">3</div><div class="cell">degradator</div></div> </div> </div> </div> |
|
|
Arks |
24.12.2014, 23:00;
Ответить: Arks
Сообщение
#5
|
|
тут наверное больше речь шла о том как средствами css3 обеспечить что-то а-ля position:fixed в рамках контейнера при изменении скролла. Сходу не скажу но есть две гипотезы:
1. да, это возможно 2. вероятно придется дублировать заголовок отдельным html-куском |
|
|
Wapo__
|
Сообщение
#6
|
|
|
Я ищу способ, как мне отобразить таблицу из дивов с фиксированными заголовками. Для стандартных таблиц существуют уже готовые решения на Javascript, которые позволяют реализовать такое. А вот к таблицам из дивов я такой библиотеки не нашёл. Сейчас хочу написать для себя, простенький модуль на JavaScript, которому можно скормить исходную таблицу из дивов, и он зафиксирует заголовки для нее.
Хочется, что бы фиксированные заголовки создавались автоматически, на основе уже существующих. Сейчас у меня есть идея клонировать заголовки исходной таблицы с учётом ширины и стилей, и отобразить их поверх первой заголовка, а исходный заголовок скрыть используя css 'visibility': 'hidden'. В связи с этим у меня два вопроса: 1. На сколько верно такое решение. 2. Как реализовать клонирование заголовков с учетом форматирования и ширины заголовков.
|
|
|
||
|
Похожие темы
Тема | Ответов | Автор | Просмотров | Последний ответ | |
---|---|---|---|---|---|
Моя div-ная верстка соответствует ли стандартам Хотелось бы конструктивной критики |
10 | muratastana | 1599 | 14.1.2023, 1:16 автор: xweb |
|
Отсортировать данные таблицы по дням/часам и тп |
3 | tube | 2350 | 1.7.2017, 0:38 автор: Shandanakar |
|
DIV'ы в строку | 0 | RedEclipse | 5465 | 29.9.2016, 17:53 автор: -RedEclipse- |
|
Нужно настроить мои Таблицы Google | 1 | rownong27 | 2468 | 25.5.2016, 0:13 автор: -rownong- |
|
при выборе radio в option не скрывались div | 0 | serj123 | 6930 | 17.4.2016, 17:45 автор: -serj123- |
Текстовая версия | Сейчас: 24.4.2024, 0:34 |