java - 列ヘッダー付きの Primefaces オーダーリスト

Question

列ヘッダーで ap:orderlist を作成することは可能ですか? columnGroups、rows、columns を含む dataTable のようにコーディングしようとしましたが、これはレンダリングされませんでした。

orderList で 6 列のデータを表示したいのですが、ユーザーに各列のヘッダーを 1 つずつ表示させたいですか?

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>