어떻게 여기

Question

는 폭을 최소화 또한 데이터 테이블 acefaces에 CSS를 적용하고 내 acefaces datatable

<ace:dataTable id="tbl" value="#{mainSearch.searchResult}" var="srvc" 
      paginator="true" paginatorPosition="bottom" rows="10" 
      emptyMessage="No Record Present Yet" rowsPerPageTemplate="10,25,50,100" 
      rowIndexVar="row" rowStyleClass="#{row mod 2 eq 0?'none':'skyBlue'}"> 

    <ace:column headerText="Category" sortBy="#{srvc.groupName}" 
      filterBy="#{srvc.groupName}" filterMatchMode="contains"> 
     <h:outputText value="#{srvc.groupName}"/> 
    </ace:column> 

    <ace:column headerText="Service Number" sortBy="#{srvc.serviceNumber}" 
      filterBy="#{srvc.serviceNumber}"filterMatchMode="contains">        
     <h:outputText value="#{srvc.serviceNumber}"/>      
    </ace:column> 

    <ace:column headerText="Shift" sortBy="#{srvc.shift}" 
      filterBy="#{srvc.shift}" filterMatchMode="contains"> 
     <h:outputText value="#{srvc.shift}"/> 
    </ace:column> 
</ace:dataTable> 

이제이 데이터 테이블은 <ace:datatable height=..하여 높이를 수정할 수 있습니다 내 전체 page.I에 표시되고하지만 난 찾을 수 없습니다 모든 너비 특성. 나는 또한 CSS를 사용하여 (헤더, datatable 모두에 스타일 속성을 사용하여) 너비 인 을 설정하려했지만 작동하지 않았다. 이제 여기 붙어서 찾을 수 없습니다. 어떻게 너비를 최소화 할 수 있습니까?

참고 : 나를 위해 일한 유일한 방법은 내가 다음 전체 행이 축소 얻는다 단지 CAT와 함께 repalced 경우 내 첫 번째 행 헤더는 카테고리 부탁해이므로, text.For 예를 작은 헤더에 있었다. 무엇보다도 먼저 텍스트를 짜낼 필요가 있습니다 (내 추측이므로). 어쨌든이 텍스트를 찌르지 않고 그대로 있습니까? 그렇지 않다면이 텍스트의 크기를 조정하고이 데이터 테이블을 어떻게 줄일 수 있습니까?

Answer 1

ICEfaces showcase의 Firefox에서 CSS width 속성을 변경하여 원하는 결과를 얻으려고했습니다. 테이블을 너무 작게 만들고 데이터가 더 이상 테이블에 맞지 않을 때 잠재적 인 문제가있을 수 있으므로 브라우저의 결과 테이블을 검사하여 올바른 CSS 고정 장치를 얻는 것이 좋습니다.

<ace:dataTable style="width:80%"> ... </ace:dataTable> 

또는

<ace:dataTable styleClass="my-width"> ... </ace:dataTable> 

: 다음 작업을 수행 할 수 있도록 <ace:dataTable>의 문서에 관한

는

, 각각 CSS 스타일 클래스와 인라인 스타일을 설정하는 전형적인 styleClass 및 style 재산이있다

(CSS 클래스 포함) :

.my-width { 
    width:80% 
} 

부수적으로 최신 Primeface <p:dataTable>을 사용해 볼 준비가되면 적절한 CSS 스타일을 설정하기 위해 many attributes을 찾을 수 있습니다.