Question

版本：

Apache MyFaces 2.1.14 RichFaces 4.3.5

问题：

我们正在从jsf 1.2迁移到jsf 2.

我针对样式表提出了类似问题here。问题是相同的样式（根据上面的问题中的答案）在anothet rich：dataTable组件中没有生效。最后，内置的richfaces样式表如下面的代码所示。生成的表标题的html代码也显示在rf-dt-shdr-c（内置样式表更改解决了问题）的位置。

所以问题是：为什么生成的html对于相同的rich：具有相同样式的dataTable组件是不同的。在这个rich：dataTable中添加的唯一变化就是排序行为，如下面的代码所示：

代码：

<!-- rich faces built in style (worked )-->
.rf-dt-shdr-c{
    background-image:url(../images/heading-bg.gif) !important;
    background-position: left top !important;
    background-color: #FFFFFF !important;
    white-space:nowrap !important;
}



  <!-- header class  (not working ) -->
   .headerClass1 {
        background-image:url(../images/heading.gif);
        background-color: #FFFFFF;
        background-position:top left;
        background-repeat:repeat-x;
    }

<!-- rich dataTable with column sorting using a4j:commandLink in header -->



 <rich:dataTable value="#{bean.data}" var="val" styleClass="adminTable1"    headerClass="headerClass1" rows="#{bean.rowsPerPage}" rowClasses="oddRow,evenRow" render="requests" index="index"> 
            <c:forEach items="#{items}" var="column">                       

            <rich:column sortBy="" sortOrder="">    
                  <f:facet name="header">                       
                    <a4j:commandLink/>
                  </f:facet>
            </rich:column>
        </c:forEach>
    </rich:dataTable>


<!-- html generated for table header part for this question  (rf-dt-hdr richDataTableHeader1 is missing here whereas rf-dt-shdr-c comes into play ) -->
<thead class="rf-dt-thd" id="sampleForm:req:th"> 
    <tr class="rf-dt-shdr" id="sampleForm:req:ch">
        <th class="rf-dt-shdr-c" id="sampleForm:req:j_id_1d_1_w_1" scope="col">


<!-- html generated for other rich:dataTables , -->
<thead class="rf-dt-thd" id="profForm:app:th">
    <tr class="rf-dt-hdr richDataTableHeader1 rf-dt-hdr-fst" id="profForm:app:0">
        <th class="rf-dt-hdr-c" id="profForm:app:j_id_67">

Answer 1

您正在尝试为没有定义标头的表设置headerClass。您应该在列上设置标题类，因为这些是带标题的元素。

Rich Faces dataTable标题StyleClass问题

1 个答案: