2014-12-21 2 views
0

jsf .xhtml 페이지에 richdatatable가 있습니다. 나는 특정 세포에 대해 매우 긴 텍스트를 가지고있다. 어떻게 열 너비를 설정하고 지정된 셀 내에 텍스트를 표시 할 수 있습니다. 저는 JSF와 CSS를 처음 사용합니다. 나는 예를 든다. richdatatable에 두 개의 열이 있고 그 중 하나에 매우 긴 텍스트가 있다고 가정합니다. 그 긴 텍스트를 한 줄로 표시하는 대신 줄 바꿈 텍스트로 표시하는 것이 좋습니다.JSF rich : datatable 열은 여러 줄에 매우 긴 텍스트를 표시합니다.

<rich:column width="150" ...> 

나에 대해 동일합니다 : 어떻게, 무엇을 여러 줄에 긴 텍스트를 표시 를 들어 CSS

<ui:composition template="/template.xhtml"> 
    <ui:define name="title"> 
     <h:outputText value="#{bundle.ViewFileTitle}"></h:outputText> 
    </ui:define> 
    <ui:define name="body"> 
    <h:form> 
      <rich:dataTable value="#{fileController.feedbackFileItems}" var="item" id="table"> 
        <rich:column> 
         <f:facet name="header"> 
          <h:outputText value="#{bundle.ListFeedbackTitle_feedbackPK_feedbackId}"/> 
         </f:facet> 
         <h:outputText value="#{item.feedbackPK.feedbackId}"/> 
        </rich:column> 
        <rich:column> 
         <f:facet name="header"> 
          <h:outputText value="#{bundle.ListFeedbackTitle_department}"/> 
         </f:facet> 
         <h:outputText value="#{item.department}"/> 
        </rich:column> 
      </rich:dataTable> 
      </h:form> 
    </ui:define> 
</ui:composition> 
+0

관련 예제 ([MCVE] (http://stackoverflow.com/help/mcve))로 시연 해보실 수 있습니까? – Tiny

+0

올바른 정보를 제공하지 않는 것에 대해 사과드립니다. – rahul

답변

1

의 한 부분으로 넣어 경우, 당신이 widthrich:column의 속성을 사용할 수 있습니다 모르겠어요 h:column :

<h:column width="110"> 

데이터 테이블 셀의 텍스트를 여러 줄로 표시하지 않으려면
1) columnClasses 속성을 rich:dataTable으로 사용하고 해당 열에 대해 줄 바꿈 스타일을 지정할 수 있습니다. CSS와 조합 예의

<rich:dataTable columnClasses="nowrap,"> 

들어

.nowrap { 
    white-space: nowrap; 
} 

비 래핑 첫번째 컬럼 테이블로 귀착된다.

2) 또는 styleClass 속성을 rich:column과 동일한 결과 (동일한 CSS 포함)로 사용할 수 있습니다.