css - ScrollableDataTable は Richfaces に余分な列を表示します

Question

dataTable にデータを入力すると余分な列が表示された後、ヘッダーを非表示にせずにデータをスクロールするために scrollableDateTable を使用しました。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>