Input Style

Free Themes

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

Saga Saga
Vela Vela
Arya Arya

Legacy Free Themes

Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink
Nova Nova
Nova Nova Alt
Nova Nova Accent

PREMIUM TEMPLATES

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

DataTable Row Grouping

Rows can be grouped in two ways, using rowGroup component or with groupRow attribute on a column.

Header Row
RepresentativeNameCountryCompanyStatusDate
Amy Elsner
Amy ElsnerMujtaba Nicka SpainDorl, James J Esq RENEWAL02/22/2021
Amy ElsnerKaitlin Ostrosky BrazilBenton, John B Jr NEGOTIATION02/01/2021
Amy ElsnerJuan Wieser SpainBenton, John B Jr QUALIFIED01/29/2021
Amy ElsnerAika Inouye CanadaBenton, John B Jr NEW02/12/2021
Amy ElsnerAditya Kusko FranceChanay, Jeffrey A Esq PROPOSAL02/07/2021
Amy ElsnerAruna Figeroa GermanyRousseaux, Michael Esq PROPOSAL02/13/2021
Amy ElsnerJames Butt ArgentinaKing, Christopher A Esq PROPOSAL02/10/2021
Amy ElsnerArvin Albares ArgentinaDorl, James J Esq QUALIFIED02/06/2021
Total Customers:8
Anna Fali
Anna FaliEmily Whobrey CanadaBenton, John B Jr QUALIFIED02/09/2021
Anna FaliMaisha Rulapaugh SpainChemel, James L Cpa NEW01/31/2021
Anna FaliJefferson Schemmer ItalyRousseaux, Michael Esq UNQUALIFIED02/02/2021
Anna FaliDarci Poquette BrazilPrinting Dimensions QUALIFIED01/31/2021
Total Customers:4
Asiya Javayant
Asiya JavayantJefferson Schemmer CanadaPrinting Dimensions NEGOTIATION02/07/2021
Asiya JavayantAruna Figeroa JapanFeltz Printing Service RENEWAL01/30/2021
Asiya JavayantMaisha Rulapaugh ArgentinaPrinting Dimensions PROPOSAL02/01/2021
Asiya JavayantKaitlin Ostrosky IndiaMorlong Associates NEW02/02/2021
Asiya JavayantAruna Figeroa United KingdomDorl, James J Esq PROPOSAL02/15/2021
Asiya JavayantDarci Poquette IndiaTruhlar And Truhlar Attys PROPOSAL02/17/2021
Asiya JavayantAruna Figeroa AustraliaRangoni Of Florence RENEWAL02/10/2021
Total Customers:7
Bernardo Dominic
Bernardo DominicDarci Poquette ItalyFeltz Printing Service NEW01/29/2021
Total Customers:1
Elwin Sharvill
Elwin SharvillArvin Albares GermanyChanay, Jeffrey A Esq RENEWAL01/28/2021
Elwin SharvillClaire Tollner AustraliaKing, Christopher A Esq NEGOTIATION02/04/2021
Elwin SharvillJefferson Schemmer GermanyRousseaux, Michael Esq RENEWAL01/25/2021
Elwin SharvillDavid Darakjy ArgentinaPrinting Dimensions QUALIFIED02/11/2021
Elwin SharvillDeepesh Chui ItalyRangoni Of Florence PROPOSAL02/05/2021
Elwin SharvillSalvatore Stockham IndiaFeiner Bros UNQUALIFIED01/25/2021
Elwin SharvillKaitlin Ostrosky IndiaMorlong Associates UNQUALIFIED01/31/2021
Elwin SharvillCody Saylors FranceChemel, James L Cpa RENEWAL02/05/2021
Total Customers:8
Ioni Bowcher
Ioni BowcherChavez Briddick SpainChapman, Ross E Esq NEW02/09/2021
Ioni BowcherClaire Tollner ArgentinaTruhlar And Truhlar Attys RENEWAL02/16/2021
Ioni BowcherAlejandro Perin IndiaKing, Christopher A Esq UNQUALIFIED02/11/2021
Ioni BowcherLeja Caldarera ItalyFeiner Bros NEW02/17/2021
Ioni BowcherSalvatore Stockham JapanKing, Christopher A Esq NEW01/29/2021
Total Customers:5
Ivan Magalhaes
Ivan MagalhaesIzzy Garufi AustraliaFeiner Bros NEGOTIATION01/29/2021
Ivan MagalhaesJeanfrancois Venere ArgentinaRangoni Of Florence PROPOSAL02/10/2021
Ivan MagalhaesJones Vocelka IndiaChanay, Jeffrey A Esq UNQUALIFIED02/23/2021
Ivan MagalhaesKaitlin Ostrosky IndiaKing, Christopher A Esq RENEWAL02/07/2021
Ivan MagalhaesMaisha Rulapaugh BrazilBenton, John B Jr NEGOTIATION02/14/2021
Total Customers:5
Onyama Limba
Onyama LimbaIzzy Garufi IndiaCommercial Press RENEWAL01/28/2021
Onyama LimbaJames Butt JapanFeltz Printing Service NEW02/01/2021
Onyama LimbaClaire Tollner FranceRangoni Of Florence NEW02/01/2021
Total Customers:3
Stephen Shaw
Xuxue Feng
Xuxue FengAditya Kusko ArgentinaKing, Christopher A Esq UNQUALIFIED01/31/2021
Xuxue FengRicardo Gaucho SpainChemel, James L Cpa QUALIFIED02/22/2021
Xuxue FengArvin Albares FranceBuckley Miller Wright RENEWAL02/15/2021
Xuxue FengMaisha Rulapaugh JapanChemel, James L Cpa PROPOSAL01/29/2021
Xuxue FengKaitlin Ostrosky BrazilDorl, James J Esq PROPOSAL02/05/2021
Total Customers:5
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerMujtaba Nicka SpainDorl, James J Esq RENEWAL02/22/2021
Amy ElsnerKaitlin Ostrosky BrazilBenton, John B Jr NEGOTIATION02/01/2021
Amy ElsnerJuan Wieser SpainBenton, John B Jr QUALIFIED01/29/2021
Amy ElsnerAika Inouye CanadaBenton, John B Jr NEW02/12/2021
Amy ElsnerAditya Kusko FranceChanay, Jeffrey A Esq PROPOSAL02/07/2021
Amy ElsnerAruna Figeroa GermanyRousseaux, Michael Esq PROPOSAL02/13/2021
Amy ElsnerJames Butt ArgentinaKing, Christopher A Esq PROPOSAL02/10/2021
Amy ElsnerArvin Albares ArgentinaDorl, James J Esq QUALIFIED02/06/2021
Anna FaliEmily Whobrey CanadaBenton, John B Jr QUALIFIED02/09/2021
Anna FaliMaisha Rulapaugh SpainChemel, James L Cpa NEW01/31/2021
Anna FaliJefferson Schemmer ItalyRousseaux, Michael Esq UNQUALIFIED02/02/2021
Anna FaliDarci Poquette BrazilPrinting Dimensions QUALIFIED01/31/2021
Asiya JavayantJefferson Schemmer CanadaPrinting Dimensions NEGOTIATION02/07/2021
Asiya JavayantAruna Figeroa JapanFeltz Printing Service RENEWAL01/30/2021
Asiya JavayantMaisha Rulapaugh ArgentinaPrinting Dimensions PROPOSAL02/01/2021
Asiya JavayantKaitlin Ostrosky IndiaMorlong Associates NEW02/02/2021
Asiya JavayantAruna Figeroa United KingdomDorl, James J Esq PROPOSAL02/15/2021
Asiya JavayantDarci Poquette IndiaTruhlar And Truhlar Attys PROPOSAL02/17/2021
Asiya JavayantAruna Figeroa AustraliaRangoni Of Florence RENEWAL02/10/2021
Bernardo DominicDarci Poquette ItalyFeltz Printing Service NEW01/29/2021
Elwin SharvillArvin Albares GermanyChanay, Jeffrey A Esq RENEWAL01/28/2021
Elwin SharvillClaire Tollner AustraliaKing, Christopher A Esq NEGOTIATION02/04/2021
Elwin SharvillJefferson Schemmer GermanyRousseaux, Michael Esq RENEWAL01/25/2021
Elwin SharvillDavid Darakjy ArgentinaPrinting Dimensions QUALIFIED02/11/2021
Elwin SharvillDeepesh Chui ItalyRangoni Of Florence PROPOSAL02/05/2021
Elwin SharvillSalvatore Stockham IndiaFeiner Bros UNQUALIFIED01/25/2021
Elwin SharvillKaitlin Ostrosky IndiaMorlong Associates UNQUALIFIED01/31/2021
Elwin SharvillCody Saylors FranceChemel, James L Cpa RENEWAL02/05/2021
Ioni BowcherChavez Briddick SpainChapman, Ross E Esq NEW02/09/2021
Ioni BowcherClaire Tollner ArgentinaTruhlar And Truhlar Attys RENEWAL02/16/2021
Ioni BowcherAlejandro Perin IndiaKing, Christopher A Esq UNQUALIFIED02/11/2021
Ioni BowcherLeja Caldarera ItalyFeiner Bros NEW02/17/2021
Ioni BowcherSalvatore Stockham JapanKing, Christopher A Esq NEW01/29/2021
Ivan MagalhaesIzzy Garufi AustraliaFeiner Bros NEGOTIATION01/29/2021
Ivan MagalhaesJeanfrancois Venere ArgentinaRangoni Of Florence PROPOSAL02/10/2021
Ivan MagalhaesJones Vocelka IndiaChanay, Jeffrey A Esq UNQUALIFIED02/23/2021
Ivan MagalhaesKaitlin Ostrosky IndiaKing, Christopher A Esq RENEWAL02/07/2021
Ivan MagalhaesMaisha Rulapaugh BrazilBenton, John B Jr NEGOTIATION02/14/2021
Onyama LimbaIzzy Garufi IndiaCommercial Press RENEWAL01/28/2021
Onyama LimbaJames Butt JapanFeltz Printing Service NEW02/01/2021
Onyama LimbaClaire Tollner FranceRangoni Of Florence NEW02/01/2021
Stephen ShawCody Saylors AustraliaChapman, Ross E Esq RENEWAL02/17/2021
Stephen ShawDavid Darakjy JapanChanay, Jeffrey A Esq RENEWAL02/03/2021
Stephen ShawGreenwood Bolognia GermanyCommercial Press UNQUALIFIED01/25/2021
Stephen ShawAlejandro Perin GermanyRousseaux, Michael Esq QUALIFIED01/28/2021
Xuxue FengAditya Kusko ArgentinaKing, Christopher A Esq UNQUALIFIED01/31/2021
Xuxue FengRicardo Gaucho SpainChemel, James L Cpa QUALIFIED02/22/2021
Xuxue FengArvin Albares FranceBuckley Miller Wright RENEWAL02/15/2021
Xuxue FengMaisha Rulapaugh JapanChemel, James L Cpa PROPOSAL01/29/2021
Xuxue FengKaitlin Ostrosky BrazilDorl, James J Esq PROPOSAL02/05/2021

<div class="card">
    <h5 class="first">Header Row</h5>
    <h:form>
        <p:dataTable var="customer" value="#{dtRowGroupView.customers}" sortBy="#{customer.representative.name}">
            <p:headerRow field="representative.name"
                         expandable="true" 
                         expanded="#{customer.representative.name != 'Stephen Shaw'}">
                
                <p:column colspan="6">
                    <div class="p-d-inline-flex p-ai-center" style="vertical-align: middle">
                        <p:graphicImage name="images/avatar/#{customer.representative.image}" library="demo" width="32" style="vertical-align: middle"/>
                        <h:outputText styleClass="p-ml-2" value="#{customer.representative.name}"/>
                    </div>
                </p:column>
            </p:headerRow>

            <p:column headerText="Representative">
                <h:outputText value="#{customer.representative.name}" />
            </p:column>

            <p:column headerText="Name">
                <h:outputText value="#{customer.name}" />
            </p:column>

            <p:column headerText="Country">
                <span class="flag flag-#{customer.country.code}" style="width: 30px; height: 20px"/>
                <h:outputText style="vertical-align: middle; margin-left: .5rem" value="#{customer.country}"/>
            </p:column>

            <p:column headerText="Company">
                <h:outputText value="#{customer.company}" />
            </p:column>

            <p:column headerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>

            <p:column headerText="Date">
                <h:outputText value="#{customer.date}">
                    <f:convertDateTime pattern="MM/dd/yyyy" type="localDate"/>
                </h:outputText>
            </p:column>

            <p:summaryRow>
                <p:column colspan="5" style="text-align:right">
                    <h:outputText value="Total Customers:"/>
                </p:column>
                <p:column>
                    <h:outputText value="#{dtRowGroupView.getTotalCount(customer.representative.name)}"/>
                </p:column>
            </p:summaryRow>
        </p:dataTable>
    </h:form>
</div>

<div class="card">
    <h5>Rowspan</h5>
    <h:form>
        <p:dataTable var="customer" value="#{dtRowGroupView.customers}">
            <p:column  headerText="Representative" groupRow="true">
                <p:graphicImage name="images/avatar/#{customer.representative.image}" library="demo"
                                width="32" style="vertical-align: middle"/>
                <h:outputText style="vertical-align: middle; margin-left: .5rem"
                              value="#{customer.representative.name}"/>
            </p:column>

            <p:column headerText="Name">
                <h:outputText value="#{customer.name}" />
            </p:column>

            <p:column headerText="Country">
                <span class="flag flag-#{customer.country.code}" style="width: 30px; height: 20px"/>
                <h:outputText style="vertical-align: middle; margin-left: .5rem" value="#{customer.country}"/>
            </p:column>

            <p:column headerText="Company">
                <h:outputText value="#{customer.company}" />
            </p:column>

            <p:column headerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>

            <p:column headerText="Date">
                <h:outputText value="#{customer.date}">
                    <f:convertDateTime pattern="MM/dd/yyyy" type="localDate"/>
                </h:outputText>
            </p:column>
        </p:dataTable>
    </h:form>
</div>