A jQuery-plugin that highlights whole columns in a table when hovering over them.
It’s supporting tables with colspans and rowspans, too!

If you need support for row highlighting through the plugin, please head over to the tableHover plugin page.

Available options:

* hoverClass – string – A CSS class that is set on the cells in the column with the mouse over. Default value: “hover”
* eachCell – boolean – Allows highlighting the column while hovering over the table body or table footer. When disabled, highlighting is allowed only through the table header. Default value: false
* includeSpans – boolean – Includes columns with the colspan attribute set in the hover and highlight process. Default value: true
* ignoreCols – array – An array of numbers. Each column with the matching column index won’t be included in the highlighting process. Index starting at 1! Default value: []

Demo: http://p.sohei.org/stuff/jquery/columnhover/demo/demo.html

Download: jquery.columnhover.js (6kb) jquery.columnhover.pack.js (1.4kb)

Source: http://p.sohei.org/jquery-plugins/columnhover/

Related Listings:

1. Click Menu using Jquery A clickable dropdown menu with (theoretically unlimited) submenus made out...
2. TinyTable V3: Advanced JavaScript Table Sorter TinyTable, a lightweight JavaScript table sorter that was featured before,...
3. Smart Columns using CSS and jQuery As I observe other liquid based websites, I see two...

Do you like this post?

Email: