열 머리글이있는 Primefaces 주문 목록

Question

열 머리글을 사용하여 p : orderlist를 만들 수 있습니까? columnGroups, 행 및 열이있는 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>