汇总行 JSF 数据表

Question

I have to put in summary many columns summarizing the results, and in jsf datatable i cant do it, someone know how can i do it? without use primefaces

im got this result

<h:dataTable id="tableResult" value="#{managedBean.dataModel}"
                                    var="obj" rows="15" layout="block" styleClass="table">
    <h:column>
            <f:facet name="header">Total abandonada</f:facet>
            <h:outputText value="#{obj.totalAbandon}">
            </h:outputText>
        </h:column>
        <h:column>
            <f:facet name="header">Total</f:facet>
            <h:outputText value="#{obj.total}" />

        </h:column>
        <h:column>
            <f:facet name="header"> Atendidas %</f:facet>
            <h:outputText value="#{obj.percentualAnswered}%" />
        </h:column>
        <h:column>
            <f:facet name="header">Abandonos %</f:facet>
            <h:outputText value="#{obj.percentualAbandon}%" />
        </h:column>
        <f:facet name="footer">#{obj.suumary}
        </f:facet>
</h:dataTable>

to got this result im using

<f:facet name="footer">Total : 2</f:facet>

but i want this result

<tr>
<td>Total : 2</td> 
<td>Total answered : 1</td>
<td>Total abandon : 1</td>
</tr>
</tfoot>

i have been tried use 2 footer facet and doesnt work

Answer 1

A plain JSF h:datatable does not have the notion of something like a summary per group of rows built in. So if this is what you want, you need to either switch to eg PrimeFaces or add the summary row to your model in the right place and be creative with the CSS for the rows and the content.

If you want a footer for the full datable, the footer facet is the right thing (a summary of the datatable). But in this footer you cannot use the variable you assigned in the var attribute, in your case obj Think of it, which obj should be used? The first? Second? Last? All (each)? So add a field to the managedBean that contains the 'summary' and display that.

<f:facet name="footer">#{manageBean.summary}</f:facet>

If summary is a list, you can iterate over it like mentioned in Iterate over nested List property inside h:datatable

The html you'll end up is

<tfoot>
   <tr> 
       <td>
          .... your content of the nested list
       </td>
   </tr>
</tfoot>

This contnt can be either a table, list, div's or whatever you want.