JSF 1.1 데이터 테이블 헤더 고정 문제. 데이터 테이블로 스크롤 할 때 헤더가 위로 올라갑니다.

Question

jsf 데이터 테이블 헤더와 관련된 문제가 있습니다. 요구 사항은 데이터 테이블에 freez 헤더를 갖는 것입니다. 현재 수직 스크롤이 데이터 테이블에있을 때 그리고 우리가 그 시간 아래로 스크롤 할 때 데이터 테이블 헤더가 위로 움직일 때. 나는 그것을 freez 유지하고 싶다. 데이터 테이블은 java에서 동적으로 생성됩니다.

아무도 도와주세요.

감사합니다.

Answer 1

<h:dataTable> 위에 테이블 헤더를 별도로 코딩해야합니다. dataTable 헤더의 columnclass 및 스타일을 제공합니다. 여기

은 예입니다

   <h:panelGrid id="panel" columns="4" columnClasses="rTypeColumn1,rTypeColumn2,rTypehColumn3,rTypeColumn4" styleClass="data-tableheader"> 
        <h:outputLabel value="Column Name 1" /> 
        <h:outputLabel value="Column Name 2" /> 
        <h:outputLabel value="Column Name 3" /> 
        <h:outputLabel value="Column Name 4"/> 
       </h:panelGrid> 

       <div class="scrollable"> 
           <h:dataTable id="table" value="#{yourbean.list}" var="data" cellspacing="0" columnClasses="rTypeColumn1,rTypeColumn2,rTypeColumn3,rTypeColumn4" width="100%" styleClass="data-table"> 
            <h:column>#{data.column1}</h:column> 
            <h:column>#{data.column2}</h:column> 
            <h:column>#{data.column3}</h:column> 
            <h:column>#{data.column4}</h:column> 
           </h:dataTable> 
       </div> 

나머지 모든 사용 CSS에 관한 것입니다. Richfaces을 사용할 수 있다면 스크롤 할 수있는 데이터 테이블, 핵심 JSF 데이터 테이블을 상당히 제한적으로 제공합니다.

Answer 2

JSF 1.1에 적합한 JSF 구성 요소 시스템 IceFaces 1.8을 사용할 수 있습니다. 여기에는 dataTable

에 대한 스크롤 바가 포함되어 있습니다.