ScrollableDataTable 在 Richfaces 中显示额外的列答案

【问题标题】：ScrollableDataTable show extra column in RichfacesScrollableDataTable 在 Richfaces 中显示额外的列
【发布时间】：2013-05-03 14:35:42
【问题描述】：

我使用 scrollableDateTable 滚动数据而不隐藏标题，在 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>

【问题讨论】：

标签： css jsf richfaces facet richdatatable

【解决方案1】：

增加 scrollableDataTable 的宽度后，多余的列不显示。

<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>

显示额外列的原因：

当列的总宽度不足以覆盖表空间时，此列用于填充表空间。调整列的大小时，它们会占用这个额外列的空间。

因此，将第一列和第二列的宽度设置为适当的值。

一般来说，这个额外的列用于调整功能的大小。

【讨论】：