如何在<p:datatable>中设置<p:column>的宽度和边距? primefaces </P:数据表> </P:柱>

时间:2012-12-19 09:21:49

标签: java css jsf primefaces

我正在使用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像素。

这是我想要的图像

1 个答案:

答案 0 :(得分:5)

对我来说,width标签上的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。