DataTable - SummaryRow

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

Documentation
IdYearBrandColor
97faedb21980AudiWhite
9305a5111991AudiGreen
a239be631987AudiSilver
49d74a6c1989AudiRed
622a82021989AudiOrange
Total:$24,241.00
9087a74e1972BMWMaroon
1333d38a2009BMWGreen
59e895431991BMWGreen
003ab95d1962BMWSilver
bb1e3c281985BMWGreen
84fa129e1979BMWBrown
4b64c3f61969BMWRed
Total:$61,372.00
7bfe253e1995FiatGreen
041036f41995FiatSilver
5e0148151994FiatMaroon
a86256261981FiatSilver
f4603a551971FiatYellow
Total:$17,333.00
0986f7cc1969FordBlack
ebdcfef51984FordMaroon
1d6f93001966FordRed
Total:$94,843.00
597d12eb1984HondaBrown
dd5b3f851992HondaWhite
541ce0d61987HondaMaroon
db7d5f741966HondaBlue
0650ae401976HondaBlue
04d373b32009HondaWhite
24fe95e82006HondaBlack
85ec6b471997HondaOrange
d7d543a11970HondaGreen
Total:$48,841.00
b3b9f72a1997JaguarBrown
b63ae2be1968JaguarRed
c120f20f1976JaguarBlack
2c5667051972JaguarSilver
cbb0336f1968JaguarBrown
dd5a02472005JaguarWhite
7f9932dd2004JaguarGreen
Total:$47,822.00
0537f7d11992MercedesGreen
1eb53b7a2003MercedesBlue
88e621171970MercedesGreen
Total:$23,780.00
0b72e31a2005RenaultOrange
Total:$46,371.00
a2d6b71e1964VolkswagenRed
cd8b59d32001VolkswagenOrange
67dfb1e41994VolkswagenRed
d869eb9c1969VolkswagenYellow
50bd03f61979VolkswagenSilver
Total:$97,654.00
53bdd5e61980VolvoBrown
606845221996VolvoRed
6abd6c162001VolvoBlue
1540b5e51992VolvoRed
5e8bfa251982VolvoBlack
Total:$20,264.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.