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.

Bootstrap light blue and dark blue themes are also included in PrimeFaces 10.x builds for Elite subscribers.

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 ElsnerArvin Albares AustraliaCommercial Press RENEWAL11/21/2021
Amy ElsnerJennifer Amigon United KingdomFeltz Printing Service QUALIFIED11/11/2021
Amy ElsnerMaisha Rulapaugh RussiaBenton, John B Jr NEW11/22/2021
Total Customers:3
Anna Fali
Anna FaliMunro Ferencz United KingdomChemel, James L Cpa NEGOTIATION11/29/2021
Anna FaliClifford Rim ArgentinaPrinting Dimensions QUALIFIED12/06/2021
Anna FaliCody Saylors RussiaChemel, James L Cpa NEW11/26/2021
Anna FaliWickens Nestle CanadaChapman, Ross E Esq RENEWAL11/23/2021
Total Customers:4
Asiya Javayant
Asiya JavayantMaria Marrier GermanyFeltz Printing Service RENEWAL11/07/2021
Asiya JavayantAntonio Caudy RussiaCommercial Press NEGOTIATION12/04/2021
Asiya JavayantIvar Paprocki FranceChemel, James L Cpa NEW11/19/2021
Asiya JavayantRicardo Gaucho JapanRangoni Of Florence NEW11/18/2021
Asiya JavayantJohnson Sergi IndiaMorlong Associates QUALIFIED11/19/2021
Asiya JavayantDarci Poquette ItalyPrinting Dimensions UNQUALIFIED11/23/2021
Asiya JavayantFrancesco Shinko GermanyFeiner Bros UNQUALIFIED11/24/2021
Total Customers:7
Bernardo Dominic
Bernardo DominicCody Saylors ArgentinaCommercial Press UNQUALIFIED11/12/2021
Bernardo DominicSilvio Slusarski RussiaDorl, James J Esq QUALIFIED11/18/2021
Bernardo DominicSinclair Waycott ArgentinaDorl, James J Esq UNQUALIFIED11/21/2021
Total Customers:3
Elwin Sharvill
Elwin SharvillWickens Nestle SpainRousseaux, Michael Esq NEGOTIATION11/17/2021
Elwin SharvillJeanfrancois Venere United KingdomChemel, James L Cpa NEGOTIATION11/17/2021
Total Customers:2
Ioni Bowcher
Ioni BowcherCosta Dilliard IndiaCommercial Press QUALIFIED11/10/2021
Ioni BowcherKaitlin Ostrosky ArgentinaMorlong Associates QUALIFIED11/28/2021
Ioni BowcherMunro Ferencz SpainRousseaux, Michael Esq QUALIFIED11/24/2021
Ioni BowcherAlejandro Perin RussiaTruhlar And Truhlar Attys RENEWAL11/27/2021
Ioni BowcherMaria Marrier AustraliaTruhlar And Truhlar Attys PROPOSAL11/07/2021
Ioni BowcherClaire Tollner CanadaChapman, Ross E Esq PROPOSAL11/08/2021
Ioni BowcherWickens Nestle IndiaFeltz Printing Service PROPOSAL11/25/2021
Ioni BowcherLeja Caldarera GermanyDorl, James J Esq UNQUALIFIED12/02/2021
Ioni BowcherClaire Tollner GermanyFeiner Bros UNQUALIFIED11/10/2021
Total Customers:9
Ivan Magalhaes
Ivan MagalhaesFrancesco Shinko IndiaCommercial Press NEGOTIATION11/13/2021
Ivan MagalhaesFrancesco Shinko CanadaKing, Christopher A Esq QUALIFIED11/21/2021
Ivan MagalhaesJames Butt ArgentinaDorl, James J Esq UNQUALIFIED11/19/2021
Ivan MagalhaesJames Butt BrazilChanay, Jeffrey A Esq NEW11/22/2021
Total Customers:4
Onyama Limba
Onyama LimbaJennifer Amigon FranceChapman, Ross E Esq QUALIFIED11/15/2021
Onyama LimbaRodrigues Campain United KingdomRangoni Of Florence NEW11/25/2021
Onyama LimbaWickens Nestle AustraliaRangoni Of Florence NEGOTIATION11/29/2021
Onyama LimbaDeepesh Chui BrazilPrinting Dimensions QUALIFIED11/25/2021
Onyama LimbaDavid Darakjy United KingdomDorl, James J Esq QUALIFIED11/10/2021
Total Customers:5
Stephen Shaw
Xuxue Feng
Xuxue FengJones Vocelka United KingdomChemel, James L Cpa PROPOSAL11/30/2021
Xuxue FengOctavia Malet SpainChapman, Ross E Esq NEW11/16/2021
Xuxue FengWickens Nestle United KingdomChemel, James L Cpa RENEWAL11/07/2021
Xuxue FengAlejandro Perin CanadaChanay, Jeffrey A Esq UNQUALIFIED11/09/2021
Xuxue FengFaith Gillian ItalyKing, Christopher A Esq NEGOTIATION12/02/2021
Xuxue FengAdams Morasca CanadaDorl, James J Esq UNQUALIFIED11/08/2021
Xuxue FengAlejandro Perin GermanyDorl, James J Esq RENEWAL11/15/2021
Xuxue FengJefferson Schemmer BrazilFeltz Printing Service RENEWAL11/23/2021
Total Customers:8
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerArvin Albares AustraliaCommercial Press RENEWAL11/21/2021
Amy ElsnerJennifer Amigon United KingdomFeltz Printing Service QUALIFIED11/11/2021
Amy ElsnerMaisha Rulapaugh RussiaBenton, John B Jr NEW11/22/2021
Anna FaliMunro Ferencz United KingdomChemel, James L Cpa NEGOTIATION11/29/2021
Anna FaliClifford Rim ArgentinaPrinting Dimensions QUALIFIED12/06/2021
Anna FaliCody Saylors RussiaChemel, James L Cpa NEW11/26/2021
Anna FaliWickens Nestle CanadaChapman, Ross E Esq RENEWAL11/23/2021
Asiya JavayantMaria Marrier GermanyFeltz Printing Service RENEWAL11/07/2021
Asiya JavayantAntonio Caudy RussiaCommercial Press NEGOTIATION12/04/2021
Asiya JavayantIvar Paprocki FranceChemel, James L Cpa NEW11/19/2021
Asiya JavayantRicardo Gaucho JapanRangoni Of Florence NEW11/18/2021
Asiya JavayantJohnson Sergi IndiaMorlong Associates QUALIFIED11/19/2021
Asiya JavayantDarci Poquette ItalyPrinting Dimensions UNQUALIFIED11/23/2021
Asiya JavayantFrancesco Shinko GermanyFeiner Bros UNQUALIFIED11/24/2021
Bernardo DominicCody Saylors ArgentinaCommercial Press UNQUALIFIED11/12/2021
Bernardo DominicSilvio Slusarski RussiaDorl, James J Esq QUALIFIED11/18/2021
Bernardo DominicSinclair Waycott ArgentinaDorl, James J Esq UNQUALIFIED11/21/2021
Elwin SharvillWickens Nestle SpainRousseaux, Michael Esq NEGOTIATION11/17/2021
Elwin SharvillJeanfrancois Venere United KingdomChemel, James L Cpa NEGOTIATION11/17/2021
Ioni BowcherCosta Dilliard IndiaCommercial Press QUALIFIED11/10/2021
Ioni BowcherKaitlin Ostrosky ArgentinaMorlong Associates QUALIFIED11/28/2021
Ioni BowcherMunro Ferencz SpainRousseaux, Michael Esq QUALIFIED11/24/2021
Ioni BowcherAlejandro Perin RussiaTruhlar And Truhlar Attys RENEWAL11/27/2021
Ioni BowcherMaria Marrier AustraliaTruhlar And Truhlar Attys PROPOSAL11/07/2021
Ioni BowcherClaire Tollner CanadaChapman, Ross E Esq PROPOSAL11/08/2021
Ioni BowcherWickens Nestle IndiaFeltz Printing Service PROPOSAL11/25/2021
Ioni BowcherLeja Caldarera GermanyDorl, James J Esq UNQUALIFIED12/02/2021
Ioni BowcherClaire Tollner GermanyFeiner Bros UNQUALIFIED11/10/2021
Ivan MagalhaesFrancesco Shinko IndiaCommercial Press NEGOTIATION11/13/2021
Ivan MagalhaesFrancesco Shinko CanadaKing, Christopher A Esq QUALIFIED11/21/2021
Ivan MagalhaesJames Butt ArgentinaDorl, James J Esq UNQUALIFIED11/19/2021
Ivan MagalhaesJames Butt BrazilChanay, Jeffrey A Esq NEW11/22/2021
Onyama LimbaJennifer Amigon FranceChapman, Ross E Esq QUALIFIED11/15/2021
Onyama LimbaRodrigues Campain United KingdomRangoni Of Florence NEW11/25/2021
Onyama LimbaWickens Nestle AustraliaRangoni Of Florence NEGOTIATION11/29/2021
Onyama LimbaDeepesh Chui BrazilPrinting Dimensions QUALIFIED11/25/2021
Onyama LimbaDavid Darakjy United KingdomDorl, James J Esq QUALIFIED11/10/2021
Stephen ShawSmith Glick GermanyKing, Christopher A Esq NEW11/25/2021
Stephen ShawMayumi Kolmetz IndiaMorlong Associates UNQUALIFIED12/02/2021
Stephen ShawDavid Darakjy RussiaChapman, Ross E Esq QUALIFIED11/29/2021
Stephen ShawJames Butt SpainCommercial Press PROPOSAL11/11/2021
Stephen ShawIvar Paprocki RussiaRousseaux, Michael Esq NEGOTIATION11/13/2021
Xuxue FengJones Vocelka United KingdomChemel, James L Cpa PROPOSAL11/30/2021
Xuxue FengOctavia Malet SpainChapman, Ross E Esq NEW11/16/2021
Xuxue FengWickens Nestle United KingdomChemel, James L Cpa RENEWAL11/07/2021
Xuxue FengAlejandro Perin CanadaChanay, Jeffrey A Esq UNQUALIFIED11/09/2021
Xuxue FengFaith Gillian ItalyKing, Christopher A Esq NEGOTIATION12/02/2021
Xuxue FengAdams Morasca CanadaDorl, James J Esq UNQUALIFIED11/08/2021
Xuxue FengAlejandro Perin GermanyDorl, James J Esq RENEWAL11/15/2021
Xuxue FengJefferson Schemmer BrazilFeltz Printing Service RENEWAL11/23/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>

Session expired

Reloading page

Message:
StackTrace: