Forum Webscript.Ru

Дизайн и Верстка => Всё о Html => Тема начата: Kettel от 13 Марта 2007, 21:13:58

Название: "Замороженная" шапка таблицы
Отправлено: Kettel от 13 Марта 2007, 21:13:58

Нужно сделать так, чтобы при скроллинге таблицы (не экрана, а именно таблицы; скроллинг сделан с помощью атрибута overflow) её шапка оставалась на месте.
Разнести шапку и контент в разные таблицы не получается из-за того, что ширина столбцов зависит от длины текста в ячейках таблицы (может быть левый столбец шире правого, а может и наоборот).
Поместить шапку в отдельный div тоже не получается...

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

Название: "Замороженная" шапка таблицы
Отправлено: CGVictor от 14 Марта 2007, 10:29:25

Kettel
Вот так взял и от всех путей решений сразу открестился :)

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

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

Можно поиграться с абсолютным положением для

Название: "Замороженная" шапка таблицы
Отправлено: Kettel от 14 Марта 2007, 18:48:39

Хм...
Я нашёл вот такой (http://www.w3.org/WAI/UA/TS/html401/cp1001/1001-THEAD-TBODY-TFOOT-OVERFLOW.html) пример, но у меня ни в Опере ни в IE он почему-то не работает. Может если разобраться почему, то я пойму как сделать то, что я хочу?

Название: "Замороженная" шапка таблицы
Отправлено: CGVictor от 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) как-то тоже коряво...

Название: "Замороженная" шапка таблицы
Отправлено: Kettel от 14 Марта 2007, 20:48:42

Нашёл РАБОТАЮЩИЙ пример (http://home.tampabay.rr.com/bmerkey/examples/locked-column-csv.html) (правда только в IE, но мне только в нём и надо).
Но! У меня в таблице есть select\'ы, а они всё равно при прокрутке ползают поверх шапки. Устранимо ли это?

UPD
Решил проблему выносом шапки в отдельную таблицу с динамической подгонкой ширины столбцов.

Название: "Замороженная" шапка таблицы
Отправлено: CGVictor от 15 Марта 2007, 10:54:39

Kettel
Хм... через задницу, но неплохо.

Про селекты - нет, не исправить, это отдельный глюк IE.

Название: "Замороженная" шапка таблицы
Отправлено: CGVictor от 15 Марта 2007, 10:55:13

All
Народ, может тему в FAQ?

Название: "Замороженная" шапка таблицы
Отправлено: Kettel от 15 Марта 2007, 18:53:43

Про неисправимый баг с селектами точно надо в FAQ.
Ну и пример с шапкой тоже можно.