Creative Web Specialist - An online portfolio and resource site of Warren Buckley

Latest Posts

Oct15th

Alternative table row styling with CSS and Javascript - revisited using jQuery

Author
Warren Buckley
Categories

Hello all,
After a long time away I have decided to start using this blog again to post about useful code snippets mainly for my own benefit, but feel free to use or modify it to help you learn.

This is a very quick blog post revisiting the alternative table row styling AKA “Zebra tables” blog post I made back in May of this year, I have recently started using the Javascript library called jQuery, which I have managed to revisit this topic and reduce the lines of code dramatically. By using the jQuery library I have manged to produce Javascript which is easy to read and understand.

Here is the example of the improved alternative table row example.

As always I look forward to hearing your comments.

12 comments
Chris Houston
14th May, 2008
Hi Warren, Can you drop me an email so I can contact you directly?

Cheers,
Chris
el
24th November, 2008
i know this blog post is quite old now but are you able to put that link back up? its currently broken and i'd quite like to check out how to make zebra tables in umbraco.
Warren Buckley
24th November, 2008
Hi El I have now updated the links for this now and should work. However this is not specific to umbraco but XHTML in general.

Warren
el
24th November, 2008
Thanks Warren!

Ive been looking for ways of doing the Zebra effect on tables without using CSS to target every odd table row, and this does the trick, were implementing a site into Umbraco and the tables are meant to be fully editable with the Zebra effect.

Now the end user can edit the table without having to worry about rearranging the background colour in the row.

Cheers
anoop
06th January, 2009
from where i download your code?
Warren Buckley
06th January, 2009
@Anoop the code is directly downloadable as such.

If you click on the link above or goto this URL (same as link above)
http://www.creativewebspecialist.co.uk/jQuery_examples/alternative-row-styles/index.html

Right click and view source you will see the XHTML, CSS and jQuery code that is required to achieve the end result.

It should be self explanatory but if you have any questions let me know.

Warren
keith
06th October, 2009
what if I have two tables with different styles..?
pallIndenly
31st December, 2009
Excellent update I did not know that! Glad to see you updating this even during these tough economic times.
Sarah,
[url=http://watch-daybreakers.net]Watch Daybreakers Online[/url] site admin, fellow blogger.
Skiggiplofild
31st December, 2009
Hello

I just wanted to say hello and verify if you guys can help me out a bit because i really like this place and the
people in here always seems to be very considerate . I need some advice regarding my laptop because its a
bit old and i need to change it, its a windows laptop and i want to get a MacBook Pro, should i make this step
and change from windows to Apple ? By the way i just found a page where you can win a
Free Apple Macbook and i think is worth to try its free. Thanks for your help !

"[url=http://winafreeapplemacbook.blogspot.com/] Win a Free Apple Macbook [/url] "
alaptelia
16th January, 2010
The Internet's Fastest, Easiest And Laziest 'Plug-And-Play' Software For Making Immediate Money Online With [b]Twitter[/b]...

[b]The Killer Software That Makes Me $3267.75 EveryDay Uding Twitter[/b]

Using The Power Of Twitter.Com And This Plug-And-Play Software You Have An Automated Money Machine That Can't Stop Sending You Cash...Even If You Want It To!

FREE!!!! FREE!!!! FREE!!!! FREE!!!! FREE!!!! FREE!!!! FREE!!!! FREE!!!! FREE!!!!

[b][url=http://turbocashgeneratorfree.wordpress.com]!!! DOWNLOAD HERE !!![/url][/b]
NerMockScooky
28th January, 2010
hello im latest to the forum, this is a great station to be promise im appreciated
I was wondering if anyone could have a look at my blogs and notify me what you think

[url=http://hubpages.com/hub/Vista-registry]vista registry[/url]
[url=http://vista-registry-cleaners.blogspot.com/]vista registry cleaners[/url]
[url=http://www.squidoo.com/bestvistaRegistrycleaners]best vista registry cleaner[/url]
[url=http://vistaregistrycleaner.wordpress.com/]vista registry cleaner[/url]
[url=http://vistaregistry.tumblr.com/]registry cleaner[/url]
[url=http://vistaregistryrepair.webs.com/]vista registry repair[/url]
[url=http://david649.vox.com/library/post/best-registry-cleaner-for-vista.htm]registry cleaner vista[/url]


greetz


Hello thanks for the super post ,i have been following you for
a while now and you write some Great content. your posts help me alot.
hopefully my site will help people out who needs there reg cleaning
BeaurffaF
25th February, 2010
The response level to local and national disasters is awesome but it's a damn shame that so many people take advantage of the sad situations.

I mean everytime there is an earthquake, a flood, an oil spill - there's always a group of heartless people who rip off tax payers.

This is in response to reading that 4 of Oprah Winfreys "angels" got busted ripping off the system. Shame on them!
http://www.cbsnews.com/blogs/2009/08/19/crimesider/entry5251471.shtml
Post a comment »

Comment's have been disabled, due to getting hit badly with comment form spam

Categories

Recently

Categories

Monthly Archives

My Skill Set

This is a quick list of my skill set to date

  • XHTML
  • CSS
  • Photoshop (Slicing)
  • XSLT
  • ASP.NET
  • Umbraco .NET CMS

My Links

Umbraco
Xeed
Profiles

My del.icio.us

My Last.FM

I am listening to:

  • Ain't Pretending by CowbellOh Girl29 Jul 2010, 10:37
  • Just Want Your Love by CowbellOh Girl29 Jul 2010, 10:33
  • Oh Girl by CowbellOh Girl29 Jul 2010, 10:31
Warren Buckley is an umbraco MVP 2008/2009 Warren Buckley is an umbraco level 1 certified developer

Photo of Warren Buckley Warren Buckley is a Creative Web Specialist based in Leigh on Sea, Essex , UK.