Forum: Ruby on Rails Any Rails + 960gs Gurus here? - zebra striping tables

People,

For zebra striping tables on basic Rails apps I have quite happily
used:

   <tr class="<%= cycle('oddrow', 'evenrow') %>">

in the table listing in index.html.erb with

   table tr.evenrow { background-color: white; }
   table tr.oddrow { background-color: silver; }

in the application style sheet but I can't get it to work with the 960
Grid System stuff.

I have messed around using "tbody" tags and nth-child etc but can't get
anywhere - anyone got any clues?  I can't find any mailing list or other
support for 960gs.

Thanks,

Phil.
--
Philip Rhoades

GPO Box 3411
Sydney NSW  2001
Australia
E-mail:  phil@pricom.com.au

forget this, try http://www.w3.org/Style/Examples/007/evenodd.en.html

- so, make your strips with CSS, not with your application

tom

On Feb 13, 2013, at 20:24 , Philip Rhoades <phil@pricom.com.au> wrote:

>
> GPO Box 3411
> Sydney NSW  2001
> Australia
> E-mail:  phil@pricom.com.au
>
> --
> You received this message because you are subscribed to the Google Groups "Ruby 
on Rails: Talk" group.
> To unsubscribe from this group and stop receiving emails from it, send an email 
to rubyonrails-talk+unsubscribe@googlegroups.com.
> To post to this group, send email to rubyonrails-talk@googlegroups.com.
> For more options, visit https://groups.google.com/groups/opt_out.
>

--
===============================================================================
Tomas Meinlschmidt, MS {MCT, MCP+I, MCSE, AER}, NetApp Filer/NetCache

www.meinlschmidt.com  www.maxwellrender.cz
===============================================================================

Tom,

I have tried that (if you read more closely you will see) - that is why
I was asking if anyone was familiar with the 960gs - their existing
style sheets seem to be blocking whatever I try . .

Thanks,

Phil.


On 2013-02-14 06:26, Tom Meinlschmidt wrote:
>> For zebra striping tables on basic Rails apps I have quite happily
>> 960 Grid System stuff.
>>
>> To post to this group, send email to
>> rubyonrails-talk@googlegroups.com.
>> For more options, visit https://groups.google.com/groups/opt_out.
>>
>
> --
> ===============================================================================
> Tomas Meinlschmidt, MS {MCT, MCP+I, MCSE, AER}, NetApp Filer/NetCache
>
> www.meinlschmidt.com  www.maxwellrender.cz
> ===============================================================================

--
Philip Rhoades

GPO Box 3411
Sydney NSW  2001
Australia
E-mail:  phil@pricom.com.au

did you check order of your stylesheets? Your stylesheet should be the 
last one. Use inspector tool and check style property.

or add important to your definition

eg

table.mytable tr:nth-child(even) {background: #CCC !important;}

tom

On Feb 13, 2013, at 20:43 , Philip Rhoades <phil@pricom.com.au> wrote:

>> forget this, try http://www.w3.org/Style/Examples/007/evenodd.en.html
>>> I have messed around using "tbody" tags and nth-child etc but can't get 
anywhere - anyone got any clues?  I can't find any mailing list or other support 
for 960gs.
>>> To unsubscribe from this group and stop receiving emails from it, send an 
email to rubyonrails-talk+unsubscribe@googlegroups.com.
>
>
--
===============================================================================
Tomas Meinlschmidt, MS {MCT, MCP+I, MCSE, AER}, NetApp Filer/NetCache

www.meinlschmidt.com  www.maxwellrender.cz
===============================================================================

Tom,

I put mine last but it didn't help.

However, then I used the inspector tool which eventually led me to a
better understanding of the supplied stylesheets - and I realised there
was already something there for ODD rows ONLY - I missed it before
because I was expecting a mention of both odd and even next to each
other - in this case, tr.odd just makes the odd rows have a background
of white when normally all the rows will have a background of light
grey.

Thanks!

Phil.


On 2013-02-14 06:58, Tom Meinlschmidt wrote:
>
>> Phil.
>>>> For zebra striping tables on basic Rails apps I have quite happily
>>>> Thanks,
>>>> To unsubscribe from this group and stop receiving emails from it,
>>
>> Groups "Ruby on Rails: Talk" group.
>
> www.meinlschmidt.com  www.maxwellrender.cz
> ===============================================================================

--
Philip Rhoades

GPO Box 3411
Sydney NSW  2001
Australia
E-mail:  phil@pricom.com.au

Use twitter-bootstrap and you will forget about it:
http://twitter.github.com/bootstrap/base-css.html#tables

Just add the needed gems into your Gemfile:

gem 'bootstrap-will_paginate', '~> 0.0.9'
gem 'bootstrap-datepicker-rails', '~> 0.6.37'
gem 'bootstrap-sass', '~> 2.2.2.0'


and require bootstrap in your css file (in the very first line:

@import "bootstrap";

and you are done.