如何在计算文本字段中调用HTML css样式

作为引导表的一部分，我有以下代码：

<xp:text escape="false"
    id="tableRowstart" >
    <xp:this.value><![CDATA[#{javascript:
if (rIndex % 2){
    return "<tr style='background-color:#e6e6e6'><td>"
}else{
    return "<tr style='background-color:#fbfbfb'><td>"}}]]></xp:this.value>
</xp:text>

如果我修改代码以使用css，如下所示：

<xp:text escape="false"
    id="tableRowstart" >
    <xp:this.value><![CDATA[#{javascript:
if (rIndex % 2){
    return "<tr style='oddLineBackground'><td>"
}else{
    return "<tr style='evenLineBackground'><td>"}}]]></xp:this.value>
</xp:text>

线条颜色不变，显示时不应用任何样式。我可以将oddLineBackground和evenLineBackground应用于面板或？？？直接从样式选择器中，它们显示正确，但当我计算它们时，它们似乎计算不正确。我猜这是我语法中的一个东西，但我想不出来

变化：

<tr style='oddLineBackground'>

为此：

<tr class='oddLineBackground'>

<tr class='oddLineBackground'>