Для сводных отчетов нужно, чтобы несколько колонок слева и заголовок оставались на месте, а данные прокручивались. Находил много решений, но они использовали библиотеки типа jQuery или были сложны в реализации (не учитывалось объединение ячеек)
Мне хотелось сделать что-то универсальное и простое. Вроде получилось :)   Области фиксируются вызовом функции

Успешно работает в IE10, новой Опере, Мозилле, Хроме.
Демо https://jsfiddle.net/axeqojwu/1/embedded/result/
Исходники с комментариями http://jsfiddle.net/axeqojwu/1/

З.Ы. Функция setSum в реальных проектах не нужна, она заполняет пустые ячейки случайными числами
table fix header column таблица фиксированный заголовок столбец области прокручиваемый

carrotik,

по идее не должно расползтись. Больше всего мучений было с IE (высота строк в левой фиксированной области). Лечится в CSS min-height:14px; (в комментариях подробнее написал). В реальности, клиентской высоты меньше 14px не будет...   А вот с шириной проблем не было нигде.
Фиксированная область - это 3 таблицы, где вычисляется высота/ширина ячеек. Хотел сначала тоже на дивах сделать, но на таблицах оказалось проще

Добрался до колёсика мыши...   Демо https://jsfiddle.net/axeqojwu/2/embedded/result/
Исходники https://jsfiddle.net/axeqojwu/2/
Не знаю, будет ли колёсико мыши работать в Сафари.

Алекссс,

если надо закрепить области у резиновой таблицы, то скорее всего, подойдет такой сценарий:
- вычисляем ширину/высоту таблицы через offsetWidth и offsetHeight
- вызываем FixHeaderCol

Там не так много кода, и комментарии есть   Функцию FixHeaderCol легко модифицировать под себя...