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 United KingdomRangoni Of Florence NEW02/08/2021
Amy ElsnerAlejandro Perin FranceMorlong Associates NEW02/17/2021
Amy ElsnerIsabel Bowley ItalyBenton, John B Jr UNQUALIFIED02/22/2021
Amy ElsnerMisaki Royster AustraliaChapman, Ross E Esq PROPOSAL02/18/2021
Amy ElsnerAdams Morasca RussiaDorl, James J Esq PROPOSAL02/01/2021
Amy ElsnerCosta Dilliard CanadaChemel, James L Cpa NEW02/07/2021
Total Customers:6
Anna Fali
Anna FaliSilvio Slusarski FranceChemel, James L Cpa QUALIFIED02/21/2021
Anna FaliSinclair Waycott ItalyPrinting Dimensions NEW02/14/2021
Anna FaliArvin Albares AustraliaKing, Christopher A Esq NEW02/03/2021
Anna FaliSinclair Waycott JapanKing, Christopher A Esq PROPOSAL01/29/2021
Anna FaliJulie Stenseth GermanyTruhlar And Truhlar Attys UNQUALIFIED01/29/2021
Anna FaliJuan Wieser AustraliaFeiner Bros PROPOSAL02/18/2021
Anna FaliClifford Rim ItalyBenton, John B Jr PROPOSAL02/20/2021
Total Customers:7
Asiya Javayant
Asiya JavayantSilvio Slusarski GermanyChemel, James L Cpa NEGOTIATION02/15/2021
Asiya JavayantDarci Poquette ItalyRangoni Of Florence QUALIFIED02/18/2021
Total Customers:2
Bernardo Dominic
Bernardo DominicDarci Poquette United KingdomCommercial Press NEGOTIATION02/13/2021
Bernardo DominicIvar Paprocki CanadaFeiner Bros RENEWAL02/17/2021
Bernardo DominicJames Butt FrancePrinting Dimensions PROPOSAL02/12/2021
Bernardo DominicJones Vocelka RussiaKing, Christopher A Esq NEGOTIATION01/30/2021
Bernardo DominicDarci Poquette IndiaRangoni Of Florence RENEWAL02/26/2021
Bernardo DominicMujtaba Nicka United KingdomMorlong Associates UNQUALIFIED02/25/2021
Bernardo DominicNicolas Iturbide AustraliaBuckley Miller Wright RENEWAL02/24/2021
Bernardo DominicMorrow Ruta CanadaKing, Christopher A Esq PROPOSAL02/04/2021
Total Customers:8
Elwin Sharvill
Elwin SharvillAruna Figeroa SpainKing, Christopher A Esq RENEWAL02/17/2021
Elwin SharvillMaria Marrier BrazilDorl, James J Esq QUALIFIED02/06/2021
Elwin SharvillAruna Figeroa United KingdomRangoni Of Florence PROPOSAL02/02/2021
Elwin SharvillAditya Kusko CanadaRangoni Of Florence PROPOSAL02/11/2021
Elwin SharvillMaria Marrier United KingdomRangoni Of Florence QUALIFIED01/29/2021
Total Customers:5
Ioni Bowcher
Ioni BowcherRicardo Gaucho BrazilKing, Christopher A Esq NEGOTIATION02/17/2021
Ioni BowcherSinclair Waycott RussiaChemel, James L Cpa NEW02/22/2021
Ioni BowcherJulie Stenseth JapanTruhlar And Truhlar Attys UNQUALIFIED02/14/2021
Ioni BowcherChavez Briddick GermanyBenton, John B Jr PROPOSAL01/29/2021
Ioni BowcherJulie Stenseth JapanRousseaux, Michael Esq QUALIFIED02/23/2021
Ioni BowcherJames Butt CanadaTruhlar And Truhlar Attys QUALIFIED02/05/2021
Total Customers:6
Ivan Magalhaes
Ivan MagalhaesMunro Ferencz United KingdomChemel, James L Cpa NEGOTIATION02/09/2021
Ivan MagalhaesNicolas Iturbide RussiaDorl, James J Esq NEW02/07/2021
Ivan MagalhaesJones Vocelka AustraliaMorlong Associates QUALIFIED02/04/2021
Total Customers:3
Onyama Limba
Onyama LimbaCosta Dilliard CanadaBuckley Miller Wright PROPOSAL01/28/2021
Onyama LimbaJuan Wieser ArgentinaCommercial Press UNQUALIFIED02/11/2021
Onyama LimbaJulie Stenseth BrazilRangoni Of Florence PROPOSAL02/08/2021
Total Customers:3
Stephen Shaw
Xuxue Feng
Xuxue FengAruna Figeroa United KingdomBuckley Miller Wright QUALIFIED02/11/2021
Xuxue FengDarci Poquette FranceFeltz Printing Service PROPOSAL02/06/2021
Xuxue FengSilvio Slusarski FranceTruhlar And Truhlar Attys NEW02/21/2021
Xuxue FengNicolas Iturbide CanadaChanay, Jeffrey A Esq UNQUALIFIED02/20/2021
Xuxue FengSmith Glick IndiaBuckley Miller Wright NEGOTIATION02/26/2021
Xuxue FengClaire Tollner JapanFeltz Printing Service RENEWAL02/15/2021
Xuxue FengMujtaba Nicka RussiaFeltz Printing Service QUALIFIED02/06/2021
Total Customers:7
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerMujtaba Nicka United KingdomRangoni Of Florence NEW02/08/2021
Amy ElsnerAlejandro Perin FranceMorlong Associates NEW02/17/2021
Amy ElsnerIsabel Bowley ItalyBenton, John B Jr UNQUALIFIED02/22/2021
Amy ElsnerMisaki Royster AustraliaChapman, Ross E Esq PROPOSAL02/18/2021
Amy ElsnerAdams Morasca RussiaDorl, James J Esq PROPOSAL02/01/2021
Amy ElsnerCosta Dilliard CanadaChemel, James L Cpa NEW02/07/2021
Anna FaliSilvio Slusarski FranceChemel, James L Cpa QUALIFIED02/21/2021
Anna FaliSinclair Waycott ItalyPrinting Dimensions NEW02/14/2021
Anna FaliArvin Albares AustraliaKing, Christopher A Esq NEW02/03/2021
Anna FaliSinclair Waycott JapanKing, Christopher A Esq PROPOSAL01/29/2021
Anna FaliJulie Stenseth GermanyTruhlar And Truhlar Attys UNQUALIFIED01/29/2021
Anna FaliJuan Wieser AustraliaFeiner Bros PROPOSAL02/18/2021
Anna FaliClifford Rim ItalyBenton, John B Jr PROPOSAL02/20/2021
Asiya JavayantSilvio Slusarski GermanyChemel, James L Cpa NEGOTIATION02/15/2021
Asiya JavayantDarci Poquette ItalyRangoni Of Florence QUALIFIED02/18/2021
Bernardo DominicDarci Poquette United KingdomCommercial Press NEGOTIATION02/13/2021
Bernardo DominicIvar Paprocki CanadaFeiner Bros RENEWAL02/17/2021
Bernardo DominicJames Butt FrancePrinting Dimensions PROPOSAL02/12/2021
Bernardo DominicJones Vocelka RussiaKing, Christopher A Esq NEGOTIATION01/30/2021
Bernardo DominicDarci Poquette IndiaRangoni Of Florence RENEWAL02/26/2021
Bernardo DominicMujtaba Nicka United KingdomMorlong Associates UNQUALIFIED02/25/2021
Bernardo DominicNicolas Iturbide AustraliaBuckley Miller Wright RENEWAL02/24/2021
Bernardo DominicMorrow Ruta CanadaKing, Christopher A Esq PROPOSAL02/04/2021
Elwin SharvillAruna Figeroa SpainKing, Christopher A Esq RENEWAL02/17/2021
Elwin SharvillMaria Marrier BrazilDorl, James J Esq QUALIFIED02/06/2021
Elwin SharvillAruna Figeroa United KingdomRangoni Of Florence PROPOSAL02/02/2021
Elwin SharvillAditya Kusko CanadaRangoni Of Florence PROPOSAL02/11/2021
Elwin SharvillMaria Marrier United KingdomRangoni Of Florence QUALIFIED01/29/2021
Ioni BowcherRicardo Gaucho BrazilKing, Christopher A Esq NEGOTIATION02/17/2021
Ioni BowcherSinclair Waycott RussiaChemel, James L Cpa NEW02/22/2021
Ioni BowcherJulie Stenseth JapanTruhlar And Truhlar Attys UNQUALIFIED02/14/2021
Ioni BowcherChavez Briddick GermanyBenton, John B Jr PROPOSAL01/29/2021
Ioni BowcherJulie Stenseth JapanRousseaux, Michael Esq QUALIFIED02/23/2021
Ioni BowcherJames Butt CanadaTruhlar And Truhlar Attys QUALIFIED02/05/2021
Ivan MagalhaesMunro Ferencz United KingdomChemel, James L Cpa NEGOTIATION02/09/2021
Ivan MagalhaesNicolas Iturbide RussiaDorl, James J Esq NEW02/07/2021
Ivan MagalhaesJones Vocelka AustraliaMorlong Associates QUALIFIED02/04/2021
Onyama LimbaCosta Dilliard CanadaBuckley Miller Wright PROPOSAL01/28/2021
Onyama LimbaJuan Wieser ArgentinaCommercial Press UNQUALIFIED02/11/2021
Onyama LimbaJulie Stenseth BrazilRangoni Of Florence PROPOSAL02/08/2021
Stephen ShawJeanfrancois Venere United KingdomChapman, Ross E Esq UNQUALIFIED02/18/2021
Stephen ShawMurillo Malet ArgentinaCommercial Press NEW02/22/2021
Stephen ShawAditya Kusko IndiaPrinting Dimensions QUALIFIED02/15/2021
Xuxue FengAruna Figeroa United KingdomBuckley Miller Wright QUALIFIED02/11/2021
Xuxue FengDarci Poquette FranceFeltz Printing Service PROPOSAL02/06/2021
Xuxue FengSilvio Slusarski FranceTruhlar And Truhlar Attys NEW02/21/2021
Xuxue FengNicolas Iturbide CanadaChanay, Jeffrey A Esq UNQUALIFIED02/20/2021
Xuxue FengSmith Glick IndiaBuckley Miller Wright NEGOTIATION02/26/2021
Xuxue FengClaire Tollner JapanFeltz Printing Service RENEWAL02/15/2021
Xuxue FengMujtaba Nicka RussiaFeltz Printing Service QUALIFIED02/06/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>