Таблица. Фиксированный заголовок, столбец.

[user89]

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

Мне хотелось сделать что-то универсальное и простое. Вроде получилось      Области фиксируются вызовом функции

FixHeaderCol(<таблица>, <сколько фиксировать строк>, <сколько фиксировать столбцов>, <ширина таблицы>, <высота таблицы>)

Успешно работает в IE10, новой Опере, Мозилле, Хроме.

Демо https://jsfiddle.net/axeqojwu/1/embedded/result/

Исходники с комментариями http://jsfiddle.net/axeqojwu/1/

 

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

[afdw]

Колёсико мыши не работает.

В последнем примере однопиксельный скролл.

[user89]

Ага. Колёсико не работает. Будет время, попробую сделать.

 

>> В последнем примере однопиксельный скролл.

Да, в IE появляется скролл, надо было высоту вместо 147px сделать 150px. А еще лучше, типа

if (rowFix == 0) {<автоподсчет высоты контейнера>}

Edited June 22, 2015 by user89

[afdw]

У меня Chrome, а не IE.

Edited June 22, 2015 by afdw

[user89]

В хромом нормально

 

Edited June 22, 2015 by user89

[afdw]

Что у вас со скроллбарами?

[user89]

Может тут windows свои коррективы вносит? Работаю на Windows-7 64 bit.

[user89]

Добрался до колёсика мыши...   Демо https://jsfiddle.net/axeqojwu/2/embedded/result/

Исходники https://jsfiddle.net/axeqojwu/2/

Не знаю, будет ли колёсико мыши работать в Сафари.