Question

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

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

显示额外列的原因：

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

所以，设置第一个＆amp;的宽度。第二列到适当的值。

一般来说，这个extracolumn用于调整功能。

scrollableDataTable在richfaces中显示额外的列

1 个答案: