-1

我使用 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>
4

1 回答 1

0

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

显示额外列的原因：

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

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

  1. 通常，此额外列用于调整功能的大小。
于 2013-05-11T05:21:32.263 回答