<rich:dataTable> header 身高

<rich:dataTable> header height

每当我有一个 table header 进入 3 行时,背景就无法展开。当它只有 2 行时,一切似乎都很好。有人经历过这个吗?

提前致谢。

抱歉,我是 Whosebug 的新手,无法附加图片。

图片linkhttp://i.stack.imgur.com/o6xNl.png

Table 在 xhtml

<rich:dataTable value="#{couponController.campaignSegmentVersionDtoList}"
var="campaignSegment" id="sas" rowClasses="odd-row, even-row"
styleClass="stable" style="width:1100px;" sortMode="single" rowKeyVar="myrow">
<rich:column>
<f:facet name="header">No</f:facet>
<h:outputText value="#{myrow + 1}" />
</rich:column>
<rich:column sortBy="#{campaignSegment.segmentName}" id="segmentName">
    <f:facet name="header">
        <a4j:commandLink value="Campaign Segment" onclick="#{rich:component('sas')}.sort('segmentName')" style="color:white;"/>
    </f:facet>
    <h:outputText value="#{campaignSegment.segmentName}" />
</rich:column>                                  
<rich:column sortBy="#{campaignSegment.segmentTitle}" id="segmentTitle">
    <f:facet name="header">
        <a4j:commandLink value="MRM Segment Name" onclick="#{rich:component('sas')}.sort('segmentTitle')" style="color:white;"/>
    </f:facet>
    <h:outputText value="#{campaignSegment.segmentTitle}" />
</rich:column>
<rich:column sortBy="#{campaignSegment.sourceCode}" id="sourceCode">
    <f:facet name="header">
        <a4j:commandLink value="Source Code" onclick="#{rich:component('sas')}.sort('sourceCode')" style="color:white;"/>
    </f:facet>
    <h:outputText value="#{campaignSegment.sourceCode}">
    </h:outputText>
</rich:column>  
<rich:column id="packageCode" sortBy="#{campaignSegment.packageCode}" style="width:80px;">
    <f:facet name="header">
        <a4j:commandLink value="SAS Package Code"  onclick="#{rich:component('sas')}.sort('packageCode')" style="color:white;"/>
    </f:facet>
    <h:outputText value="#{campaignSegment.packageCode}">
    </h:outputText>
</rich:column>                                  
<rich:column id="version" style="width:80px;">
    <f:facet name="header">
        <h:outputText value="MRM Version Code" />
    </f:facet>
    <h:selectOneMenu value="#{campaignSegment.versionCode}" valueChangeListener="#{couponController.valueChangeListener}" label="Version Code" listWidth="300" immediate="true">
<f:selectItems value="#{couponController.mrmVersions}" var="version" itemLabel="#{version.versionCode}" itemValue="#{version.versionId}"/>
<a4j:ajax event="valueChange" render="stringCodeList" execute="@this" />
</h:selectOneMenu>
<rich:message for="Version"/>
</rich:column>
<rich:column id="testControlFlag" sortBy="{campaignSegment.testControlFlag}" style="width:60px">
    <f:facet name="header">
        <a4j:commandLink value="Test Control Flag" onclick="#{rich:component('sas')}.sort('testControlFlag')" style="color:white"/>
    </f:facet>
    <h:outputText value="#{campaignSegment.testControlFlag}"/>
</rich:column>                                                                      
<rich:column sortBy="#{campaignSegment.publishedDate}" id="publishedDate">
    <f:facet name="header">
        <a4j:commandLink value="Published Date" onclick="#{rich:component('sas')}.sort('publishedDate')" style="color:white;"/>
    </f:facet>
    <h:outputText value="#{campaignSegment.publishedDate}">
        <f:convertDateTime type="date" pattern="MM-dd-yyyy H:m:s"/>
    </h:outputText>
</rich:column>                                                          
<rich:column sortBy="#{campaignSegment.status}" sortOrder="#{couponController.campaignSegmentsDescOrder}" id="publishStatus">
    <f:facet name="header">
        <a4j:commandLink value="Publish Status" onclick="#{rich:component('sas')}.sort('publishStatus')" style="color:white;"/>
    </f:facet>
    <h:outputText value="#{campaignSegment.status}">
    </h:outputText>
</rich:column>                                                                                                                                                  

背景图像开始重复,这是不应该的。

你可以用这个解决这个问题:

.rf-dt-hdr-c {
    background-repeat: repeat-x;
}