Сохранение заголовка строки и столбца таблицы видимыми при прокрутке

Question

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

Мне удалось заставить первый ряд (заголовки столбцов) оставаться видимым ( пример jsfiddle ), но я в растерянностисделать то же самое для первого столбца.

PS: мне не нужно решение iframe (с дополнительными свитками), но решение, похожее на то, что у меня есть, но для первого столбца.

РЕДАКТИРОВАТЬ: Я сделал это: jsfiddle пример

Answer 1

Для тех, кто заинтересован, я исправил мерцание и переключение, и результат теперь идеален (для меня). ( пример jsfiddle )

Answer 2

Использование JS кажется немного излишним для этого решения. Работа с таблицами может быть болезненной, но есть свойство CSS под названием position: fixed, которое можно использовать для этой цели. Я собрал демонстрационную версию, которая не на 100% идеальна, когда дело доходит до выравнивания, но она демонстрирует, как использовать ее для вашего приложения.

ДЕМО: http://wecodesign.com/demos/stackoverflow-7433377.htm