我正在使用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像素。
这是我想要的图像
答案 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。