無法將自定義樣式應用於f：facet中的列標題

我是richfaces的初學者，我在將定製樣式應用於在f:facet中定義的列標題時遇到問題。 Iam使用JSF-2和Richfaces-4。我的代碼如下：無法將自定義樣式應用於f：facet中的列標題

<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我的dataTable，我的風格是沒有得到體現; insted標題的默認樣式被渲染。但是呈現數據列的自定義樣式。即我的風格正在申請數據details.OrderNo列作爲給出。我也嘗試過使用的styleClass和樣式，如下單獨的標題列，但沒有運氣:(

<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柱：小是否有人可以幫助我與此有關。提前

來源

2012-11-26 user1852963

由於這是因爲RichFaces的添加自己的，因此前者被覆蓋在你的CSS添加到頁面上。爲了防止你需要添加!important你的CSS屬性的覆蓋。

在你的情況，這將是：

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

這樣的瀏覽器將保持重要的風格。

來源

2012-11-26 12:04:56 Makhiel

無法將自定義樣式應用於f：facet中的列標題

回答

相關問題