DataTable - SummaryRow

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

Documentation
IdYearBrandColor
9f15eeeb1996AudiBrown
7297c83e1987AudiYellow
d50f6df91960AudiBlue
2ebee3e51993AudiGreen
9b29618c1992AudiYellow
7cf686f11980AudiOrange
8b4a87fd1984AudiGreen
Total:$71,524.00
bd53f46c1976BMWYellow
9678698f1997BMWBlack
a1f6a7901964BMWMaroon
1037314c1971BMWRed
8e81604c1961BMWBlue
b495af861998BMWGreen
Total:$57,384.00
6f1406e51980FiatYellow
763bae4b2007FiatBlue
4264343b1977FiatOrange
13e6556d1961FiatYellow
0cd097d91979FiatGreen
Total:$64,878.00
1c14a2ea1979FordBlack
addc15082000FordBrown
Total:$69,631.00
265ef9871980HondaYellow
79732a501962HondaOrange
fe9b5fe21993HondaBlue
a110eaf61983HondaYellow
ef3a4c382001HondaMaroon
0e7c17751987HondaRed
d650c5702004HondaMaroon
Total:$45,076.00
865389241987JaguarBlue
fc76cbed2007JaguarOrange
Total:$78,953.00
116938261977MercedesBrown
6732ed951996MercedesRed
7a6b81f61992MercedesOrange
Total:$55,958.00
986dfa7a1963RenaultSilver
d322e3531977RenaultRed
1c8dae3e1978RenaultSilver
eb4ba29a1999RenaultGreen
Total:$11,001.00
0eea37d02001VolkswagenOrange
4014e6ff1985VolkswagenOrange
8974bc381992VolkswagenBlack
cce4ec961977VolkswagenYellow
9a033a8f1993VolkswagenMaroon
69cfbd7a1964VolkswagenBlue
30a26fb22007VolkswagenBlack
a296c2ba1982VolkswagenBrown
8b1f5e0b1962VolkswagenBlue
Total:$65,738.00
d623ee6b2000VolvoWhite
91eb10831973VolvoWhite
211dd8a11986VolvoBlue
c59e94171974VolvoMaroon
59354ea92009VolvoWhite
Total:$92,574.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.