This is the jQuery approach: (written from head, so may not compile)
CSS= .striped tr { background-color : #FFFFFF }
MARKUP= <table><tbody
class="striped"><tr><td>hoho</td></tr><tr><td>haha</td></tr><tr><td>hihi</td></tr></tbody></table>
JS= $('.striped tr:nth-child(odd)').css('background-color','#DDDDDD');
Ref: http://dev.opera.com/articles/view/zebra-striping-tables-with-css3/
Cheers,
Viktor
On Mon, May 11, 2009 at 3:54 PM, marius d. <[email protected]> wrote:
>
> Assume that in your snippet you have a List[String] that you want to
> render as table rows such as:
>
>
> val list = "one" :: "two" :: "three" :: Nil
>
> def render(xhtml: NodeSeq): NodeSeq = {
> <table>{
> list.zipWithIndex((e, idx) => <tr><td>{e}</td></tr> %
> if (idx % 2 == 0)
> Null // Null is a MetaData here
> else
> ("class" -> "my_gray_out")
> )
> }</table>
> }
>
> note that i did not test the code ... so it may not compile ... but I
> hope you got the idea.
>
> Br's,
> marius
>
> On May 11, 3:52 pm, Magnus Alvestad <[email protected]> wrote:
> > I'm still learning lift (and scala). For my sample application I want
> > to display a table with alternating row colors. I want to put the
> > style in my CSS file and add a classname to every TR in my table to
> > indicate odd and even rows. However, I don't know how to take a value
> > from the snippet binding and assigning it to an attribute in my
> > template file. Can anyone point me in the right direction?
> >
> > -Magnus
> >
>
--
Viktor Klang
Senior Systems Analyst
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Lift" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to
[email protected]
For more options, visit this group at
http://groups.google.com/group/liftweb?hl=en
-~----------~----~----~----~------~----~------~--~---
