<p:column>'un genişliği ve kenar boşluğu <p:dataTable> olarak nasıl ayarlanır? primefaces

Question

PrimeFaces 3.4.2 kullanıyorum ve <p:dataTable> kullanmalıyım. İlk sütunun genişliğini 5 px'den daha azına düzeltmek istiyorum. Bunun için bir css sınıfı oluşturuldu:

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

bu benim masam:

<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> 

Sorun 5 px altına düşemez olmasıdır. Burada

Ben Sonuç Benim için

Answer 1

olarak olmasını istediğiniz resim olduğundan width -Attribute p:column etiketteki PrimeFaces 3.4 çalışır:

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

Bu kod gibi gösterecektir Bu:

Düzenleme: belli sütunların dolguyu stil bir çözüm Bulunan:

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

PrimeFaces biraz yanıltıcı olabilir. Özelliğin nereden geldiğini takip etmeniz ve belirli stillerin üzerine yazmanız gerekir.