如何在<p:dataTable>中設置<p:column>的寬度和邊距？ primefaces

Question

我正在使用PrimeFaces 3.4.2，我必須使用<p:dataTable>。我想將第一列的寬度固定爲小於5像素。 爲我創建了一個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。