GE_Pass
Житель
- Регистрация
- 30.01.14
- Сообщения
- 212
- Реакции
- 49
- Автор темы
- #1
Wholly: делаем таблицы читабельными
Демо: http://ruseller.com/lessons/les2036/demo/index.html
Исходник:
Данный jQuery плагин обрабатывает события mouseenter и mouseleave. Используется для подсветки элементов таблиц в зависимости от атрибутов colspan и rowspan.
В зависимости от значений colspan и rowspan, будут подсвечены те или иные колонки и строки.
Применение
С помощью данного плагина вы можете подсветить одновременно колонки и строки таблицы.
Настройка
Для активации плагина используйте следующий код. Никаких дополнительных настроек нет.
Источник урока: https://github.com/gajus/wholly
Демо: http://ruseller.com/lessons/les2036/demo/index.html
Исходник:
Скрытое содержимое доступно для зарегистрированных пользователей!
Данный jQuery плагин обрабатывает события mouseenter и mouseleave. Используется для подсветки элементов таблиц в зависимости от атрибутов colspan и rowspan.

В зависимости от значений colspan и rowspan, будут подсвечены те или иные колонки и строки.
Применение
С помощью данного плагина вы можете подсветить одновременно колонки и строки таблицы.

Настройка
Для активации плагина используйте следующий код. Никаких дополнительных настроек нет.
Код:
$(function () {
var table = $('table');
table.wholly();
table.on('wholly.mouseenter', 'td, th', function () {
$(this).addClass('wholly-highlight');
});
table.on('wholly.mouseleave', 'td, th', function () {
$(this).removeClass('wholly-highlight');
});
});
Источник урока: https://github.com/gajus/wholly