Wholly: делаем таблицы читабельными

Скачать Wholly: делаем таблицы читабельными
Недавно искали:

GE_Pass

Житель
Регистрация
30.01.14
Сообщения
212
Реакции
49
Wholly: делаем таблицы читабельными

Демо: http://ruseller.com/lessons/les2036/demo/index.html
Исходник:
Скрытое содержимое доступно для зарегистрированных пользователей!


Данный jQuery плагин обрабатывает события mouseenter и mouseleave. Используется для подсветки элементов таблиц в зависимости от атрибутов colspan и rowspan.

wholly.gif


В зависимости от значений colspan и rowspan, будут подсвечены те или иные колонки и строки.

Применение
С помощью данного плагина вы можете подсветить одновременно колонки и строки таблицы.

example-use-case.png


Настройка
Для активации плагина используйте следующий код. Никаких дополнительных настроек нет.

Код:
$(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
 
Назад
Сверху Снизу