scrollableDataTable 부유 한 부분에 여분의 열 표시

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> 

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> 

추가 열을 도시하는 이유

: 컬럼의 전체 폭은 테이블 공간을 커버하기에 충분하지 때

1. 이 열에 나타난 공간을 채우기 위해 사용된다. 열의 크기를 조정하면이 열에서 공간을 사용하게됩니다.

따라서 첫 번째 & 두 번째 열의 너비를 적절한 값으로 설정하십시오.

1. 일반적으로이 여분의 열은 크기 조정 기능에 사용됩니다.