Primefaces带有列标题的orderlist

时间:2012-10-18 14:22:04

标签: java jsf-2 primefaces

是否可以使用列标题创建p:orderlist?我试图将它编码为具有columnGroups,rows,columns的dataTable,但这不会呈现。

在我的orderList中我想显示6列数据,并希望用户看到每列的一个标题?

1 个答案:

答案 0 :(得分:4)

这可能不完美,但这是我设法为orderList显示一些标题的方式。您只需要调整css规则,例如将标题左对齐并随意对齐。

<p:orderList styleClass="your-orderlist" value="#{controller.fields}" var="field"
iconOnly="true" effect="clip" itemValue="#{field}" converter="#{fieldConverter}">
    <f:facet name="caption">
        <div class="your-orderlist-header" style="width: 33%;">Field Name</div>
        <div class="your-orderlist-header" style="width: 33%;">Value</div>
        <div class="your-orderlist-header" style="width: 33%;">Type</div>
    <div style="clear: both;" />
    </f:facet>

   <p:column styleClass="your-orderlist-row" style="width:33%;">
       <h:outputText value="#{field.fieldName}" />
   </p:column>
   <p:column styleClass="your-orderlist-row" style="width:33%;">
       <h:outputText value="#{field.value}" />
   </p:column>
   <p:column styleClass="your-orderlist-row" style="width:33%;">
       <h:outputText value="#{field.type}" />
   </p:column>
</p:orderList>