Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 19.02.2010, 22:20
Аватар для PeaceCoder
Профессор
Отправить личное сообщение для PeaceCoder Посмотреть профиль Найти все сообщения от PeaceCoder
 
Регистрация: 15.12.2009
Сообщений: 742

Фиксированный заголовок таблицы
Вопрос состоит в следующем:
Как заставить заголовок/1ю строку таблицы быть фиксированной, что бы она не прокручивалась вместе со всей таблицей, если таблица выходит за границы видимости например diva ? Типо как в Exсel...

Интересует именно таблица, т.к. через фикс ширину столбцов не подходит...

П.С. я не мастак верстки но этот вопрос мучает давно уже.
__________________
Настоящий программист думает и осознает сам решение задачи, а не копирует другие мысли, не осознавая их (c)
Относись к человеку так же, как хотелось бы отношения к себе (с)
Все нужно там, где оно нужно, а все не нужно нигде (с) Gozar
B~Vladi: А кто такой JavaScript стрелок?! micscr: это тот, кто не jQuery танкист.
Программы становятся медленнее быстрее, чем компьютеры становятся быстрее (с) Никлаус Вирт
Ответить с цитированием
  #2 (permalink)  
Старый 19.02.2010, 22:23
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

position:fixed?
Ответить с цитированием
  #3 (permalink)  
Старый 19.02.2010, 22:28
Аватар для PeaceCoder
Профессор
Отправить личное сообщение для PeaceCoder Посмотреть профиль Найти все сообщения от PeaceCoder
 
Регистрация: 15.12.2009
Сообщений: 742

Сообщение от Octane
position:fixed?
неподходит. т.к. position:fixed|absolute выдирают из потока элемент и он теряет ширину столбца + координаты все получается в куче. Пытался обертку делать td div:relative div:absolute, но при этом td теряет минимальную ширину столбца от названия самого столбца и получается опять фигня...
__________________
Настоящий программист думает и осознает сам решение задачи, а не копирует другие мысли, не осознавая их (c)
Относись к человеку так же, как хотелось бы отношения к себе (с)
Все нужно там, где оно нужно, а все не нужно нигде (с) Gozar
B~Vladi: А кто такой JavaScript стрелок?! micscr: это тот, кто не jQuery танкист.
Программы становятся медленнее быстрее, чем компьютеры становятся быстрее (с) Никлаус Вирт
Ответить с цитированием
  #4 (permalink)  
Старый 19.02.2010, 22:31
Аватар для Мараторий
Кандидат Javascript-наук
Отправить личное сообщение для Мараторий Посмотреть профиль Найти все сообщения от Мараторий
 
Регистрация: 22.01.2010
Сообщений: 114

http://www.dipcompany.com/texts/news9ot0.html
Ответить с цитированием
  #5 (permalink)  
Старый 19.02.2010, 22:41
Аватар для PeaceCoder
Профессор
Отправить личное сообщение для PeaceCoder Посмотреть профиль Найти все сообщения от PeaceCoder
 
Регистрация: 15.12.2009
Сообщений: 742

ие и FF, а остальные ? Разве нет кросса?
__________________
Настоящий программист думает и осознает сам решение задачи, а не копирует другие мысли, не осознавая их (c)
Относись к человеку так же, как хотелось бы отношения к себе (с)
Все нужно там, где оно нужно, а все не нужно нигде (с) Gozar
B~Vladi: А кто такой JavaScript стрелок?! micscr: это тот, кто не jQuery танкист.
Программы становятся медленнее быстрее, чем компьютеры становятся быстрее (с) Никлаус Вирт
Ответить с цитированием
  #6 (permalink)  
Старый 19.02.2010, 22:44
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

Мараторий,
Изврат.
Ответить с цитированием
  #7 (permalink)  
Старый 19.02.2010, 22:46
Аватар для Мараторий
Кандидат Javascript-наук
Отправить личное сообщение для Мараторий Посмотреть профиль Найти все сообщения от Мараторий
 
Регистрация: 22.01.2010
Сообщений: 114

http://www.webreview.org.ua/?id=3&ac...etail&ar_id=39
А вообще, гугл: "таблица с прокруткой html"
Ответить с цитированием
  #8 (permalink)  
Старый 19.02.2010, 22:54
Отправить личное сообщение для Octane Посмотреть профиль Найти все сообщения от Octane  
Регистрация: 10.07.2008
Сообщений: 3,873

разве что убить скролл страницы, растянуть таблицу по высоте и добавить для <tbody> скролл через overflow:auto;
Ответить с цитированием
  #9 (permalink)  
Старый 19.02.2010, 23:00
Аватар для subzey
Пионэр
Отправить личное сообщение для subzey Посмотреть профиль Найти все сообщения от subzey
 
Регистрация: 16.11.2009
Сообщений: 1,322

Увы, сейчас я далеко от десктопного браузера (и пьян), но на словах:
У обвертки ставим релейтив оверфлоу: скролл, внутри каждой ТэАш'ки заголовка - див с абсолютом. Результат: таблица прокручивается, а её заголовки позиционируются от обвертки.
Ответить с цитированием
  #10 (permalink)  
Старый 20.02.2010, 11:41
Аватар для PeaceCoder
Профессор
Отправить личное сообщение для PeaceCoder Посмотреть профиль Найти все сообщения от PeaceCoder
 
Регистрация: 15.12.2009
Сообщений: 742

Сообщение от subzey
Результат: таблица прокручивается, а её заголовки позиционируются от обвертки.
Годен только на фикс ширины столбцов иначе ширина абсолютов становится минимальной а не размеру ячейки и получается фигня.
__________________
Настоящий программист думает и осознает сам решение задачи, а не копирует другие мысли, не осознавая их (c)
Относись к человеку так же, как хотелось бы отношения к себе (с)
Все нужно там, где оно нужно, а все не нужно нигде (с) Gozar
B~Vladi: А кто такой JavaScript стрелок?! micscr: это тот, кто не jQuery танкист.
Программы становятся медленнее быстрее, чем компьютеры становятся быстрее (с) Никлаус Вирт

Последний раз редактировалось PeaceCoder, 20.02.2010 в 12:00.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Динамическое изменение background-a в ячейках таблицы Gh0stik Events/DOM/Window 15 02.08.2012 19:40
изменение ширины столбцов таблицы yngwie19 Элементы интерфейса 10 11.11.2009 17:22
смена фоновой картинки у таблицы cuberboy Общие вопросы Javascript 0 15.10.2009 23:06
Перемещение строк таблицы в Firefox barcelona jQuery 17 23.02.2009 15:41
Фиксированный заголовок таблицы ilshat Элементы интерфейса 6 20.12.2008 00:35