分两列显示前 10 条动态记录（每 5 条记录）答案

【问题标题】：display top 10 dynamic records in two column(Each 5 records)分两列显示前 10 条动态记录（每 5 条记录）
【发布时间】：2015-09-05 02:37:22
【问题描述】：

我正在使用 primefaces 5.2 和 jsf。我正在使用数据表来显示前十个失败的 TC 和这些计数。记录是动态值并从数据库中获取，它工作正常。但我想在每 5 条记录的两列中显示 10 条记录。例如： TC NAME COUNT TC01_Test 35 TC06_Test 15 TC02_Test 23 TC07_Test 13 TC03_Test 20 TC08_Test 10 TC04_Test 18 TC08_Test 9 TC05_Test 17 TC10_Test 5

我想像上面提到的例子一样显示我的记录。我怎样才能做到这一点？ XHTML：

<div class="DTHeadertwo" >
                        <p:dataTable var="failedTCs" value="#{reportsExeProgressBean.topTenFailedTcs}" >
                            <p:column headerText="TC Name">        
                                <h:outputText style="font-size: 12px;" value="#{failedTCs.testCaseName}" />    
                            </p:column>
                            <p:column headerText="Failed Count">        
                                <h:outputText style="font-size: 20px;" value="#{failedTCs.failedCount}" />    
                            </p:column>
                        </p:dataTable>
                        </div>

【问题讨论】：

标签： jsf primefaces xhtml

【解决方案1】：

你不能那样使用 DataTable

最好考虑使用 dataGrid，但即使这样，您的列表也会变成这样：

TC01_Test     35      TC02_Test     15
TC03_Test     23      TC04_Test     13
TC05_Test     20      TC06_Test     10
TC07_Test     18      TC08_Test     9
TC09_Test     17      TC10_Test     5

代码示例：

<p:dataGrid var="failedTCs" value="#{reportsExeProgressBean.topTenFailedTcs}" columns="2" layout="grid"
    rows="10" >
    <p:panel style="text-align:center">
        <h:panelGrid columns="2" style="width:100%">
           <h:outputText style="font-size: 12px;" value="#{failedTCs.testCaseName}" />
        <h:outputText style="font-size: 20px;" value="#{failedTCs.failedCount}" />
        </h:panelGrid>
    </p:panel>
</p:dataGrid>

【讨论】：