Search the Community
Showing results for tags 'фиксированный'.
-
Таблица. Фиксированный заголовок, столбец. Покритикуйте код.
user89 posted a question in HTML Coding
Здравствуйте! Всем известно, что в Excel можно зафиксировать области так, что при прокрутке содержимого таблицы, сторока и столбец оставались на месте. Решил сделать нечто подобное и для HTML. В гугле полно примеров, но большинство из них очень громоздки или используют jQuery и прочие библиотеки. А мне хотелось как-нибудь попроще, без JavaScript, на одном CSS. Если фиксировать что-нибудь одно, то скрипт не нужен, например для заголовка http://jsfiddle.net/2Bfxm/3/ Но одновременно и для столбца, не получится без JavaScript. Впрочем, он небольшой. Пример работает в Опере, Мозилле, Хромом, IE8-9 http://jsfiddle.net/bS3wf/ Маленький недостаток - в IE8-9 при прокрутке, немного дергается заголовок или столбец.- 3 replies
-
- таблица
- фиксированный
- (and 7 more)
-
Для сводных отчетов нужно, чтобы несколько колонок слева и заголовок оставались на месте, а данные прокручивались. Находил много решений, но они использовали библиотеки типа jQuery или были сложны в реализации (не учитывалось объединение ячеек) Мне хотелось сделать что-то универсальное и простое. Вроде получилось Области фиксируются вызовом функции FixHeaderCol(<таблица>, <сколько фиксировать строк>, <сколько фиксировать столбцов>, <ширина таблицы>, <высота таблицы>) Успешно работает в IE10, новой Опере, Мозилле, Хроме. Демо https://jsfiddle.net/axeqojwu/1/embedded/result/ Исходники с комментариями http://jsfiddle.net/axeqojwu/1/ З.Ы. Функция setSum в реальных проектах не нужна, она заполняет пустые ячейки случайными числами