Any Rails + 960gs Gurus here? - zebra striping tables

Rails
1

People,

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

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 R.

GPO Box 3411
Sydney NSW 2001
Australia
E-mail: [email protected]

2

forget this, try CSS: even and odd rules

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

tom

On Feb 13, 2013, at 20:24 , Philip R. [email protected] wrote:

GPO Box 3411
Sydney NSW 2001
Australia
E-mail: [email protected]

–
You received this message because you are subscribed to the Google G. “Ruby
on Rails: Talk” group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To post to this group, send email to [email protected].
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

3

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 M. 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
[email protected].
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 R.

GPO Box 3411
Sydney NSW 2001
Australia
E-mail: [email protected]

4

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 R. [email protected] wrote:

forget this, try CSS: even and odd rules

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 [email protected].

–

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

www.meinlschmidt.com www.maxwellrender.cz

5

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 M. 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 R.

GPO Box 3411
Sydney NSW 2001
Australia
E-mail: [email protected]

6

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.