通过XSL交替行颜色的HTML表

概述在 HTML表(a.ka.条带化)中替换行颜色的最简单方法是什么？我的大多数表都是用XSL模板创建的,如下所示,在另一个模板中定义了表,thead等. <xsl:template match="typ:info"> <tr> <td> <xsl:value-of select="typ:dateAccessed" /> </td> <td> <x 在 HTML表(a.ka.条带化)中替换行颜色的最简单方法是什么？我的大多数表都是用XSL模板创建的,如下所示,在另一个模板中定义了表,thead等.

<xsl:template match="typ:info">  <tr>    <td>      <xsl:value-of select="typ:dateAccessed" />    </td>    <td>      <xsl:value-of select="typ:loginID" />    </td>  </tr></xsl:template>

我的偏好是在元素上使用交替的类.

解决方法 如果您必须在HTML中生成硬编码的颜色：

<xsl:template match="typ:info">  <xsl:variable name="css-class">    <xsl:choose>      <xsl:when test="position() mod 2 = 0">even</xsl:when>      <xsl:otherwise>odd</xsl:otherwise>    </xsl:choose>  </xsl:variable>  <tr >    <td>      <xsl:value-of select="typ:dateAccessed" />    </td>    <td>      <xsl:value-of select="typ:loginID" />    </td>  </tr></xsl:template>

使用今天的浏览器,您使用CSS和tr：nth-​​child(奇数)更好.

这导致XSLT方面的麻烦更少,更清晰的HTML标记,并且它与客户端表排序和过滤兼容.

总结

以上是内存溢出为你收集整理的通过XSL交替行颜色的HTML表全部内容，希望文章能够帮你解决通过XSL交替行颜色的HTML表所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。