Xslt如何设置条件奇数/偶数行的样式
在XSLT中，可以使用position()函数来判断当前节点在其父节点中的位置，从而实现对奇数行和偶数行设置不同样式的功能。
以下是一个示例XSLT代码，用于将XML文档中的奇数行和偶数行设置不同的样式：
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<table>
<xsl:apply-templates select="//row"/>
</table>
</body>
</html>
</xsl:template>
<xsl:template match="row">
<xsl:choose>
<xsl:when test="position() mod 2 = 1">
<tr style="background-color: lightgray;">
<td><xsl:value-of select="."/></td>
</tr>
</xsl:when>
<xsl:otherwise>
<tr style="background-color: white;">
<td><xsl:value-of select="."/></td>
</tr>
</xsl:otherwise>
</xsl:choose>
</xsl:template>
</xsl:stylesheet>在这个示例中，我们使用<xsl:choose>和<xsl:when>元素来判断当前节点的位置是奇数还是偶数，并根据不同的位置设置不同的样式。在<tr>元素中，我们使用style属性来设置背景颜色，从而实现对奇数行和偶数行的不同样式设置。
需要注意的是，这个示例中的<row>元素是一个假设的XML节点，需要根据实际的XML文档结构进行调整。同时，这个示例中的样式设置是硬编码的，如果需要更灵活的样式设置，可以使用CSS样式表来实现。
相关·内容
3回答
我有一个使用xslt转换编写的html表，如下所示 <xsl:for-each select="someNode"> <td>this is always displayed</td></table>
我需要一种方法来
浏览 2提问于2010-07-15得票数 8
3回答
我有一个带有不同CSS样式tr:nth-child(2n){...}的奇数行和偶数行的表，当我用textbox和jQuery过滤它们时，我隐藏了所有的行，除了那些符合我的条件的行。问题是，现在行保持当前样式(我假设它们保持位置，尽管它们无法被看到)，所以新的奇数行和偶数行不匹
浏览 0提问于2013-11-27得票数 2
回答已采纳
在这种情况下，我创建了一个基于jrxml的报告--通过编程方式生成的文件，以及一个具有给定名称和给定样式名称的样式模板。这可以很好地工作到有条件样式。我发现的每个示例都只是使用ConditionalStyles来更改一些值，比如为特定情况设置不同的背景色。这在这里是无法做到的，因为不可能知道是什么区分偶数行样式和奇怪行样
浏览 5提问于2013-03-08得票数 3
回答已采纳
6回答
我正在尝试设置一个表格的样式，使每一行都有不同的颜色(奇数/偶数)。{}
background-color: white;但是，我的一些行可以被隐藏，并且我仍然希望这些行交替。即使相邻的行不一定是奇数和偶数</e
浏览 1提问于2011-06-03得票数 21
回答已采纳
我正在使用angular4的primeNG树表，我正在尝试设置它的样式，奇数和偶数行具有不同的颜色。我可以这样做，但只针对根行，当您展开这些行时，它将获得它的父行的行颜色。我还检查了用html生成的标记，但没有任何类可以指示行是奇数还是偶数。
我们到底该怎么做呢？
浏览 1提问于2017-10-20得票数 3
4回答
是否可以只使用CSS，在动态生成的表的奇数行和偶数行上设置不同的样式，而不需要我自己在迭代集合时为每一行设置正确的样式？
浏览 3提问于2011-02-24得票数 5
回答已采纳
在条件格式规则管理器中，在“应用于窗体”下，可以通过键入以下命令来定义此范围。但是，为了避免用鼠标选择单元格，有没有办法将该规则应用于奇数/偶数行或两列？
浏览 3提问于2016-03-16得票数 0
回答已采纳
2回答
在这里，我尝试使用ngx-datatable显示一个动态生成的表，但我尝试显示的是奇数行，我想显示一种颜色，偶数行，我尝试应用第n个元素& background-color: red;我尝试了所有这些为奇数</e
浏览 18提问于2018-07-26得票数 1
回答已采纳
3回答
我有一个drupal视图，它可以提取项目屏幕截图并将它们放到div中，我想知道在CSS中是否有一种聪明的方法可以将它们排成一行3列，并留出空白处，而不需要单独设置每个框的样式。第一行的样式很简单，因为我可以给div一个左右边距，但是第二行我需要给div-odd一个边距，而偶数div没有边距。
我已经创建了我所在位置的J小提琴模型。我可以设置第一个和最后一个div的
浏览 9提问于2012-08-17得票数 0
回答已采纳
我很难把一个列表分成偶数和奇数，变量奇数和偶数表示它们各自的数字。教授指出，这一行代码：应该把数字分成奇数和偶数。我该怎么做这样的事？我知道如何在奇数和偶数之间过滤，但我不知道如何在一行中设置两个变量，与它们各自
浏览 3提问于2015-05-18得票数 0
回答已采纳
我正在尝试对工作表中的一些单元格进行简单的条件格式设置(Excel 2013)：用白色填充偶数行，用灰色填充奇数行流程：对于奇数行，公式
浏览 1提问于2021-09-06得票数 0
2回答
仅使用CSS，是否可以根据行数(或列数)以某种方式设置不同的表格样式 场景中，我有一个如下定义的表： <table class='my-table-css'></table> 如果表中有三行以上的行，我
浏览 33提问于2019-08-30得票数 1
回答已采纳
抱歉，也许这是个愚蠢的问题，但我还在学习。我想在我的view.its中按一下按钮动态地添加一些元素，为我工作，但是我有一些doubts.because，我正在学习angularJs，我想知道有什么更好的方法来做这些事情。1.从文档中我了解到angularJS与jquery完全不同，所以在本例中，我使用了与jquery相同的概念，因此我想知道是否有更好的方法来做到这一点。2.我可以在控制器中使用$element访问dom元素，但无法访问相同的内部单击事件。我是angularJS的<
浏览 4提问于2016-10-26得票数 0
我有一个表，通常我使用这个选择器来应用奇数和偶数行：table.find('tbody tr:odd').removeClass('even');jQueryTrObject
浏览 2提问于2011-02-01得票数 3
回答已采纳
我需要添加一些有条件的突出显示，以使某些内容更加可读性。下面的截图是我想要做的手工创建的版本。本质上，按顺序切换高亮显示，但当订单有多行时，确保该顺序的高亮显示保持不变。更新:按照下面的屏幕截图(上面的表是未格式化的版本，下面的是格式化的版本)，我基本上希望高亮显示所有具有相同订单id的行。因此，订单id 1将被高亮显示，命令id 2将被高亮显示，命令id 3将被高亮显示等等.如果这些命令跨越多个行，则它们保持相同<
浏览 0提问于2018-11-02得票数 1
回答已采纳
2回答
选择一行中的特定项目的最佳方法是什么？例如，让我们将索引为奇数的div.test设置为奇数行上的background-color: red;，并在偶数行上将div.test设为偶数为background-color: blue;。我可以像下面的例子那样对它进行硬编码，但是有什么更好的方法吗？我不使用nth-child(odd)和nth-child(even)的原因
浏览 5提问于2022-03-19得票数 0
回答已采纳
我的一个客户正在使用XSLT样式表。这不是一个真正的问题，但我在一个点上我被卡住了。首先，我使用For-each循环解决了这个问题，该循环首先遍历父元素。对于具有子元素的指定父元素，另一个For-each循环遍历子元素。现在我遇到了这样的问题: position()不能从子循环返回到父循环，并且我
浏览 0提问于2014-02-22得票数 0
我想根据ng重复的索引来设置div的样式，在这里我要应用两种不同的样式。除了其他类之外，带有偶数索引的行将为奇数类指定所有类。return odd;视图：我有五个以上的类应该添加到偶数
浏览 2提问于2017-05-30得票数 1
回答已采纳
我看过这张图片，上面显示了一张非常漂亮的桌子：我有html代码，给每一个偶数行颜色。每年的列和子列也有一种颜色。有没有一种方法可以让年份列和偶数行中的单元格具有新的不同混合颜色，以及年份列和奇数行中的单元格具有新的不同混合颜色，就像图中所示？我不想使用像这样的东西：.mix
浏览 0提问于2019-01-17得票数 1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
云直播活动推荐
腾讯云开发者
