通过条件为PrimeFaces DataTating上色

Question

我有一个名为Credit的列，如果它包含" "标志，我希望将其颜色为红色，如果是" - " - "符号。这是我的桌子

<h:form>
    <p:dataTable value="#{accountBean.accounts}" var="account" rows="4">
        <p:column headerText="IBAN">
            <h:outputText value="#{account.iban}"></h:outputText>
        </p:column>
        <p:column style="#{account.solde = + ? 'color: green' : 'color: red'}">
            <h:outputText value="#{account.solde}"> </h:outputText>
        </p:column>
        <p:column headerText="Creation Date">
            <h:outputText value="#{account.date_creation}">
                <f:convertDateTime pattern="dd-MM-yyyy" />
            </h:outputText>
        </p:column>
        <p:column headerText="Type">
            <h:outputText value="#{account.type}"> </h:outputText>
        </p:column>
        <p:column>
            <p:commandButton value="transactions history" action="#{transactionBean.init(account)}" update="idTransactionForm"></p:commandButton>
        </p:column>
    </p:dataTable>
</h:form>

此功能不正确 style="#{account.solde = + ? 'color: green' : 'color: red'}" ，因为其条件仅适用于 或 - 符号。但是我想要 ....和-....

Answer 1

您可以使用以下步骤执行类似的操作

步骤1：创建RedClass CSS

转到您的CSS文件并添加

.redClass{
background: #ee5f5b;
cursor: pointer;
}

每次调用此元素时，都会更改Backgroud Color

步骤2：在您的列中使用它

您必须使用布尔条件来调用它（这意味着具有真实或错误的条件），例如我的列表为空或我的价值等于某物

 <p:column rowStyleClass="#{account.condition = ? 'redClass' : null ">
        <h:outputText value="#{account.solde}"> 
         </h:outputText>
 </p:column> 

这是指条件是正确的，它将使用'redClass'否则将是正常的null

希望对您有帮助。