设置 p:datatable 中单元格的背景颜色

【问题标题】：Set the background color of a cell in a p:datatable设置 p:datatable 中单元格的背景颜色
【发布时间】：2016-12-18 00:36:25
【问题描述】：

我有一个 primefaces datatable，我正在尝试将单元格的 background-color 设置如下：

<p:column sortBy="#{salle.couleur}">  
                    <f:facet name="header">  
                        <h:outputText value="#{messages.Couleur}" />  
                    </f:facet>  
                    <h:outputText  style="background-color:##{salle.couleur}" />  
                </p:column>

#{salle.couleur} 的值是这样的：0909e8，这就是为什么在值之前使用#。

但它不起作用，当我检查 html 页面时，我可以看到单元格确实有一个 background-color ：

我该如何解决这个问题？

【问题讨论】：

标签： jsf-2 primefaces

【解决方案1】：

在您的情况下，已检查的 <span /> 是空的，因此没有什么可以用自定义背景着色。那是因为您没有设置单元格的背景颜色，而是设置单元格内容的背景颜色。我建议通过以下方式设置单元格本身的背景颜色：

<p:column
    sortBy="#{salle.couleur}"
    style="#{empty salle ? '' : 'background-color: #'.concat(salle.couleur).concat(';')}"
>  
   ...
</p:column>

因此，即使单元格内容为空，单元格本身也会有自定义背景颜色。 ternary operator 中的 empty salles 条件也可以防止列标题被着色。

【讨论】：