Question

I would like to create an HTML table with row colors changing based on position and content. But instead of alternating every row, I’d like to be able to group rows together, so that I can have some XML like this:

<itemlist>    <item group='0'>Conent...blah blah</item>    <item group='0'>Content...who cares</item>    <item group='1'>Content</item>    <item group='2'>Content</item>    <item group='2'>Content</item> </itemlist> 

And all of the items with group=0 are one color, and items with group=1 are another, and group=2 are either toggled back to the first color, or are their own color.

All I can seem to find out there is ways to alternate every row, but I can’t seem to ‘get it’ when it comes to actually using the node data to help me make the decision.

Answer 1

Here’s an example of using ‘choose’ to apply a different class value based on the group value. Something similar to this would work if you want to treat each group in a specific way. If your decision logic for handling group 2 is more complex, then you could place additional decision logic inside the ‘when’ statement testing for group 2.

<xsl:template match='/'>     <ul>         <xsl:apply-templates select='itemlist/item'/>     </ul> </xsl:template>  <xsl:template match='item'>     <li>         <xsl:attribute name='class'>             <xsl:choose>                 <xsl:when test='@group = 0'>                     red                 </xsl:when>                 <xsl:when test='@group = 1'>                     green                 </xsl:when>                 <xsl:when test='@group = 2'>                     blue                 </xsl:when>                 <xsl:otherwise>                     black                 </xsl:otherwise>             </xsl:choose>         </xsl:attribute>         <xsl:value-of select='.'/>     </li> </xsl:template>