DataTable - SummaryRow

SummaryRow is a helper component of datatable used for dynamic grouping.

Documentation
IdYearBrandColor
a0cae3ae2001AudiRed
5bbecc721983AudiMaroon
25f398921972AudiWhite
851a60e31997AudiBlue
Total:$67,679.00
31705aba1991BMWYellow
Total:$9,553.00
9614d38b1964FiatWhite
1c4d5e251972FiatMaroon
c6033cd21987FiatBrown
ef9a2fab2003FiatSilver
7db5bc5f1960FiatBlue
b0d243021987FiatGreen
01849b501983FiatBrown
acda70bc1991FiatOrange
2b35b70a1974FiatBlack
4c2ba07f1985FiatGreen
Total:$88,634.00
72d90b3d1980FordBlue
a923e3ed1968FordMaroon
9e0617ba1993FordGreen
dc35ce641979FordMaroon
2ecbef451990FordBrown
Total:$39,789.00
6781deb11960HondaBrown
72cfd97d1960HondaYellow
bd43cd7a1964HondaSilver
Total:$38,869.00
eb5965711983JaguarSilver
bc56707e2007JaguarRed
d5b118e71966JaguarYellow
13392c511960JaguarBlue
9271f4b81970JaguarSilver
9692a2cf1989JaguarWhite
26f2f2361976JaguarBlack
5e9f42b22009JaguarGreen
35285cae2006JaguarRed
Total:$1,579.00
9969342b2003MercedesSilver
64081c3d1967MercedesMaroon
b75797772005MercedesMaroon
d5f63a611985MercedesMaroon
0834d0602007MercedesBrown
Total:$31,976.00
cc7e44401992RenaultMaroon
c5a09f182004RenaultSilver
Total:$93,304.00
4b0253ec2004VolkswagenWhite
42ac3a391971VolkswagenSilver
cef150b32008VolkswagenMaroon
4ac345d31974VolkswagenBlack
4088fe9c1965VolkswagenSilver
cb30ae2f1988VolkswagenGreen
Total:$61,343.00
89351edb1988VolvoBrown
4f5554041963VolvoSilver
4b5bb05b2006VolvoMaroon
479803de1981VolvoWhite
9ec81c192005VolvoWhite
Total:$63,592.00
<h:form>
    <p:dataTable var="car" value="#{dtSummaryRowView.cars}" sortBy="#{car.brand}">
        <p:column headerText="Id" sortBy="#{car.id}">
            <h:outputText value="#{car.id}" />
        </p:column>
        <p:column headerText="Year" sortBy="#{car.year}">
            <h:outputText value="#{car.year}" />
        </p:column>
        <p:column headerText="Brand" sortBy="#{car.brand}">
            <h:outputText value="#{car.brand}" />
        </p:column>
        <p:column headerText="Color" sortBy="#{car.color}">
            <h:outputText value="#{car.color}" />
        </p:column>
        <p:summaryRow>
            <p:column colspan="3" style="text-align:right">
                <h:outputText value="Total:" />
            </p:column>
            <p:column>
                <h:outputText value="#{dtSummaryRowView.randomPrice}">
                    <f:convertNumber type="currency" currencySymbol="$" />
                </h:outputText>
            </p:column>
        </p:summaryRow>
    </p:dataTable>
</h:form>

FREE THEMES

Built-in component themes created by the PrimeFaces Theme Designer.

nova-light Nova-Light
nova-dark Nova-Dark
nova-colored Nova-Colored
luna-blue Luna-Blue
luna-amber Luna-Amber
luna-green Luna-Green
luna-pink Luna-Pink
omega Omega

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.