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

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

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

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

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

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

1.png

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

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

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

Идеология следующая:
1. создаем шапку, которая будет фиксированной, для этого используем ширину и текст шапки таблицы
2. при прокручивании окна по горизонтали двигаем зафиксированную шапку
Ответ написан
Пригласить эксперта
Ответы на вопрос 2
@niko83
Я задавал похожий вопрос, habrahabr.ru/qa/7987/ ознакомтесь, возможно найдёте полезный комментарий. В своём проекте я лично отказался от непомерных таблиц и пошёл другим путём.
Ответ написан
Комментировать
@Dmaw
Может кому пригодится, заголовок двигается за таблицей, таблиц может быть несколько examples.mega8.ru/js/11.php
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы