Таблица прокручиваемая

Прокручиваемая таблица

В приведенном здесь примере строка заголовков таблицы фиксирована, а прокручиваются только строки с данными. Код работает во всех ведущих браузерах, в том числе и в IE7,8 как в стандартном режиме, так и в режиме предоставления совместимости.
Суть решения данной задачи в следующем. Создадим таблицу с заголовками столбцов и с единственным рядом данных, содержащим единственную ячейку, расширенную на количество столбцов посредством атрибута colspan. В эту ячейку вставим прокручиваемый контейнер <div>, а в него — таблицу, содержащую только ряды с данными. Далее останется только согласовать размеры внешней и внутренней таблиц.

N п/пИмяФамилияДолжностьОклад
1ИванИвановДиректор10000
2ПетрПетровБухгалтер5000
3 СидорСидоровОхранник300
4 ПавелПавловОхранник350
5 ФедорФедоровВодитель200
6 АльбинаАльбиносоваСекретарша4200
7 МарусяМашинаУборщица3500