Zebra striped tables

Question

Is there a simple way of "zebra striping" results rows in SimpleResultsTable, e.g. change background of all even-numbered lines to light gray?

Accepted Answer

3

It is possible to do this in CSS, but only if you're using a CSS3 capable browser. In the application.css file, add something like:

table.simpleResultsTable tr:nth-child(even) { background-color: #ddd; }
table.simpleResultsTable tr:nth-child(odd) { background-color: #fff; }

link

answered 22 Nov '10, 15:39

ziegfried ♦
7.2k●1●3●15
accept rate: 53%