无法在 f:facet 内的列标题上应用自定义样式答案

【问题标题】：Not able to apply custom style on column headings inside f:facet无法在 f:facet 内的列标题上应用自定义样式
【发布时间】：2012-11-13 19:34:19
【问题描述】：

我是richfaces 的初学者，在将自定义样式应用于f:facet 中定义的列标题时遇到问题。我正在使用 JSF-2 和 Richfaces-4。我的代码如下：

<rich:dataTable  value="#{techworkdetails.workList}"  var="tech"   
    cellpadding="5"  style="width:100%" headerClass="myHeader">

   <f:facet name="header" >
    <rich:columnGroup > 
        <rich:column >Name</rich:column>
        <rich:column >Order#</rich:column>
        <rich:column >Order Date</rich:column>
    </rich:columnGroup>
</f:facet> 

<rich:collapsibleSubTable value="#{tech.workDetails}"  
    var="details" rowKeyVar="rowKey" >
    <rich:column rowspan="#{tech.workDetails.size()}" rendered="#{rowKey eq 0}">
        #{tech.name}
    </rich:column >
    <rich:column  styleClass="myHeader">
        #{details.orderNo}
    </rich:column>
    <rich:column>
         #{details.orderDate}
    </rich:column>

</rich:collapsibleSubTable>

我已经使用

包含了样式表

<h:outputStylesheet name="pagestyle.css" library="css" />

在h:body 内。

“myHeader”样式定义为：

.myHeader{
    background-color : yellow;
    font-weight: bold
}

问题是，即使我为我的数据表使用 headerClass，我的风格也没有得到体现；设置了标题的默认样式。但是会呈现数据列的自定义样式。即，我的样式被应用到 details.OrderNo 列中的数据。我还尝试对标题列单独使用 styleClass 和 style，如下所示，但没有运气:(

<f:facet name="header" >
    <rich:columnGroup > 
       <rich:column styleClass="myHeader">Name</rich:column>
      <rich:column styleClass="myHeader">Order#</rich:column>
          <rich:column styleClass="myHeader">Order Date</rich:column>
    </rich:columnGroup>
</f:facet>

是不是我们不能在 f:facet 中为 rich:column 应用样式？有人可以帮我解决这个问题吗？

提前致谢

【问题讨论】：

标签： css jsf-2 richfaces

【解决方案1】：

这是因为您的 CSS 是在 Richfaces 添加自己的之前添加到页面中的，因此前者会被覆盖。为防止覆盖，您需要将 !important 添加到您的 CSS 属性中。

你的情况是：

.myHeader{
    background-color : yellow !important;
    font-weight: bold !important;
}

这样浏览器会保留重要的样式。

【讨论】：