Автор Тема: "Замороженная" шапка таблицы  (Прочитано 4816 раз)

0 Пользователей и 1 Гость просматривают эту тему.

Оффлайн Kettel

  • Завсегдатай
  • Пользователь
  • **
  • Сообщений: 60
  • +0/-0
  • 0
    • Просмотр профиля
"Замороженная" шапка таблицы
« : 13 Марта 2007, 21:13:58 »
Нужно сделать так, чтобы при скроллинге таблицы (не экрана, а именно таблицы; скроллинг сделан с помощью атрибута overflow) её шапка оставалась на месте.
Разнести шапку и контент в разные таблицы не получается из-за того, что ширина столбцов зависит от длины текста в ячейках таблицы (может быть левый столбец шире правого, а может и наоборот).
Поместить шапку в отдельный div тоже не получается...

Подкиньте идеек как решить проблему.

Оффлайн CGVictor

  • теперь местный
  • Глобальный модератор
  • Ветеран
  • *****
  • Сообщений: 2511
  • +0/-0
  • 2
    • Просмотр профиля
    • http://cg.net.ru
"Замороженная" шапка таблицы
« Ответ #1 : 14 Марта 2007, 10:29:25 »
Kettel
Вот так взял и от всех путей решений сразу открестился :)

По ширине: во-первых, можно как-то уравнять эту самую ширину относительными значениями в width, а во-вторых даже банально JS-ом выравнивать на лету.

Шапку в отдельный div: почему нет?

Можно поиграться с абсолютным положением для
LJ: Backslashed life (rss)

Оффлайн Kettel

  • Завсегдатай
  • Пользователь
  • **
  • Сообщений: 60
  • +0/-0
  • 0
    • Просмотр профиля
"Замороженная" шапка таблицы
« Ответ #2 : 14 Марта 2007, 18:48:39 »
Хм...
Я нашёл вот такой пример, но у меня ни в Опере ни в IE он почему-то не работает. Может если разобраться почему, то я пойму как сделать то, что я хочу?

Оффлайн CGVictor

  • теперь местный
  • Глобальный модератор
  • Ветеран
  • *****
  • Сообщений: 2511
  • +0/-0
  • 2
    • Просмотр профиля
    • http://cg.net.ru
"Замороженная" шапка таблицы
« Ответ #3 : 14 Марта 2007, 19:55:17 »
Kettel
А, ну да :)
>>This test is part of a  test suite  for the  User Agent Accessibility Guidelines (UAAG) 1.0  
Пример хороший, но что-то оно не особо работает.
Чисто технически, возможно, можно сделать так: оверфлоу для всей таблицы и absolute для thead. Но 1) сам не тестил и 2) как-то тоже коряво...
LJ: Backslashed life (rss)

Оффлайн Kettel

  • Завсегдатай
  • Пользователь
  • **
  • Сообщений: 60
  • +0/-0
  • 0
    • Просмотр профиля
"Замороженная" шапка таблицы
« Ответ #4 : 14 Марта 2007, 20:48:42 »
Нашёл РАБОТАЮЩИЙ пример (правда только в IE, но мне только в нём и надо).
Но! У меня в таблице есть select\'ы, а они всё равно при прокрутке ползают поверх шапки. Устранимо ли это?

UPD
Решил проблему выносом шапки в отдельную таблицу с динамической подгонкой ширины столбцов.
« Последнее редактирование: 14 Марта 2007, 21:42:35 от Kettel »

Оффлайн CGVictor

  • теперь местный
  • Глобальный модератор
  • Ветеран
  • *****
  • Сообщений: 2511
  • +0/-0
  • 2
    • Просмотр профиля
    • http://cg.net.ru
"Замороженная" шапка таблицы
« Ответ #5 : 15 Марта 2007, 10:54:39 »
Kettel
Хм... через задницу, но неплохо.

Про селекты - нет, не исправить, это отдельный глюк IE.
LJ: Backslashed life (rss)

Оффлайн CGVictor

  • теперь местный
  • Глобальный модератор
  • Ветеран
  • *****
  • Сообщений: 2511
  • +0/-0
  • 2
    • Просмотр профиля
    • http://cg.net.ru
"Замороженная" шапка таблицы
« Ответ #6 : 15 Марта 2007, 10:55:13 »
All
Народ, может тему в FAQ?
LJ: Backslashed life (rss)

Оффлайн Kettel

  • Завсегдатай
  • Пользователь
  • **
  • Сообщений: 60
  • +0/-0
  • 0
    • Просмотр профиля
"Замороженная" шапка таблицы
« Ответ #7 : 15 Марта 2007, 18:53:43 »
Про неисправимый баг с селектами точно надо в FAQ.
Ну и пример с шапкой тоже можно.

 

Sitemap 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28