Locale

Change the locale of the datepicker, schedule and client side validation messages.

Input Style

Free Themes

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

PrimeOne Design

Saga Saga
Vela Vela
Arya Arya

Premium Themes

Premium themes are only available exclusively for PrimeFaces Theme Designer subscribers and therefore not included in PrimeFaces core.

bootstrap4-blue-light Bootstrap Blue
bootstrap4-purple-light Bootstrap Purple
bootstrap4-blue-dark Bootstrap Blue
bootstrap4-purple-dark Bootstrap Purple

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 Group

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

Header Row
RepresentativeNameCountryCompanyStatusDate
Amy Elsner
Amy ElsnerIvar Paprocki RussiaPrinting Dimensions UNQUALIFIED04/04/2021
Amy ElsnerNicolas Iturbide AustraliaMorlong Associates PROPOSAL04/17/2021
Amy ElsnerSinclair Waycott United KingdomDorl, James J Esq UNQUALIFIED03/25/2021
Amy ElsnerJones Vocelka ArgentinaChemel, James L Cpa RENEWAL04/20/2021
Amy ElsnerDavid Darakjy SpainCommercial Press PROPOSAL04/09/2021
Amy ElsnerMayumi Kolmetz JapanPrinting Dimensions QUALIFIED04/11/2021
Total Customers:6
Anna Fali
Anna FaliAditya Kusko ArgentinaTruhlar And Truhlar Attys NEW04/06/2021
Anna FaliIzzy Garufi ArgentinaFeiner Bros QUALIFIED03/28/2021
Anna FaliCosta Dilliard SpainRousseaux, Michael Esq UNQUALIFIED03/26/2021
Anna FaliJones Vocelka AustraliaRousseaux, Michael Esq UNQUALIFIED04/14/2021
Anna FaliJulie Stenseth JapanKing, Christopher A Esq UNQUALIFIED04/19/2021
Anna FaliJohnson Sergi FranceChemel, James L Cpa QUALIFIED03/31/2021
Anna FaliSilvio Slusarski FranceBuckley Miller Wright UNQUALIFIED04/22/2021
Total Customers:7
Asiya Javayant
Asiya JavayantAdams Morasca JapanCommercial Press NEW04/14/2021
Asiya JavayantRodrigues Campain BrazilCommercial Press NEW04/14/2021
Asiya JavayantDarci Poquette ArgentinaFeiner Bros QUALIFIED03/28/2021
Asiya JavayantJefferson Schemmer IndiaKing, Christopher A Esq NEW04/11/2021
Asiya JavayantOctavia Malet SpainChemel, James L Cpa QUALIFIED04/22/2021
Asiya JavayantTony Foller GermanyChapman, Ross E Esq NEGOTIATION04/22/2021
Total Customers:6
Bernardo Dominic
Bernardo DominicMunro Ferencz ArgentinaBuckley Miller Wright QUALIFIED04/16/2021
Bernardo DominicOctavia Malet SpainPrinting Dimensions PROPOSAL04/14/2021
Bernardo DominicKaitlin Ostrosky JapanPrinting Dimensions UNQUALIFIED04/08/2021
Bernardo DominicJames Butt ItalyChanay, Jeffrey A Esq RENEWAL04/17/2021
Bernardo DominicSilvio Slusarski ArgentinaBuckley Miller Wright NEGOTIATION03/25/2021
Bernardo DominicChavez Briddick ItalyCommercial Press NEW04/19/2021
Bernardo DominicSilvio Slusarski ItalyBenton, John B Jr RENEWAL03/25/2021
Total Customers:7
Elwin Sharvill
Elwin SharvillJeanfrancois Venere JapanFeiner Bros PROPOSAL03/26/2021
Elwin SharvillOctavia Malet FranceFeltz Printing Service NEW04/20/2021
Elwin SharvillCosta Dilliard RussiaBuckley Miller Wright QUALIFIED04/13/2021
Elwin SharvillDavid Darakjy SpainFeiner Bros PROPOSAL03/30/2021
Elwin SharvillMaria Marrier ItalyRousseaux, Michael Esq QUALIFIED04/03/2021
Total Customers:5
Ioni Bowcher
Ioni BowcherJuan Wieser BrazilPrinting Dimensions RENEWAL04/03/2021
Ioni BowcherFrancesco Shinko SpainDorl, James J Esq UNQUALIFIED04/15/2021
Ioni BowcherSmith Glick ArgentinaChapman, Ross E Esq QUALIFIED04/16/2021
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesJefferson Schemmer SpainFeltz Printing Service QUALIFIED04/14/2021
Ivan MagalhaesLeon Oldroyd GermanyMorlong Associates RENEWAL04/19/2021
Ivan MagalhaesNicolas Iturbide GermanyCommercial Press QUALIFIED04/06/2021
Ivan MagalhaesDavid Darakjy JapanChapman, Ross E Esq QUALIFIED04/21/2021
Total Customers:4
Onyama Limba
Onyama LimbaMaria Marrier GermanyFeltz Printing Service PROPOSAL03/27/2021
Onyama LimbaJames Butt GermanyTruhlar And Truhlar Attys RENEWAL03/24/2021
Onyama LimbaIsabel Bowley GermanyCommercial Press NEGOTIATION03/29/2021
Onyama LimbaOctavia Malet JapanDorl, James J Esq NEGOTIATION03/30/2021
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengCody Saylors GermanyPrinting Dimensions PROPOSAL04/08/2021
Xuxue FengAditya Kusko AustraliaBuckley Miller Wright QUALIFIED04/17/2021
Xuxue FengFrancesco Shinko RussiaChapman, Ross E Esq QUALIFIED04/06/2021
Xuxue FengJulie Stenseth ItalyDorl, James J Esq NEGOTIATION04/16/2021
Total Customers:4
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerIvar Paprocki RussiaPrinting Dimensions UNQUALIFIED04/04/2021
Amy ElsnerNicolas Iturbide AustraliaMorlong Associates PROPOSAL04/17/2021
Amy ElsnerSinclair Waycott United KingdomDorl, James J Esq UNQUALIFIED03/25/2021
Amy ElsnerJones Vocelka ArgentinaChemel, James L Cpa RENEWAL04/20/2021
Amy ElsnerDavid Darakjy SpainCommercial Press PROPOSAL04/09/2021
Amy ElsnerMayumi Kolmetz JapanPrinting Dimensions QUALIFIED04/11/2021
Anna FaliAditya Kusko ArgentinaTruhlar And Truhlar Attys NEW04/06/2021
Anna FaliIzzy Garufi ArgentinaFeiner Bros QUALIFIED03/28/2021
Anna FaliCosta Dilliard SpainRousseaux, Michael Esq UNQUALIFIED03/26/2021
Anna FaliJones Vocelka AustraliaRousseaux, Michael Esq UNQUALIFIED04/14/2021
Anna FaliJulie Stenseth JapanKing, Christopher A Esq UNQUALIFIED04/19/2021
Anna FaliJohnson Sergi FranceChemel, James L Cpa QUALIFIED03/31/2021
Anna FaliSilvio Slusarski FranceBuckley Miller Wright UNQUALIFIED04/22/2021
Asiya JavayantAdams Morasca JapanCommercial Press NEW04/14/2021
Asiya JavayantRodrigues Campain BrazilCommercial Press NEW04/14/2021
Asiya JavayantDarci Poquette ArgentinaFeiner Bros QUALIFIED03/28/2021
Asiya JavayantJefferson Schemmer IndiaKing, Christopher A Esq NEW04/11/2021
Asiya JavayantOctavia Malet SpainChemel, James L Cpa QUALIFIED04/22/2021
Asiya JavayantTony Foller GermanyChapman, Ross E Esq NEGOTIATION04/22/2021
Bernardo DominicMunro Ferencz ArgentinaBuckley Miller Wright QUALIFIED04/16/2021
Bernardo DominicOctavia Malet SpainPrinting Dimensions PROPOSAL04/14/2021
Bernardo DominicKaitlin Ostrosky JapanPrinting Dimensions UNQUALIFIED04/08/2021
Bernardo DominicJames Butt ItalyChanay, Jeffrey A Esq RENEWAL04/17/2021
Bernardo DominicSilvio Slusarski ArgentinaBuckley Miller Wright NEGOTIATION03/25/2021
Bernardo DominicChavez Briddick ItalyCommercial Press NEW04/19/2021
Bernardo DominicSilvio Slusarski ItalyBenton, John B Jr RENEWAL03/25/2021
Elwin SharvillJeanfrancois Venere JapanFeiner Bros PROPOSAL03/26/2021
Elwin SharvillOctavia Malet FranceFeltz Printing Service NEW04/20/2021
Elwin SharvillCosta Dilliard RussiaBuckley Miller Wright QUALIFIED04/13/2021
Elwin SharvillDavid Darakjy SpainFeiner Bros PROPOSAL03/30/2021
Elwin SharvillMaria Marrier ItalyRousseaux, Michael Esq QUALIFIED04/03/2021
Ioni BowcherJuan Wieser BrazilPrinting Dimensions RENEWAL04/03/2021
Ioni BowcherFrancesco Shinko SpainDorl, James J Esq UNQUALIFIED04/15/2021
Ioni BowcherSmith Glick ArgentinaChapman, Ross E Esq QUALIFIED04/16/2021
Ivan MagalhaesJefferson Schemmer SpainFeltz Printing Service QUALIFIED04/14/2021
Ivan MagalhaesLeon Oldroyd GermanyMorlong Associates RENEWAL04/19/2021
Ivan MagalhaesNicolas Iturbide GermanyCommercial Press QUALIFIED04/06/2021
Ivan MagalhaesDavid Darakjy JapanChapman, Ross E Esq QUALIFIED04/21/2021
Onyama LimbaMaria Marrier GermanyFeltz Printing Service PROPOSAL03/27/2021
Onyama LimbaJames Butt GermanyTruhlar And Truhlar Attys RENEWAL03/24/2021
Onyama LimbaIsabel Bowley GermanyCommercial Press NEGOTIATION03/29/2021
Onyama LimbaOctavia Malet JapanDorl, James J Esq NEGOTIATION03/30/2021
Stephen ShawAika Inouye CanadaChapman, Ross E Esq PROPOSAL04/17/2021
Stephen ShawMayumi Kolmetz RussiaBuckley Miller Wright UNQUALIFIED04/16/2021
Stephen ShawTony Foller BrazilMorlong Associates NEGOTIATION03/27/2021
Stephen ShawDarci Poquette CanadaBuckley Miller Wright NEGOTIATION04/05/2021
Xuxue FengCody Saylors GermanyPrinting Dimensions PROPOSAL04/08/2021
Xuxue FengAditya Kusko AustraliaBuckley Miller Wright QUALIFIED04/17/2021
Xuxue FengFrancesco Shinko RussiaChapman, Ross E Esq QUALIFIED04/06/2021
Xuxue FengJulie Stenseth ItalyDorl, James J Esq NEGOTIATION04/16/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>