Упрощенно страница состоит из двух div:
1) фиксированное верхнее меню - height: 77px; position: fixed;
2) нижняя часть для вывода текста и таблиц ввода - top: 77px; height: auto; position: absolute;
Нужно зафиксировать thead и прокручивать tbody таблицы из div2.
Размеры таблицы (thead, tbody) неизвестны, документов много.
Тестирую только в Firefox, поэтому совместимость с другими не важна.
.theadfix {
position: fixed;
width: 100%;
height: auto;
top: 77;
left: 0;
bottom: auto;
z-index: 3;
}
Таблица разделилась на две части (фиксированную thead и скроллинг tbody).
Возникли проблемы:
* thead перекрывает содержимое tbody, первые строки находятся под заголовком таблицы
* ширина столбцов в обоих частях стала разная.
Что делал похожее:
Для режима просмотра сделал одну широкую таблицу и показываю постранично
через js куски таблицы (горизонтальная прокрутка).
Не совсем это удобно и требует дополнительной разметки.
