如何在t:dataTable中组合rowStyleClss和rowClasses

问题描述 投票:0回答:1

我有三个CSS样式类。它们每个都设置JSF数据表行的背景色。一种将行的颜色设为橙色(rowHighlight),第二种将行的颜色设为白色(rowWhite),第三种将行的颜色设为灰色(rowGrey)。

当满足特定条件时,我希望表行为橙色。如果不满足条件,我希望使用其他两个样式表在白色和灰色之间交替显示行的颜色。最终结果应具有橙色,白色和灰色的行。

我读到rowStyleClass可以根据特定条件来更改行的颜色。我读到rowClasses可以使行成为交替的颜色。

我尝试过:

rowStyleClass="#{holidayInfo.country == ‘France’ ? 'rowHighlight' : '’ }"
rowClasses="rowWhite,rowGrey"

但是这导致所有行都是白色。

我也尝试过:

rowStyleClass="#{holidayInfo.country == ‘France’ ? 'rowHighlight' : 'rowWhite,rowGrey'}"

但是这导致当满足条件时该行变为橙色,而所有其他行均为白色。

有人知道是否可以将两者结合?我是JSF的新手。

css jsf tomahawk
1个回答
0
投票

我设法解决了这个问题。

看起来好像您想在同一数据表中使用rowClasses和rowStyleClass,属性的顺序必须首先是rowClasses,然后是rowStyleClass。

如果不满足条件,我将rowStyleClass放在第一位,并且将styleClass设置为”。如果发生这种情况,则将样式类设置为“”后,将忽略rowClasses。当我首先放置rowClasses时,它被执行并且行颜色在white和gray之间交替。 atttibute rowStyleClass类不会被忽略,因为满足条件的行被涂成橙色。

谢谢所有帮助我解决这个问题的人。

© www.soinside.com 2019 - 2024. All rights reserved.