<p:dataTable>에 <p:column>의 너비와 여백을 설정하는 방법은 무엇입니까? primefaces

Question

PrimeFaces 3.4.2를 사용 중이므로 <p:dataTable>을 사용해야합니다. 첫 번째 열 너비를 5 px 미만으로 고정하고 싶습니다. 그에 대한 나는 CSS 클래스를 생성 :

.myTableFlux td:nth-child(1) { 
    width: 5px !important; 
} 

이 내 테이블 :

<p:dataTable value="#{bean.listFlux}" var="list" styleClass="myTableFlux"> 
    <p:column headerText="Status" > 
     <h:graphicImage value="/resources/images/so#{list.i}.jpg" /> 
    </p:column> 
    <p:column headerText="Nom"> 
     <h:outputText value="#{list.name}" /> 
    </p:column> 
</p:dataTable> 

문제가 내가 5 픽셀 이하로 할 수 없다는 것입니다. 여기

나는 결과 나를 위해

Answer 1

으로해야 할 이미지의 width -Attribute는 p:column 태그에 PrimeFaces 3.4에서 작동합니다

<p:column width="3" headerText="longlong"> 
    <h:outputText value="xyz" /> 
</p:column> 

이 코드는 같이 표시됩니다 이 :

편집 : 특정 컬럼의 패딩 스타일을 해결책을 찾았

<style> 
    .ui-datatable td:nth-child(1) div.ui-dt-c { 
    padding: 0 0 0 0 !important; 
    } 
</style> 

PrimeFaces 조금 까다로울 수있다. 속성의 출처를 추적하고 특정 styleClasses를 덮어 써야합니다.