Primefaces帶有列標題的orderlist

Question

是否可以使用列標題創建ap：orderlist？ 我試圖將其編碼為具有columnGroups，rows，columns的dataTable，但這不會呈現。

在我的orderList中，我想顯示6列數據，並希望用戶看到每列的一個標題？

Answer 1

這可能不完美，但它是我設法顯示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>