Alternating row color/style

kokoness · August 30th, 2009, 11:09 PM

Code:

<xsl:if test="position()  mod 2 = 1">
<tr bgcolor="#aaccff">
<td><xsl:value-of select="au_lname"/></td>
<td><xsl:value-of select="au_fname"/></td>
<td><xsl:value-of select="phone"/></td>
</tr>
</xsl:if>

<xsl:if test="position()  mod 2 = 0">
<tr bgcolor="#ffccaa">
<td><xsl:value-of select="au_lname"/></td>
<td><xsl:value-of select="au_fname"/></td>
<td><xsl:value-of select="phone"/></td>
</tr>

I don't want to do it like the code above because I find it very redundant especially if you have a big xsl. Is there a better way to do this?

Like, if position mod 2 = 1, then apply this style to all TDs, otherwise apply this other style.

Thank you very much.

samjudson · August 31st, 2009, 06:18 AM

Here's a XSLT2.0 solution:

<xsl:variable name="style" select="if position() mod 2 = 1 then '#aaccff' else '#ffccaa'"/>

<tr bgcolor="{$style}">
<td>...

kokoness · August 31st, 2009, 07:02 AM

THanks Sam! I'll try it tomorrow at the office.

kokoness · August 31st, 2009, 10:22 PM

Hi Sam,

when I used this line (right after my for-each statement):

<xsl:variable name="style" select="if position() mod 2 = 1 then '#aaccff' else '#ffccaa'"/>

I keep getting an error:
This file is not valid: Invalid XPath expression

Or when source xml is opened directly in a browser:
Expected token 'eof' found 'NAME'. if -->position<--() mod 2 = 1 then '#aaccff' else '#ffccaa'

Any ideas why?

Thanks.

samjudson · September 1st, 2009, 04:08 AM

As I said, my solution was for XSLT 2.0. If you are using XSLT 1.0 then you will have to split the xpath expression out into xsl:choose, xsl:when and xsl:otherwise statements instead.

mrame · September 1st, 2009, 06:19 AM

For an input xml

Code:

<records>
<plan>
1
</plan>
<plan>
2
</plan>
<plan>
3
</plan>
<plan>
4
</plan>
</records>

the xslt code

Code:

<xsl:template match="records">
<xsl:apply-templates select="plan"></xsl:apply-templates> 
</xsl:template>
<xsl:template match="plan">
<xsl:variable name="style">
<xsl:choose>
<xsl:when test="position() mod 2 = 1">#aaccff</xsl:when>
<xsl:otherwise>#ffccaa</xsl:otherwise>
</xsl:choose>
</xsl:variable>
<tr bgcolor="{$style}">
<td><xsl:value-of select="position()"/></td>
</tr>
</xsl:template>

will give the output

Code:

<tr bgcolor="#aaccff">
<td>1</td>
</tr>
<tr bgcolor="#ffccaa">
<td>2</td>
</tr>
<tr bgcolor="#aaccff">
<td>3</td>
</tr>
<tr bgcolor="#ffccaa">
<td>4</td>
</tr>

kokoness · September 1st, 2009, 11:11 PM

THanks mrame for the conversion.