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 ItalyBuckley Miller Wright PROPOSAL03/14/2021
Amy ElsnerAshley Doe FranceDorl, James J Esq NEGOTIATION03/23/2021
Amy ElsnerKaitlin Ostrosky GermanyBenton, John B Jr QUALIFIED04/04/2021
Amy ElsnerAruna Figeroa AustraliaPrinting Dimensions UNQUALIFIED04/07/2021
Total Customers:4
Anna Fali
Anna FaliKadeem Flosi CanadaFeltz Printing Service QUALIFIED04/01/2021
Anna FaliRodrigues Campain ArgentinaMorlong Associates NEW03/20/2021
Anna FaliMurillo Malet SpainBuckley Miller Wright NEW03/14/2021
Anna FaliAditya Kusko FranceBenton, John B Jr UNQUALIFIED04/09/2021
Anna FaliLeja Caldarera GermanyKing, Christopher A Esq RENEWAL03/12/2021
Anna FaliTony Foller United KingdomChanay, Jeffrey A Esq QUALIFIED04/01/2021
Anna FaliArvin Albares GermanyBenton, John B Jr NEW04/06/2021
Anna FaliAdams Morasca SpainRousseaux, Michael Esq NEGOTIATION04/06/2021
Total Customers:8
Asiya Javayant
Asiya JavayantMisaki Royster SpainDorl, James J Esq QUALIFIED04/07/2021
Asiya JavayantKadeem Flosi GermanyDorl, James J Esq PROPOSAL03/29/2021
Asiya JavayantFrancesco Shinko United KingdomCommercial Press NEGOTIATION03/23/2021
Asiya JavayantIvar Paprocki United KingdomTruhlar And Truhlar Attys QUALIFIED03/14/2021
Asiya JavayantMorrow Ruta RussiaChemel, James L Cpa PROPOSAL04/10/2021
Asiya JavayantLeon Oldroyd ItalyMorlong Associates RENEWAL04/01/2021
Total Customers:6
Bernardo Dominic
Bernardo DominicAshley Doe ItalyFeltz Printing Service QUALIFIED03/28/2021
Bernardo DominicKadeem Flosi United KingdomBenton, John B Jr NEW04/05/2021
Bernardo DominicIsabel Bowley AustraliaTruhlar And Truhlar Attys UNQUALIFIED04/09/2021
Bernardo DominicMunro Ferencz BrazilRangoni Of Florence NEW03/16/2021
Total Customers:4
Elwin Sharvill
Elwin SharvillSmith Glick BrazilKing, Christopher A Esq NEW04/03/2021
Elwin SharvillJohnson Sergi ArgentinaRangoni Of Florence QUALIFIED03/15/2021
Elwin SharvillIvar Paprocki CanadaChapman, Ross E Esq RENEWAL03/25/2021
Elwin SharvillEmily Whobrey GermanyCommercial Press PROPOSAL04/05/2021
Elwin SharvillLeon Oldroyd GermanyBuckley Miller Wright QUALIFIED03/30/2021
Elwin SharvillGreenwood Bolognia ItalyMorlong Associates NEGOTIATION03/13/2021
Total Customers:6
Ioni Bowcher
Ioni BowcherEmily Whobrey IndiaChapman, Ross E Esq UNQUALIFIED04/01/2021
Ioni BowcherAdams Morasca JapanTruhlar And Truhlar Attys NEW03/21/2021
Ioni BowcherRicardo Gaucho SpainFeiner Bros QUALIFIED03/29/2021
Ioni BowcherSalvatore Stockham ItalyRangoni Of Florence QUALIFIED03/31/2021
Ioni BowcherAlejandro Perin BrazilChanay, Jeffrey A Esq UNQUALIFIED03/19/2021
Total Customers:5
Ivan Magalhaes
Ivan MagalhaesLeja Caldarera BrazilTruhlar And Truhlar Attys RENEWAL04/01/2021
Ivan MagalhaesFaith Gillian RussiaChanay, Jeffrey A Esq QUALIFIED04/08/2021
Ivan MagalhaesCosta Dilliard SpainCommercial Press NEW04/01/2021
Ivan MagalhaesFrancesco Shinko ItalyRousseaux, Michael Esq NEW04/03/2021
Ivan MagalhaesGreenwood Bolognia ArgentinaDorl, James J Esq RENEWAL04/02/2021
Total Customers:5
Onyama Limba
Onyama LimbaAdams Morasca SpainChapman, Ross E Esq RENEWAL03/26/2021
Onyama LimbaSilvio Slusarski RussiaBenton, John B Jr PROPOSAL03/21/2021
Onyama LimbaAdams Morasca BrazilBenton, John B Jr RENEWAL04/06/2021
Onyama LimbaIsabel Bowley SpainChapman, Ross E Esq NEGOTIATION03/13/2021
Onyama LimbaJulie Stenseth JapanMorlong Associates PROPOSAL03/13/2021
Onyama LimbaIsabel Bowley ItalyBenton, John B Jr UNQUALIFIED04/05/2021
Total Customers:6
Stephen Shaw
Xuxue Feng
Xuxue FengJames Butt GermanyFeltz Printing Service PROPOSAL04/01/2021
Xuxue FengMorrow Ruta JapanChemel, James L Cpa UNQUALIFIED03/23/2021
Xuxue FengNicolas Iturbide AustraliaChanay, Jeffrey A Esq UNQUALIFIED03/14/2021
Xuxue FengRodrigues Campain United KingdomDorl, James J Esq UNQUALIFIED03/18/2021
Total Customers:4
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerWickens Nestle ItalyBuckley Miller Wright PROPOSAL03/14/2021
Amy ElsnerAshley Doe FranceDorl, James J Esq NEGOTIATION03/23/2021
Amy ElsnerKaitlin Ostrosky GermanyBenton, John B Jr QUALIFIED04/04/2021
Amy ElsnerAruna Figeroa AustraliaPrinting Dimensions UNQUALIFIED04/07/2021
Anna FaliKadeem Flosi CanadaFeltz Printing Service QUALIFIED04/01/2021
Anna FaliRodrigues Campain ArgentinaMorlong Associates NEW03/20/2021
Anna FaliMurillo Malet SpainBuckley Miller Wright NEW03/14/2021
Anna FaliAditya Kusko FranceBenton, John B Jr UNQUALIFIED04/09/2021
Anna FaliLeja Caldarera GermanyKing, Christopher A Esq RENEWAL03/12/2021
Anna FaliTony Foller United KingdomChanay, Jeffrey A Esq QUALIFIED04/01/2021
Anna FaliArvin Albares GermanyBenton, John B Jr NEW04/06/2021
Anna FaliAdams Morasca SpainRousseaux, Michael Esq NEGOTIATION04/06/2021
Asiya JavayantMisaki Royster SpainDorl, James J Esq QUALIFIED04/07/2021
Asiya JavayantKadeem Flosi GermanyDorl, James J Esq PROPOSAL03/29/2021
Asiya JavayantFrancesco Shinko United KingdomCommercial Press NEGOTIATION03/23/2021
Asiya JavayantIvar Paprocki United KingdomTruhlar And Truhlar Attys QUALIFIED03/14/2021
Asiya JavayantMorrow Ruta RussiaChemel, James L Cpa PROPOSAL04/10/2021
Asiya JavayantLeon Oldroyd ItalyMorlong Associates RENEWAL04/01/2021
Bernardo DominicAshley Doe ItalyFeltz Printing Service QUALIFIED03/28/2021
Bernardo DominicKadeem Flosi United KingdomBenton, John B Jr NEW04/05/2021
Bernardo DominicIsabel Bowley AustraliaTruhlar And Truhlar Attys UNQUALIFIED04/09/2021
Bernardo DominicMunro Ferencz BrazilRangoni Of Florence NEW03/16/2021
Elwin SharvillSmith Glick BrazilKing, Christopher A Esq NEW04/03/2021
Elwin SharvillJohnson Sergi ArgentinaRangoni Of Florence QUALIFIED03/15/2021
Elwin SharvillIvar Paprocki CanadaChapman, Ross E Esq RENEWAL03/25/2021
Elwin SharvillEmily Whobrey GermanyCommercial Press PROPOSAL04/05/2021
Elwin SharvillLeon Oldroyd GermanyBuckley Miller Wright QUALIFIED03/30/2021
Elwin SharvillGreenwood Bolognia ItalyMorlong Associates NEGOTIATION03/13/2021
Ioni BowcherEmily Whobrey IndiaChapman, Ross E Esq UNQUALIFIED04/01/2021
Ioni BowcherAdams Morasca JapanTruhlar And Truhlar Attys NEW03/21/2021
Ioni BowcherRicardo Gaucho SpainFeiner Bros QUALIFIED03/29/2021
Ioni BowcherSalvatore Stockham ItalyRangoni Of Florence QUALIFIED03/31/2021
Ioni BowcherAlejandro Perin BrazilChanay, Jeffrey A Esq UNQUALIFIED03/19/2021
Ivan MagalhaesLeja Caldarera BrazilTruhlar And Truhlar Attys RENEWAL04/01/2021
Ivan MagalhaesFaith Gillian RussiaChanay, Jeffrey A Esq QUALIFIED04/08/2021
Ivan MagalhaesCosta Dilliard SpainCommercial Press NEW04/01/2021
Ivan MagalhaesFrancesco Shinko ItalyRousseaux, Michael Esq NEW04/03/2021
Ivan MagalhaesGreenwood Bolognia ArgentinaDorl, James J Esq RENEWAL04/02/2021
Onyama LimbaAdams Morasca SpainChapman, Ross E Esq RENEWAL03/26/2021
Onyama LimbaSilvio Slusarski RussiaBenton, John B Jr PROPOSAL03/21/2021
Onyama LimbaAdams Morasca BrazilBenton, John B Jr RENEWAL04/06/2021
Onyama LimbaIsabel Bowley SpainChapman, Ross E Esq NEGOTIATION03/13/2021
Onyama LimbaJulie Stenseth JapanMorlong Associates PROPOSAL03/13/2021
Onyama LimbaIsabel Bowley ItalyBenton, John B Jr UNQUALIFIED04/05/2021
Stephen ShawFaith Gillian IndiaChemel, James L Cpa UNQUALIFIED04/03/2021
Stephen ShawEmily Whobrey AustraliaMorlong Associates QUALIFIED03/25/2021
Xuxue FengJames Butt GermanyFeltz Printing Service PROPOSAL04/01/2021
Xuxue FengMorrow Ruta JapanChemel, James L Cpa UNQUALIFIED03/23/2021
Xuxue FengNicolas Iturbide AustraliaChanay, Jeffrey A Esq UNQUALIFIED03/14/2021
Xuxue FengRodrigues Campain United KingdomDorl, James J Esq UNQUALIFIED03/18/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>