我使用scrolllabledatetable滚动没有隐藏标题的数据,在dataTable中填充数据后显示一个额外的列。如何在scrollableDataTable中隐藏或删除多余的列。
下面是我的代码:<rich:scrollableDataTable value="#{GameZoneBean.challenge}" var="challenge" rowClasses="gridEvenRow,gridOddRow" headerClass="gridheader" height="110" width="310">
<rich:column width="120px" sortable="false">
<f:facet name="header">
<h:outputText value="Start Time"></h:outputText>
</f:facet>
<h:outputText value="#{challenge.startTimeStamp}"></h:outputText>
</rich:column>
<rich:column width="80px" sortable="false">
<f:facet name="header">
<h:outputText value="Game Status"></h:outputText>
</f:facet>
<h:outputText value="#{challenge.gameStatus}"></h:outputText>
</rich:column>
<rich:column width="40px" sortable="false">
<f:facet name="header">
<h:outputText value="Home"></h:outputText>
</f:facet>
<h:outputText value="#{challenge.homeTeam}"></h:outputText>
</rich:column>
<rich:column width="40px" sortable="false">
<f:facet name="header">
<h:outputText value="Away"></h:outputText>
</f:facet>
<h:outputText value="#{challenge.awayTeam}"></h:outputText>
</rich:column>
</rich:scrollableDataTable>
增加scrolllabledatatable的宽度后,多余的列不显示。
<rich:scrollableDataTable value="#{GameZoneBean.challenge}" var="challenge"
rowClasses="gridEvenRow,gridOddRow" headerClass="gridheader" height="110" width="285">
<rich:column width="120px" sortable="false">
<f:facet name="header">
<h:outputText value="Start Time"></h:outputText>
</f:facet>
<h:outputText value="#{challenge.startTimeStamp}"></h:outputText>
</rich:column>
<rich:column width="80px" sortable="false">
<f:facet name="header">
<h:outputText value="Game Status"></h:outputText>
</f:facet>
<h:outputText value="#{challenge.gameStatus}"></h:outputText>
</rich:column>
<rich:column width="40px" sortable="false">
<f:facet name="header">
<h:outputText value="Home"></h:outputText>
</f:facet>
<h:outputText value="#{challenge.homeTeam}"></h:outputText>
</rich:column>
<rich:column width="40px" sortable="false">
<f:facet name="header">
<h:outputText value="Away"></h:outputText>
</f:facet>
<h:outputText value="#{challenge.awayTeam}"></h:outputText>
</rich:column>
</rich:scrollableDataTable>
显示额外列的原因:
- 当列的总宽度不足以覆盖表空间时,此列用于填充表空间。当列被调整大小时,它们会从这个额外的列中占用空间。
那么,设置第一个&第二列对应的值。
- 通常这个外列用于调整大小的功能。