Get new jQuery plugins just once a week

×

Wholly

FavoriteLoadingAdd to favorites

May 1, 2014

Wholly | jQuery plugin for highlighting table with colspan and rowspan

Wholly is a jQuery plugin for highlighting the entire table column with support for tables with colspan and rowspan attributes.
If you want to support colspan and rowspan, then first you need to build table cell index, ie. matrix that identifies cell position in every row regardless of the markup.

Example Code :-

$(function () {
var wtable = $('table');

wtable.wholly();

wtable.on('wholly.mouseenter', 'td, th', function () {
$(this).addClass('highlight');
});

wtable.on('wholly.mouseleave', 'td, th', function () {
$(this).removeClass('highlight');
});
});

Created by Gajus Kuizinas

Download

Example

Wholly jQuery plugin

highlight cols

Wholly

Related posts:

traceit-js
Columns
contents
Wholly jQuery plugin

http://jquer.in/wp-content/uploads/2014/04/Wholly.jpg

jQuery plugin

Sign up for our weekly newsletter.

* We won't spam you ever