动态地将背景颜色应用于 af:column 标题作为内联样式答案

【问题标题】：Dynamically apply background color to af:column header as inlinestyle动态地将背景颜色应用于 af:column 标题作为内联样式
【发布时间】：2015-07-09 06:49:02
【问题描述】：

我需要动态地将背景颜色应用于af:column 标头。我尝试了以下选项：

通过af:column 的headerClass 属性应用background-color 工作正常。但由于它是在 CSS 文件中定义的，因此我无法动态更改。
创建af:column 的标题构面并将background-color 应用为内联样式，但颜色不会应用于整个单元格，因为th 元素的所有四个侧面都有一些padding。

代码：

<f:facet name="header">
    <af:outputFormatted value="column_1" id="pt_of1" inlineStyle="background-color:Blue;"/>
</f:facet>

有什么建议吗？

【问题讨论】：

内联样式对于复杂的组件总是很麻烦。使用一个类并在样式表标签动态中创建一个完整的 CSS 选择器和样式。
kukeltje 就是这么说的。给它一个类并在需要时使用 javascript (jQuery) 更改类

标签： html css jsf oracle-adf

【解决方案1】：

您可以动态更改 headerClass 属性： headerClass="#{myBean.caseA? 'headerClassA': 'headerClassB'}" 您只需要 CSS 文件中的两个类：headerClassA 和 headerClassB

【讨论】：