2014-06-06 3 views
1

냉동 된 열을 PrimeFaces ShowCase에서 사용하려고합니다.고정 된 열의 너비를 설정하십시오.

하지만 첫 번째 고정 된 열의 너비를 설정할 수 없습니다. 실제로는 너무 넓습니다.

Exemple

사람 수는 어떻게 해결하는 얘기?

XHTML :

<p:dataTable var="car" value="#{dtScrollView.cars}" 
      scrollable="true" scrollHeight="150" 
      scrollWidth="300" frozenColumns="1"> 
    <p:column headerText="Id" footerText="Model"> 
     <h:outputText value="#{car.model}" /> 
    </p:column> 
    <p:column headerText="Year" footerText="Year"> 
     <h:outputText value="#{car.year}" /> 
    </p:column> 
</p:dataTable> 

내가 사용 PrimeFaces 5.0.

+0

''이 (가) 보유하는 행을 편집/업데이트 할 때 [this] (http://forum.primefaces.org/viewtopic.php?f=3&t=37719) 종류의 문제가 발생합니까? '

'를 사용하여 열을 고정 시켰습니까? 고정 열이있는' '은 행이 업데이트 될 때 제대로 작동하지 않습니다. – Tiny

답변

8

: 여기

/* Change frozen width */ 
.ui-datatable-frozenlayout-left { 
    width: 20%; 
} 

online Demogithub에 샘플 코드입니다.

희망이 도움이됩니다.

+0

완벽! 고마워요 :) –

+0

당신은 환영합니다 :) –

-1

같이 <p:column>, 당신은

+0

나는 이미 이것을 시도했다. 이것은 작동하지 않습니다. –

-1

숨바꼭질을 원하는 것처럼 당신은 폭 값을 변경할 수 있습니다

추가 속성 스타일을 다음 코드

<p:column headerText="Id" footerText="Model" style="width:20px;"> 
    <h:outputText value="#{car.model}" /> 
</p:column> 

을 시도해보십시오

<p:column headerText="Id" footerText="Model" style="width: 10%;"> 
       <h:outputText value="#{car.model}" /> 
      </p:column> 

시도 괜찮아. :)

, 냉동 열의 너비를 변경하려면 다음과 같은 CSS 클래스를 사용하기 위해서는

enter image description here

+0

너무 작동하지 않습니다 : ( –

+0

나는 내 응답을 업데이트했고 시도했습니다 :); 투표를 잊지 마세요 :) –

+0

여전히 작동하지 않습니다 ... http://imgur.com/hQV8OII –

관련 문제