Primefaces Datatable列表记录带有标题的多行

时间:2018-11-27 16:16:38

标签: primefaces datatable datatables row rowexpansion

我正在尝试从记录列表中创建一个datable,并使用p:rowexpansion元素将其显示在具有不同标题的多行中。像这样:

enter image description here

我尝试过的一些代码:

<p:dataTable id="valueListHist"
 var="valueNow" value="#{viewTestPol.valueList}"                                    
    paginatorAlwaysVisible="true" paginator="true" paginatorPosition="bottom"
    rows="15" rowsPerPageTemplate="5,10,20,50" 
    filteredValue="#{viewTestPol.valueList}" 

<p:columnGroup type="header">  
        <p:row>  
                <p:column id="t_rToggler" style="width: 5%; border-color: #d5d5d5;" headerText="" /> 
                <p:column id="t_podCode" style="width: 5%; border-color: #d5d5d5;" headerText="#{text['viewTest.value']}" /> 
                <p:column id="t_podTown" style="width: 10%; border-color: #d5d5d5;" headerText="#{text['viewTest.value']}" />
                <p:column id="t_oqId" style="width: 10%; border-color: #d5d5d5;" headerText="#{text['viewTest.value']}" />                                   
        </p:row>
</p:columnGroup> 
<p:column style="width: 5%; border-color: #d5d5d5; text-align:center;">  
                        <p:rowToggler/>  
</p:column>        
<p:column style="width: 5%; border-color: #d5d5d5; text-align:center;">  
        <h:outputText value="#{valueNow.policyCod}" />
</p:column> 
 <p:column style="width: 5%; border-color: #d5d5d5; text-align:center;">  
        <h:outputText value="#{valueNow.value}" />
</p:column> 
 <p:column style="width: 5%; border-color: #d5d5d5; text-align:center;">  
        <h:outputText value="#{valueNow.value}" />
</p:column> 
<p:columnGroup type="header">  
        <p:row>  
                <p:column id="t_podCode" style="width: 5%; border-color: #d5d5d5;" headerText="#{text['viewTest.value']}" /> 
                <p:column id="t_podTown" style="width: 10%; border-color: #d5d5d5;" headerText="#{text['viewTest.value']}" />
                <p:column id="t_oqId" style="width: 10%; border-color: #d5d5d5;" headerText="#{text['viewTest.value']}" />                                   
        </p:row>
</p:columnGroup> 
 <p:column style="width: 5%; border-color: #d5d5d5; text-align:center;">  
        <h:outputText value="#{valueNow.value}" />
</p:column>         
<p:column style="width: 5%; border-color: #d5d5d5; text-align:center;">  
        <h:outputText value="#{valueNow.value}" />
</p:column> 
 <p:column style="width: 5%; border-color: #d5d5d5; text-align:center;">  
        <h:outputText value="#{valueNow.value}" />
</p:column> 

<p:rowExpansion styleClass="policyHistModalExpanded">
        <p:dataTable id="pTtbPeriodsPrices" var="periodId" value="#{valueList.policyCod}"
         resizableColumns="true" style="border-color: #d5d5d5;">                                   
                <p:columnGroup type="header" >  
                   <p:row>  
                           <p:column id="id5" style="width: 25%; border-color: #d5d5d5;" headerText="#{text['viewTest.value']}" />
                           <p:column id="id6" style="width: 25%; border-color: #d5d5d5;" headerText="#{text['viewTest.value']}" />
                           <p:column id="id7" style="width: 25%; border-color: #d5d5d5;" headerText="#{text['viewTest.value']}" />
                           <p:column id="id8" style="width: 25%; border-color: #d5d5d5;" headerText="#{text['viewTest.value']}" />
                   </p:row>
           </p:columnGroup> 

                <p:column style="width: 25%; border-color: #d5d5d5;">  
                        <h:outputText value="#{valueNow.value}" />
                </p:column> 
                <p:column style="width: 25%; border-color: #d5d5d5;">  
                        <h:outputText value="#{valueNow.value}" />
                </p:column>
                <p:column style="width: 25%; border-color: #d5d5d5;">  
                        <h:outputText value="#{valueNow.value}" />
                </p:column>
                <p:column style="width: 25%; border-color: #d5d5d5;">  
                        <h:outputText value="#{valueNow.value}" />
                </p:column>        

        </p:dataTable>
</p:rowExpansion>  

我正在寻找可以使用的结构。是否有可能获得表头/值结构?

0 个答案:

没有答案