<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;
}
每当我有一个 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;
}