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

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

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

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

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

2 ответа

Решение

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

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

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

Другие вопросы по тегам