Как закрепить заголовок у таблицы?

Question

[Илья Черничкин]

Доброго времени суток.

Возникла следующая проблема, необходимо закрепить заголовок у html таблицы, что бы скроллилось только нижняя часть.

Перепробовал уже с десяток разных решений, пробовал изобрести что то свое. Не получается.

Сложность в том, что помимо вертикального скролла, присутствует и горизонтальный и есть еще и colspan.

Ниже скриншот



Пробовал, и разделить на две таблицы, тогда у верхней таблицы с заголовком нужно выравнивать длину ячеек, но найти нужного решения так и не смог.

Может кто сталкивался с подобной проблемой, подскажите решение

Спасибо

Answer 1

[relic]

Вот что набросал на скорую руку: http://jsfiddle.net/4jfQ6/
с горизонтальным и вертикальным скроллом, на первый взгляд, работает как и хотелось бы

Идеология следующая:
1. создаем шапку, которая будет фиксированной, для этого используем ширину и текст шапки таблицы
2. при прокручивании окна по горизонтали двигаем зафиксированную шапку

Comments

[Илья Черничкин]

Сорри, чет там нет вертикального скролла(

[Makito]

Так вы сожмите окно по высоте, появится.

[Илья Черничкин]

Тупняк=) спасибо проверим на моем коде

[Никита Траторов]

Пример не выдерживает изменения ширины контейнера.

Answer 2

[niko83]

Я задавал похожий вопрос, habrahabr.ru/qa/7987/ ознакомтесь, возможно найдёте полезный комментарий. В своём проекте я лично отказался от непомерных таблиц и пошёл другим путём.

Answer 3

[Dmaw]

Может кому пригодится, заголовок двигается за таблицей, таблиц может быть несколько examples.mega8.ru/js/11.php