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 ElsnerWickens Nestle JapanDorl, James J Esq PROPOSAL03/19/2021
Amy ElsnerJuan Wieser GermanyKing, Christopher A Esq UNQUALIFIED04/02/2021
Amy ElsnerDeepesh Chui BrazilChanay, Jeffrey A Esq QUALIFIED04/10/2021
Amy ElsnerArvin Albares SpainFeiner Bros QUALIFIED03/19/2021
Amy ElsnerAntonio Caudy United KingdomRangoni Of Florence PROPOSAL03/14/2021
Amy ElsnerJones Vocelka CanadaDorl, James J Esq RENEWAL04/01/2021
Total Customers:6
Anna Fali
Anna FaliCosta Dilliard IndiaChemel, James L Cpa RENEWAL03/28/2021
Anna FaliJuan Wieser BrazilTruhlar And Truhlar Attys QUALIFIED04/10/2021
Anna FaliStacey Maclead SpainMorlong Associates NEGOTIATION03/19/2021
Anna FaliAlejandro Perin ArgentinaFeiner Bros RENEWAL03/24/2021
Total Customers:4
Asiya Javayant
Asiya JavayantSinclair Waycott CanadaRousseaux, Michael Esq RENEWAL04/07/2021
Asiya JavayantStacey Maclead GermanyDorl, James J Esq NEW04/04/2021
Asiya JavayantRicardo Gaucho United KingdomRangoni Of Florence PROPOSAL04/06/2021
Total Customers:3
Bernardo Dominic
Bernardo DominicAlejandro Perin JapanChemel, James L Cpa QUALIFIED03/16/2021
Bernardo DominicJulie Stenseth GermanyCommercial Press NEW04/10/2021
Bernardo DominicKadeem Flosi ItalyRangoni Of Florence PROPOSAL04/02/2021
Bernardo DominicJones Vocelka ArgentinaFeiner Bros UNQUALIFIED03/15/2021
Bernardo DominicRodrigues Campain FranceDorl, James J Esq PROPOSAL04/01/2021
Total Customers:5
Elwin Sharvill
Elwin SharvillSalvatore Stockham GermanyFeiner Bros NEW03/16/2021
Elwin SharvillStacey Maclead ArgentinaCommercial Press UNQUALIFIED04/03/2021
Elwin SharvillJennifer Amigon BrazilFeiner Bros RENEWAL03/22/2021
Elwin SharvillAdams Morasca United KingdomDorl, James J Esq QUALIFIED04/07/2021
Total Customers:4
Ioni Bowcher
Ioni BowcherAntonio Caudy ArgentinaMorlong Associates QUALIFIED03/18/2021
Ioni BowcherMujtaba Nicka BrazilKing, Christopher A Esq UNQUALIFIED03/18/2021
Ioni BowcherAditya Kusko SpainBuckley Miller Wright NEW03/30/2021
Ioni BowcherMurillo Malet SpainChanay, Jeffrey A Esq RENEWAL03/14/2021
Ioni BowcherAlejandro Perin BrazilBuckley Miller Wright UNQUALIFIED04/03/2021
Total Customers:5
Ivan Magalhaes
Ivan MagalhaesDeepesh Chui ItalyBenton, John B Jr RENEWAL03/27/2021
Ivan MagalhaesClaire Tollner JapanFeltz Printing Service UNQUALIFIED03/27/2021
Ivan MagalhaesAika Inouye RussiaRousseaux, Michael Esq PROPOSAL04/05/2021
Ivan MagalhaesChavez Briddick SpainChapman, Ross E Esq RENEWAL04/10/2021
Ivan MagalhaesCosta Dilliard FrancePrinting Dimensions UNQUALIFIED04/04/2021
Ivan MagalhaesJefferson Schemmer ItalyTruhlar And Truhlar Attys QUALIFIED04/06/2021
Total Customers:6
Onyama Limba
Onyama LimbaJeanfrancois Venere United KingdomRousseaux, Michael Esq NEGOTIATION03/22/2021
Onyama LimbaIsabel Bowley JapanChemel, James L Cpa PROPOSAL03/24/2021
Onyama LimbaMaisha Rulapaugh ArgentinaCommercial Press RENEWAL03/21/2021
Onyama LimbaChavez Briddick SpainChemel, James L Cpa NEW04/11/2021
Onyama LimbaAshley Doe RussiaChapman, Ross E Esq PROPOSAL03/16/2021
Onyama LimbaAruna Figeroa RussiaBenton, John B Jr NEW03/28/2021
Onyama LimbaRodrigues Campain GermanyChemel, James L Cpa PROPOSAL04/08/2021
Total Customers:7
Stephen Shaw
Xuxue Feng
Xuxue FengTony Foller ArgentinaTruhlar And Truhlar Attys UNQUALIFIED03/24/2021
Xuxue FengIzzy Garufi ItalyBuckley Miller Wright NEW03/26/2021
Xuxue FengMaria Marrier CanadaRangoni Of Florence PROPOSAL04/02/2021
Xuxue FengFrancesco Shinko CanadaMorlong Associates PROPOSAL03/28/2021
Xuxue FengChavez Briddick CanadaChapman, Ross E Esq PROPOSAL04/04/2021
Xuxue FengTony Foller United KingdomTruhlar And Truhlar Attys RENEWAL04/05/2021
Xuxue FengLeja Caldarera FranceChemel, James L Cpa PROPOSAL03/15/2021
Total Customers:7
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerWickens Nestle JapanDorl, James J Esq PROPOSAL03/19/2021
Amy ElsnerJuan Wieser GermanyKing, Christopher A Esq UNQUALIFIED04/02/2021
Amy ElsnerDeepesh Chui BrazilChanay, Jeffrey A Esq QUALIFIED04/10/2021
Amy ElsnerArvin Albares SpainFeiner Bros QUALIFIED03/19/2021
Amy ElsnerAntonio Caudy United KingdomRangoni Of Florence PROPOSAL03/14/2021
Amy ElsnerJones Vocelka CanadaDorl, James J Esq RENEWAL04/01/2021
Anna FaliCosta Dilliard IndiaChemel, James L Cpa RENEWAL03/28/2021
Anna FaliJuan Wieser BrazilTruhlar And Truhlar Attys QUALIFIED04/10/2021
Anna FaliStacey Maclead SpainMorlong Associates NEGOTIATION03/19/2021
Anna FaliAlejandro Perin ArgentinaFeiner Bros RENEWAL03/24/2021
Asiya JavayantSinclair Waycott CanadaRousseaux, Michael Esq RENEWAL04/07/2021
Asiya JavayantStacey Maclead GermanyDorl, James J Esq NEW04/04/2021
Asiya JavayantRicardo Gaucho United KingdomRangoni Of Florence PROPOSAL04/06/2021
Bernardo DominicAlejandro Perin JapanChemel, James L Cpa QUALIFIED03/16/2021
Bernardo DominicJulie Stenseth GermanyCommercial Press NEW04/10/2021
Bernardo DominicKadeem Flosi ItalyRangoni Of Florence PROPOSAL04/02/2021
Bernardo DominicJones Vocelka ArgentinaFeiner Bros UNQUALIFIED03/15/2021
Bernardo DominicRodrigues Campain FranceDorl, James J Esq PROPOSAL04/01/2021
Elwin SharvillSalvatore Stockham GermanyFeiner Bros NEW03/16/2021
Elwin SharvillStacey Maclead ArgentinaCommercial Press UNQUALIFIED04/03/2021
Elwin SharvillJennifer Amigon BrazilFeiner Bros RENEWAL03/22/2021
Elwin SharvillAdams Morasca United KingdomDorl, James J Esq QUALIFIED04/07/2021
Ioni BowcherAntonio Caudy ArgentinaMorlong Associates QUALIFIED03/18/2021
Ioni BowcherMujtaba Nicka BrazilKing, Christopher A Esq UNQUALIFIED03/18/2021
Ioni BowcherAditya Kusko SpainBuckley Miller Wright NEW03/30/2021
Ioni BowcherMurillo Malet SpainChanay, Jeffrey A Esq RENEWAL03/14/2021
Ioni BowcherAlejandro Perin BrazilBuckley Miller Wright UNQUALIFIED04/03/2021
Ivan MagalhaesDeepesh Chui ItalyBenton, John B Jr RENEWAL03/27/2021
Ivan MagalhaesClaire Tollner JapanFeltz Printing Service UNQUALIFIED03/27/2021
Ivan MagalhaesAika Inouye RussiaRousseaux, Michael Esq PROPOSAL04/05/2021
Ivan MagalhaesChavez Briddick SpainChapman, Ross E Esq RENEWAL04/10/2021
Ivan MagalhaesCosta Dilliard FrancePrinting Dimensions UNQUALIFIED04/04/2021
Ivan MagalhaesJefferson Schemmer ItalyTruhlar And Truhlar Attys QUALIFIED04/06/2021
Onyama LimbaJeanfrancois Venere United KingdomRousseaux, Michael Esq NEGOTIATION03/22/2021
Onyama LimbaIsabel Bowley JapanChemel, James L Cpa PROPOSAL03/24/2021
Onyama LimbaMaisha Rulapaugh ArgentinaCommercial Press RENEWAL03/21/2021
Onyama LimbaChavez Briddick SpainChemel, James L Cpa NEW04/11/2021
Onyama LimbaAshley Doe RussiaChapman, Ross E Esq PROPOSAL03/16/2021
Onyama LimbaAruna Figeroa RussiaBenton, John B Jr NEW03/28/2021
Onyama LimbaRodrigues Campain GermanyChemel, James L Cpa PROPOSAL04/08/2021
Stephen ShawTony Foller United KingdomChapman, Ross E Esq NEW03/24/2021
Stephen ShawSalvatore Stockham FranceDorl, James J Esq NEW03/20/2021
Stephen ShawDarci Poquette CanadaCommercial Press RENEWAL03/18/2021
Xuxue FengTony Foller ArgentinaTruhlar And Truhlar Attys UNQUALIFIED03/24/2021
Xuxue FengIzzy Garufi ItalyBuckley Miller Wright NEW03/26/2021
Xuxue FengMaria Marrier CanadaRangoni Of Florence PROPOSAL04/02/2021
Xuxue FengFrancesco Shinko CanadaMorlong Associates PROPOSAL03/28/2021
Xuxue FengChavez Briddick CanadaChapman, Ross E Esq PROPOSAL04/04/2021
Xuxue FengTony Foller United KingdomTruhlar And Truhlar Attys RENEWAL04/05/2021
Xuxue FengLeja Caldarera FranceChemel, James L Cpa PROPOSAL03/15/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>