>
 





When displaying tables in web pages, alternating the background color of each row can increase readability. The jQuery plugin Colorize helps us to alternate table rows and columns, add highlight effect on mouse over and colorize a row/column on mouse click.

Alternating the background color of each row using jQuery
Colorize - jQuery Plugin for alternating table row colors

 

The plugin is easier to implement when compared to CSS and Javascript alternating table row color techniques and highly customizable. More details about plugin parameters and the demo can be found at:

COLORIZE – JQUERY TABLE PLUGIN

Want automatic updates? Subscribe to our RSS feed or
Get Email Updates sent directly to your inbox!

Currently rated 3.0 by 3 people

  • Currently 3/5 Stars.
  • 1
  • 2
  • 3
  • 4
  • 5
Tag : ,
Categories : All | jQuery
Share & Support : del.icio.us | DZone it! | Kick it! | digg it! | Furl | Technorati


Comments

October 13. 2009 15:25

Do you know that you can do row alternance in 2 simples lines with jQuery selectors ?
I use a lot of jQuery plug-ins but sometime toomuch plug-ins kill the plug-ins ;)

// manage table rows alternance
$( function()
    {
        // I put classes here, but I can directly change style...
        $('table tr:even').addClass('even');
        $('table tr:odd').addClass('odd');
    }
);

Mose | Reply

October 22. 2009 09:27

Pingback from topsy.com

Twitter Trackbacks for
        
        jQuery Colorize - Plugin for Alternating Table Row Color/Column Color
        [bloggingdeveloper.com]
        on Topsy.com

topsy.com | Reply

October 22. 2009 17:14

Social comments and analytics for this post

This post was mentioned on Twitter by bloggingdev: jQuery Colorize - Plugin for Alternating Table Row Color/Column Color - http://su.pr/9Eywmf

uberVU - social comments | Reply

November 23. 2009 12:24

Is it ok to use Jquery in my website?

SEO | Reply

December 26. 2009 19:31

Nice post . keep up the good work

cash loans | Reply

March 5. 2010 16:20

I agree with Mose - just by simply adding selectors and adding class styles will be able to put alternating row colors. Adding a separate plugin for this will just add more loading time for your website.

Kenneth | Reply

Add comment




(Will not be displayed!)








Free CMS