css - 丰富的 :dataTable headerClass attribute issue

Question

我们正在从 jsf 1.2 升级到 jsf 2。 我们使用的是 apache myfaces 2.1 和 rich faces 4.3。

问题是 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 属性工作得很好。 当表头单元格的 rich:dataTable 内置 css 样式修改如下:

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

header 类工作得很好，表明默认样式表正在覆盖显式样式表。 headerClass styleClass 将如何工作？

有人可以帮忙吗？

Answer 1

当您研究呈现的 XHTML 代码时，您会发现

• 将headerClass内容添加到标题行的tr
• columnClassES 内容被空格标记，添加到适当的列 td

要让 class1 CSS 的命令像 rf-dt-hdr-c 一样在同一层，只需将 CSS 定义更改为

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

希望对你有帮助