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 ElsnerLeja Caldarera CanadaChapman, Ross E Esq NEGOTIATION01/28/2021
Amy ElsnerMayumi Kolmetz ItalyChapman, Ross E Esq QUALIFIED02/11/2021
Amy ElsnerDarci Poquette SpainRousseaux, Michael Esq RENEWAL02/01/2021
Amy ElsnerRicardo Gaucho GermanyKing, Christopher A Esq UNQUALIFIED01/29/2021
Amy ElsnerDarci Poquette CanadaChapman, Ross E Esq RENEWAL02/13/2021
Amy ElsnerClaire Tollner JapanKing, Christopher A Esq NEGOTIATION02/02/2021
Amy ElsnerJohnson Sergi FranceKing, Christopher A Esq UNQUALIFIED02/24/2021
Total Customers:7
Anna Fali
Anna FaliMunro Ferencz RussiaBenton, John B Jr NEW02/18/2021
Anna FaliSalvatore Stockham SpainBenton, John B Jr PROPOSAL01/31/2021
Anna FaliAika Inouye ItalyDorl, James J Esq UNQUALIFIED02/03/2021
Anna FaliMaisha Rulapaugh United KingdomTruhlar And Truhlar Attys UNQUALIFIED02/21/2021
Total Customers:4
Asiya Javayant
Asiya JavayantClaire Tollner ItalyChemel, James L Cpa NEW02/24/2021
Asiya JavayantMujtaba Nicka GermanyBenton, John B Jr RENEWAL02/05/2021
Asiya JavayantSmith Glick ItalyBuckley Miller Wright RENEWAL02/17/2021
Asiya JavayantTony Foller GermanyPrinting Dimensions PROPOSAL02/12/2021
Asiya JavayantMurillo Malet JapanRousseaux, Michael Esq NEGOTIATION02/07/2021
Asiya JavayantCosta Dilliard AustraliaTruhlar And Truhlar Attys NEGOTIATION02/06/2021
Total Customers:6
Bernardo Dominic
Bernardo DominicRodrigues Campain IndiaDorl, James J Esq PROPOSAL02/09/2021
Bernardo DominicJennifer Amigon RussiaRousseaux, Michael Esq UNQUALIFIED02/16/2021
Bernardo DominicFrancesco Shinko ArgentinaChemel, James L Cpa QUALIFIED01/28/2021
Bernardo DominicJennifer Amigon United KingdomChemel, James L Cpa PROPOSAL02/02/2021
Bernardo DominicMisaki Royster BrazilTruhlar And Truhlar Attys NEGOTIATION02/16/2021
Bernardo DominicMurillo Malet FranceKing, Christopher A Esq QUALIFIED02/09/2021
Total Customers:6
Elwin Sharvill
Elwin SharvillMunro Ferencz IndiaFeiner Bros NEW02/17/2021
Elwin SharvillNicolas Iturbide GermanyDorl, James J Esq RENEWAL02/04/2021
Elwin SharvillFrancesco Shinko GermanyFeltz Printing Service PROPOSAL02/16/2021
Elwin SharvillClifford Rim ArgentinaFeltz Printing Service UNQUALIFIED02/15/2021
Elwin SharvillAntonio Caudy CanadaFeltz Printing Service NEGOTIATION02/23/2021
Total Customers:5
Ioni Bowcher
Ioni BowcherMayumi Kolmetz SpainMorlong Associates NEW02/24/2021
Ioni BowcherAditya Kusko GermanyMorlong Associates RENEWAL02/14/2021
Ioni BowcherGreenwood Bolognia JapanRousseaux, Michael Esq QUALIFIED02/19/2021
Ioni BowcherFrancesco Shinko IndiaBenton, John B Jr QUALIFIED01/27/2021
Total Customers:4
Ivan Magalhaes
Ivan MagalhaesLeon Oldroyd FranceCommercial Press UNQUALIFIED02/23/2021
Ivan MagalhaesArvin Albares ArgentinaTruhlar And Truhlar Attys UNQUALIFIED02/20/2021
Ivan MagalhaesMaisha Rulapaugh CanadaKing, Christopher A Esq NEGOTIATION02/06/2021
Ivan MagalhaesJulie Stenseth FranceFeiner Bros RENEWAL02/21/2021
Ivan MagalhaesSinclair Waycott CanadaPrinting Dimensions PROPOSAL02/09/2021
Total Customers:5
Onyama Limba
Onyama LimbaKadeem Flosi IndiaDorl, James J Esq PROPOSAL02/17/2021
Onyama LimbaRicardo Gaucho ArgentinaFeltz Printing Service NEW01/28/2021
Onyama LimbaSilvio Slusarski GermanyBuckley Miller Wright NEW01/30/2021
Onyama LimbaStacey Maclead AustraliaPrinting Dimensions QUALIFIED02/01/2021
Onyama LimbaRodrigues Campain BrazilChanay, Jeffrey A Esq UNQUALIFIED02/03/2021
Onyama LimbaGreenwood Bolognia RussiaChapman, Ross E Esq QUALIFIED01/28/2021
Onyama LimbaMayumi Kolmetz GermanyRousseaux, Michael Esq UNQUALIFIED02/07/2021
Total Customers:7
Stephen Shaw
Xuxue Feng
Xuxue FengLeja Caldarera JapanChanay, Jeffrey A Esq PROPOSAL02/02/2021
Xuxue FengSinclair Waycott AustraliaCommercial Press PROPOSAL02/16/2021
Xuxue FengRicardo Gaucho AustraliaChemel, James L Cpa NEW01/26/2021
Total Customers:3
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerLeja Caldarera CanadaChapman, Ross E Esq NEGOTIATION01/28/2021
Amy ElsnerMayumi Kolmetz ItalyChapman, Ross E Esq QUALIFIED02/11/2021
Amy ElsnerDarci Poquette SpainRousseaux, Michael Esq RENEWAL02/01/2021
Amy ElsnerRicardo Gaucho GermanyKing, Christopher A Esq UNQUALIFIED01/29/2021
Amy ElsnerDarci Poquette CanadaChapman, Ross E Esq RENEWAL02/13/2021
Amy ElsnerClaire Tollner JapanKing, Christopher A Esq NEGOTIATION02/02/2021
Amy ElsnerJohnson Sergi FranceKing, Christopher A Esq UNQUALIFIED02/24/2021
Anna FaliMunro Ferencz RussiaBenton, John B Jr NEW02/18/2021
Anna FaliSalvatore Stockham SpainBenton, John B Jr PROPOSAL01/31/2021
Anna FaliAika Inouye ItalyDorl, James J Esq UNQUALIFIED02/03/2021
Anna FaliMaisha Rulapaugh United KingdomTruhlar And Truhlar Attys UNQUALIFIED02/21/2021
Asiya JavayantClaire Tollner ItalyChemel, James L Cpa NEW02/24/2021
Asiya JavayantMujtaba Nicka GermanyBenton, John B Jr RENEWAL02/05/2021
Asiya JavayantSmith Glick ItalyBuckley Miller Wright RENEWAL02/17/2021
Asiya JavayantTony Foller GermanyPrinting Dimensions PROPOSAL02/12/2021
Asiya JavayantMurillo Malet JapanRousseaux, Michael Esq NEGOTIATION02/07/2021
Asiya JavayantCosta Dilliard AustraliaTruhlar And Truhlar Attys NEGOTIATION02/06/2021
Bernardo DominicRodrigues Campain IndiaDorl, James J Esq PROPOSAL02/09/2021
Bernardo DominicJennifer Amigon RussiaRousseaux, Michael Esq UNQUALIFIED02/16/2021
Bernardo DominicFrancesco Shinko ArgentinaChemel, James L Cpa QUALIFIED01/28/2021
Bernardo DominicJennifer Amigon United KingdomChemel, James L Cpa PROPOSAL02/02/2021
Bernardo DominicMisaki Royster BrazilTruhlar And Truhlar Attys NEGOTIATION02/16/2021
Bernardo DominicMurillo Malet FranceKing, Christopher A Esq QUALIFIED02/09/2021
Elwin SharvillMunro Ferencz IndiaFeiner Bros NEW02/17/2021
Elwin SharvillNicolas Iturbide GermanyDorl, James J Esq RENEWAL02/04/2021
Elwin SharvillFrancesco Shinko GermanyFeltz Printing Service PROPOSAL02/16/2021
Elwin SharvillClifford Rim ArgentinaFeltz Printing Service UNQUALIFIED02/15/2021
Elwin SharvillAntonio Caudy CanadaFeltz Printing Service NEGOTIATION02/23/2021
Ioni BowcherMayumi Kolmetz SpainMorlong Associates NEW02/24/2021
Ioni BowcherAditya Kusko GermanyMorlong Associates RENEWAL02/14/2021
Ioni BowcherGreenwood Bolognia JapanRousseaux, Michael Esq QUALIFIED02/19/2021
Ioni BowcherFrancesco Shinko IndiaBenton, John B Jr QUALIFIED01/27/2021
Ivan MagalhaesLeon Oldroyd FranceCommercial Press UNQUALIFIED02/23/2021
Ivan MagalhaesArvin Albares ArgentinaTruhlar And Truhlar Attys UNQUALIFIED02/20/2021
Ivan MagalhaesMaisha Rulapaugh CanadaKing, Christopher A Esq NEGOTIATION02/06/2021
Ivan MagalhaesJulie Stenseth FranceFeiner Bros RENEWAL02/21/2021
Ivan MagalhaesSinclair Waycott CanadaPrinting Dimensions PROPOSAL02/09/2021
Onyama LimbaKadeem Flosi IndiaDorl, James J Esq PROPOSAL02/17/2021
Onyama LimbaRicardo Gaucho ArgentinaFeltz Printing Service NEW01/28/2021
Onyama LimbaSilvio Slusarski GermanyBuckley Miller Wright NEW01/30/2021
Onyama LimbaStacey Maclead AustraliaPrinting Dimensions QUALIFIED02/01/2021
Onyama LimbaRodrigues Campain BrazilChanay, Jeffrey A Esq UNQUALIFIED02/03/2021
Onyama LimbaGreenwood Bolognia RussiaChapman, Ross E Esq QUALIFIED01/28/2021
Onyama LimbaMayumi Kolmetz GermanyRousseaux, Michael Esq UNQUALIFIED02/07/2021
Stephen ShawDavid Darakjy SpainPrinting Dimensions NEGOTIATION02/09/2021
Stephen ShawAdams Morasca RussiaPrinting Dimensions RENEWAL02/21/2021
Stephen ShawJulie Stenseth AustraliaBuckley Miller Wright QUALIFIED02/19/2021
Xuxue FengLeja Caldarera JapanChanay, Jeffrey A Esq PROPOSAL02/02/2021
Xuxue FengSinclair Waycott AustraliaCommercial Press PROPOSAL02/16/2021
Xuxue FengRicardo Gaucho AustraliaChemel, James L Cpa NEW01/26/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>