2012-12-19 3 views
8

Sto usando PrimeFaces 3.4.2 e devo usare <p:dataTable>. Voglio fissare la larghezza della prima colonna a meno di 5 px. per questo ho creato una classe CSS:Come impostare larghezza e margine di <p:column> in un <p:dataTable>? primefaces

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

questo è il mio tavolo:

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

il problema è che non posso andare sotto di 5 px.

qui è l'immagine che voglio avere come risultato

+0

http://stackoverflow.com/a/7434572/617373 – Daniel

+0

Posso impostare una larghezza inferiore a 5px (prima immagine). come posso cancellare i margini? @Daniel –

+0

Immagino che 'margin: 0px;' or '' margin: 1px; '' – Daniel

risposta

5

Per me, il width -Attribute sul tag p:column lavora con primefaces 3.4:

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

Questo codice viene visualizzato come questo:

Modifica: trovato una soluzione per lo stile l'imbottitura di alcuni colonne:

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

primefaces può essere un po 'difficile. Devi rintracciare da dove proviene l'attributo e sovrascrivere le styleClass specifiche.

+0

Vedere la risposta aggiornata per il problema di riempimento. –