Есть ли чистое решение CSS для замораживания ОБА заголовков строк и столбцов в таблице?

Question

Мне нужно заморозить несколько строк вверху и несколько столбцов слева от огромной таблицы.Можно ли это сделать с помощью чистого CSS (и с сохранением одной большой таблицы), или я должен разделить таблицу на три таблицы и использовать JavaScript для синхронизации?К счастью, все ячейки имеют фиксированную ширину / высоту, и мне не нужно размещать гибкие ячейки.

О, что касается поддержки браузера - IE7 + должен поддерживаться;желательно IE6 тоже (не уверен, понадобится ли мне это или нет);остальные могут быть последней версией.

Answer 1

Вот неполное, грязное решение, которое решает проблему столбцов. Но я думал, что кто-то может найти это ценным. Несколько человек отметили, что «thead» может работать для заголовков, но никто не предложил решение по столбцам:

http://jsfiddle.net/C8Dtf/20/

Работает с одним div для обработки горизонтальной, а другой - для вертикальной прокрутки. Основная проблема заключается в том, что вы не можете видеть горизонтальную полосу прокрутки, пока не перейдете к нижней части (но прокрутка колесика мыши работает просто отлично). Это работает в IE7, и я использовал некоторые отображения: встроенные хаки, чтобы осуществить это. Примечание. Я использую только javascript для создания таблиц.

Моя интуиция после небольшой борьбы с этим заключается в том, что не существует чистого решения CSS. Я просто не могу представить способ синхронизации прокрутки в обоих направлениях.