Форум программистов, компьютерный форум, киберфорум
Наши страницы
HTML, CSS
Войти
Регистрация
Восстановить пароль
 
Рейтинг 4.57/30: Рейтинг темы: голосов - 30, средняя оценка - 4.57
procherk
3 / 3 / 1
Регистрация: 04.07.2013
Сообщений: 8
1

Фиксированная шапка большой таблицы

04.07.2013, 13:08. Просмотров 5474. Ответов 4
Метки нет (Все метки)

Здравствуйте.

Не могу решить казалось бы простую задачу.. Имеется большая таблица с кучей строк и столбцов которая на большинстве мониторов имеет как вертикальную так и горизонтальную полосу прокрутки, для удобства пользования требуется сделать так что бы:
1) шапка таблицы была всегда прижата к верху экрана
2) содержание таблицы прокручивалось вертикально отдельно от шапки
3) содержание таблицы прокручивалось горизонтально вместе с содержанием шапки..
4) вертикальная полоса прокрутки основного содержания таблицы должна всегда находится на экране (даже тогда когда горизонтальная полоса прижата к левой стороне экрана)

В общем сделать надо типа как в Excel..

Пока что остановился на overflow: auto для блока с основным содержанием таблицы, но так к сожалению не выполняется 4е условие..
0
QA
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
04.07.2013, 13:08
Ответы с готовыми решениями:

Фиксированная шапка
Как сделать шапку фиксированной? Вот код: <!DOCTYPE html> <html lang="en"> <head> <meta...

Фиксированная шапка
Добрый день! Я новечек, пытаюсь сделать фиксированную шапку с прокруткой. Подскажите где ошибка?...

Фиксированная шапка сайта
есть сайт elo-boost.ru Подскажите как сделать фиксированную шапку как тут elo-boost.net В каком...

Шапка резиновая и фиксированная - реал?
Шапка сайта, без JQ-наворотов - должна быть резиновой и фиксированной (при прокрутке - остается на...

Фиксированная (плавающая) шапка и скролинг
Доброго времени суток. Такой вопрос: фиксированную шапку я сделал но нужно чтобы ее можно было...

4
AxelPAL
30 / 25 / 4
Регистрация: 22.06.2011
Сообщений: 123
05.07.2013, 10:52 2
Как вариант сделать отдельную таблицу под шапку, а горизонтальную прокрутку шапки при прокрутке таблицы реализовать через JS.
1
procherk
3 / 3 / 1
Регистрация: 04.07.2013
Сообщений: 8
05.07.2013, 12:22  [ТС] 3
Да, видимо без JS не обойтись.. я уже что только не перепробовал позиционирование, фреймы, всякого рода "пляски" с блоками и таблицами.. всё время чего то не хватает.. хотя не исключаю что способ сверстать такое не прибегая к помощи скриптов всё таки есть!
0
S-senj
31 / 31 / 0
Регистрация: 05.07.2012
Сообщений: 130
08.07.2013, 11:21 4
Цитата Сообщение от procherk Посмотреть сообщение
3) содержание таблицы прокручивалось горизонтально вместе с содержанием шапки..
...вот это вообще впервые слышу, чтоб такое творили с таблицами
0
procherk
3 / 3 / 1
Регистрация: 04.07.2013
Сообщений: 8
08.07.2013, 11:37  [ТС] 5
...вот это вообще впервые слышу, чтоб такое творили с таблицами
С этим то проблем как раз таки не возникает..
Два блока с фиксированными размерами один над другим в первом "таблица шапка", а во втором "таблица содержание" допустим с 95% вертикальным размером.. ко второму блоку применено overflow: auto
Получается что по горизонтали обе таблицы прокручиваются вместе, а по вертикали прокручивается только второй блок с таблицей "основным содержанием".

НО! - так не выполняется 4е условие..
0
08.07.2013, 11:37
Answers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
08.07.2013, 11:37

Фиксированная шапка сайта с логотипом и горизонтальным меню
Здравствуйте! Проблема состоит в следующем: Ширина страницы 1980px, ширина заполняемого контента...

Фиксированная высота таблицы
Здравствуйте У меня возникла проблема при верстке, может, кто-нибудь поможет найти простое...

Фиксированная ширина столбцов таблицы
Всем привет! Есть таблица шириной 100% - она постоянная и равна 765px. Есть 7 столбцов, у...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2020, vBulletin Solutions, Inc.