2013-12-17 17 views
0

我們正在從jsf 1.2升級到jsf 2. 我們使用的是apache myfaces 2.1和豐富的面孔4.3。rich:dataTable headerClass屬性問題

問題是headerClass屬性似乎不適用於rich:dataTable。以下是xhtml代碼

.class2{ 
border: 1px solid #000; 

} 

.class1{ 
     text-align:left; 
     color:#000; 
     font-weight:normal; 
} 




<rich:dataTable value="#{bean.quns}" var="quns" headerClass="class1" columnClasses="class2"> 

          <f:facet name="header"> 
            <h:outputText value="User Name : #{bean.userName}"/>  
           </f:facet> 

          <rich:column>      
            <h:panelGrid id="qns#{index+1}" columns="2"> 

               <h:outputText value="qns #{index+1}"/> 
               <h:selectOneMenu value="#{quns.question}"> 
               <f:selectItems value="#{bean.questionPool}" /> 
             </h:selectOneMenu> 

               <h:outputText value="Answer"/> 
            <h:inputText value="#{quns.answer}"/> 



              </h:panelGrid>  
           </rich:column> 
     </rich:dataTable> 

columnclasses屬性工作得很好。 當豐富:內置了對錶頭單元格的CSS樣式數據表上修改象下面這樣:

.rf-dt-hdr-c{ 
     text-align:left; 
     color:#000; 
     font-weight:normal; 
} 

頭類工作完全正常,表明默認樣式表覆蓋顯性化。 headerClass styleClass將如何工作?

任何人都可以請幫忙嗎?

回答

1

當你調查呈現的XHTML代碼,你會認識到

  • headerClass內容被添加到標題行
  • columnClassES內容,通過空間記號化,加入適當的trtd

爲了使您的class1 CSS的命令,如rf-dt-hdr-c在同一層上,只是改變CSS DEF從頭到

.class1 th { 
    text-align:left; 
    color:#000; 
    font-weight:normal; 
} 

希望它可以幫助...