X   Сообщение сайта
(Сообщение закроется через 3 секунды)



 

Здравствуйте, гость (

| Вход | Регистрация )

Открыть тему
Тема закрыта
> Фиксированный заголовок у таблицы из div-ов
Wapo__
Wapo__
Topic Starter сообщение 23.12.2014, 17:25; Ответить: Wapo__
Сообщение #1


Добрый день!

Подскажите как вы бы реализовали следующую задачу.
На странице есть таблица сверстанная дивами через display:table;. Как сделать что бы при прокрутке такой таблицы фиксировались заголовки?
Вот тут можно посмотреть исходную задачу.

Заранее спасибо

p.s.
Вариант с использованием table не подходит, т.к. такой подход верстки не подходит с особенностью верстки этой таблицы и возможностью переключать режимы отображения ее средствами css.

Верстка для html5, css3
0
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
Degradator
сообщение 23.12.2014, 18:55; Ответить: Degradator
Сообщение #2


я не совсем понял, что именно надо сделать. Надо чтобы заголовки были всегда видны? Если да, то я бы заворачивал содержимое таблицы в контейнер, и скролил внутри контейнера
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wapo__
Wapo__
Topic Starter сообщение 24.12.2014, 11:45; Ответить: Wapo__
Сообщение #3


Да. Вы правильно поняли. Мне нужно что бы заголовки при прокручивании содержимого таблицы были зафиксированы сверху.

А как можно содержимое таблицы завернуть в контейнер? Я что то не представляю как это сделать. Поясните пожалуйста.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Degradator
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
Arks
сообщение 24.12.2014, 23:00; Ответить: Arks
Сообщение #5


тут наверное больше речь шла о том как средствами css3 обеспечить что-то а-ля position:fixed в рамках контейнера при изменении скролла. Сходу не скажу но есть две гипотезы:
1. да, это возможно
2. вероятно придется дублировать заголовок отдельным html-куском
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Wapo__
Wapo__
Topic Starter сообщение 25.12.2014, 10:55; Ответить: Wapo__
Сообщение #6


Я ищу способ, как мне отобразить таблицу из дивов с фиксированными заголовками. Для стандартных таблиц существуют уже готовые решения на Javascript, которые позволяют реализовать такое. А вот к таблицам из дивов я такой библиотеки не нашёл. Сейчас хочу написать для себя, простенький модуль на JavaScript, которому можно скормить исходную таблицу из дивов, и он зафиксирует заголовки для нее.
Хочется, что бы фиксированные заголовки создавались автоматически, на основе уже существующих. Сейчас у меня есть идея клонировать заголовки исходной таблицы с учётом ширины и стилей, и отобразить их поверх первой заголовка, а исходный заголовок скрыть используя css 'visibility': 'hidden'.
В связи с этим у меня два вопроса:
1. На сколько верно такое решение.
2. Как реализовать клонирование заголовков с учетом форматирования и ширины заголовков.

Замечание модератора:
Эта тема была закрыта автоматически ввиду отсутствия активности в ней на протяжении 100+ дней.
Если Вы считаете ее актуальной и хотите оставить сообщение, то воспользуйтесь кнопкой
или обратитесь к любому из модераторов.
Вернуться в начало страницы
 
Ответить с цитированием данного сообщения
Открыть тему
Тема закрыта
1 чел. читают эту тему (гостей: 1, скрытых пользователей: 0)
Пользователей: 0


Свернуть

> Похожие темы

  Тема Ответов Автор Просмотров Последний ответ
Открытая тема (нет новых ответов) Моя 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-


 



RSS Текстовая версия Сейчас: 24.4.2024, 0:34
Дизайн