Как зафиксировать заголовок таблицы?

Question

[andreyqin]

Всем добрый день.
Есть код - jsfiddle.net/vBkwU/2

Вопрос следующий - как зафиксировать заголовок таблицы при прокрутке средствами javascript (jQuery)? Если для данного случая есть способ на CSS, то будет даже лучше.

Answer 1

[Виталий Киренков]

Клонируйте таблицу в отдельный див, который в абсолюте.

Answer 2

[enchikiben]

fixedheadertable.com

Comments

[andreyqin]

Не хотелось бы для такой задачи ставить плагин. Может есть какое-то альтернативное решение?

[Виталий Киренков]

Ну не ставьте плагин, руками напишите, чтобы чисто шапка дублировалась.

[andreyqin]

Не совсем понял, можно чуть подробнее про саму идею?

[Виталий Киренков]

var table = $("table").clone();
table.appendTo("#someDivWithOverflow");

Вы просто визуально дублируете таблицу в другой див.

[andreyqin]

Все равно не улавливаю логики. Ну продублировал я её, и что?

Answer 3

[Александр]

нереально. проще отдельной таблицей сделать заголовок

Answer 4

[Юрий Лобанов]

jsfiddle.net/iiil/vBkwU/9
как вариант. Если ширина таблицы заранее известна - то еще проще будет.

Правда есть один момент, если у Вас определять ширину столбцов будет контент, то будут проблемы :)
jsfiddle.net/iiil/vBkwU/10

Answer 5

[Alexander Mischuk]

tympanus.net/Tutorials/StickyTableHeaders/index.html