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 ElsnerDeepesh Chui SpainChapman, Ross E Esq UNQUALIFIED01/17/2022
Amy ElsnerJefferson Schemmer United KingdomRousseaux, Michael Esq UNQUALIFIED01/08/2022
Amy ElsnerChavez Briddick AustraliaChanay, Jeffrey A Esq RENEWAL01/03/2022
Amy ElsnerMaria Marrier GermanyChapman, Ross E Esq RENEWAL12/30/2021
Amy ElsnerEmily Whobrey RussiaBuckley Miller Wright UNQUALIFIED01/17/2022
Amy ElsnerAditya Kusko SpainMorlong Associates PROPOSAL01/06/2022
Total Customers:6
Anna Fali
Anna FaliDeepesh Chui GermanyCommercial Press PROPOSAL12/25/2021
Anna FaliEmily Whobrey JapanMorlong Associates QUALIFIED01/15/2022
Anna FaliDarci Poquette AustraliaBuckley Miller Wright RENEWAL01/19/2022
Anna FaliClifford Rim RussiaFeiner Bros UNQUALIFIED01/04/2022
Total Customers:4
Asiya Javayant
Asiya JavayantOctavia Malet JapanKing, Christopher A Esq RENEWAL01/16/2022
Asiya JavayantLeja Caldarera ArgentinaFeltz Printing Service UNQUALIFIED12/27/2021
Total Customers:2
Bernardo Dominic
Bernardo DominicJeanfrancois Venere CanadaDorl, James J Esq NEGOTIATION01/11/2022
Bernardo DominicKaitlin Ostrosky United KingdomRangoni Of Florence RENEWAL01/01/2022
Bernardo DominicEmily Whobrey JapanKing, Christopher A Esq QUALIFIED01/02/2022
Total Customers:3
Elwin Sharvill
Elwin SharvillJennifer Amigon ArgentinaCommercial Press QUALIFIED01/02/2022
Elwin SharvillDeepesh Chui FranceChemel, James L Cpa QUALIFIED12/25/2021
Elwin SharvillOctavia Malet SpainFeltz Printing Service PROPOSAL01/06/2022
Elwin SharvillMaria Marrier CanadaMorlong Associates RENEWAL01/04/2022
Elwin SharvillAdams Morasca CanadaRousseaux, Michael Esq UNQUALIFIED01/15/2022
Elwin SharvillSmith Glick ArgentinaChapman, Ross E Esq UNQUALIFIED12/30/2021
Elwin SharvillMaria Marrier ItalyCommercial Press PROPOSAL01/18/2022
Elwin SharvillJeanfrancois Venere ItalyChemel, James L Cpa QUALIFIED12/23/2021
Elwin SharvillMisaki Royster SpainCommercial Press UNQUALIFIED01/10/2022
Elwin SharvillCosta Dilliard BrazilKing, Christopher A Esq NEGOTIATION01/13/2022
Elwin SharvillArvin Albares BrazilFeiner Bros NEGOTIATION01/14/2022
Total Customers:11
Ioni Bowcher
Ioni BowcherDavid Darakjy IndiaBuckley Miller Wright PROPOSAL01/02/2022
Ioni BowcherMisaki Royster BrazilCommercial Press RENEWAL01/13/2022
Ioni BowcherArvin Albares AustraliaMorlong Associates RENEWAL01/12/2022
Ioni BowcherDeepesh Chui BrazilTruhlar And Truhlar Attys UNQUALIFIED01/08/2022
Ioni BowcherMaria Marrier RussiaChapman, Ross E Esq PROPOSAL01/08/2022
Ioni BowcherIzzy Garufi ItalyBuckley Miller Wright NEGOTIATION01/07/2022
Total Customers:6
Ivan Magalhaes
Ivan MagalhaesFrancesco Shinko CanadaChanay, Jeffrey A Esq NEW12/22/2021
Ivan MagalhaesEmily Whobrey JapanKing, Christopher A Esq NEGOTIATION01/05/2022
Ivan MagalhaesOctavia Malet BrazilBenton, John B Jr NEW12/28/2021
Ivan MagalhaesAdams Morasca FranceMorlong Associates RENEWAL01/01/2022
Ivan MagalhaesIvar Paprocki IndiaRousseaux, Michael Esq NEGOTIATION01/03/2022
Ivan MagalhaesAditya Kusko ItalyChapman, Ross E Esq RENEWAL12/28/2021
Total Customers:6
Onyama Limba
Onyama LimbaChavez Briddick BrazilBuckley Miller Wright QUALIFIED01/13/2022
Onyama LimbaChavez Briddick FranceChemel, James L Cpa QUALIFIED01/17/2022
Total Customers:2
Stephen Shaw
Xuxue Feng
Xuxue FengFrancesco Shinko ArgentinaTruhlar And Truhlar Attys PROPOSAL01/10/2022
Xuxue FengFrancesco Shinko United KingdomPrinting Dimensions UNQUALIFIED01/15/2022
Xuxue FengMurillo Malet ArgentinaFeiner Bros QUALIFIED01/10/2022
Xuxue FengWickens Nestle ArgentinaChapman, Ross E Esq NEGOTIATION12/30/2021
Total Customers:4
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerDeepesh Chui SpainChapman, Ross E Esq UNQUALIFIED01/17/2022
Amy ElsnerJefferson Schemmer United KingdomRousseaux, Michael Esq UNQUALIFIED01/08/2022
Amy ElsnerChavez Briddick AustraliaChanay, Jeffrey A Esq RENEWAL01/03/2022
Amy ElsnerMaria Marrier GermanyChapman, Ross E Esq RENEWAL12/30/2021
Amy ElsnerEmily Whobrey RussiaBuckley Miller Wright UNQUALIFIED01/17/2022
Amy ElsnerAditya Kusko SpainMorlong Associates PROPOSAL01/06/2022
Anna FaliDeepesh Chui GermanyCommercial Press PROPOSAL12/25/2021
Anna FaliEmily Whobrey JapanMorlong Associates QUALIFIED01/15/2022
Anna FaliDarci Poquette AustraliaBuckley Miller Wright RENEWAL01/19/2022
Anna FaliClifford Rim RussiaFeiner Bros UNQUALIFIED01/04/2022
Asiya JavayantOctavia Malet JapanKing, Christopher A Esq RENEWAL01/16/2022
Asiya JavayantLeja Caldarera ArgentinaFeltz Printing Service UNQUALIFIED12/27/2021
Bernardo DominicJeanfrancois Venere CanadaDorl, James J Esq NEGOTIATION01/11/2022
Bernardo DominicKaitlin Ostrosky United KingdomRangoni Of Florence RENEWAL01/01/2022
Bernardo DominicEmily Whobrey JapanKing, Christopher A Esq QUALIFIED01/02/2022
Elwin SharvillJennifer Amigon ArgentinaCommercial Press QUALIFIED01/02/2022
Elwin SharvillDeepesh Chui FranceChemel, James L Cpa QUALIFIED12/25/2021
Elwin SharvillOctavia Malet SpainFeltz Printing Service PROPOSAL01/06/2022
Elwin SharvillMaria Marrier CanadaMorlong Associates RENEWAL01/04/2022
Elwin SharvillAdams Morasca CanadaRousseaux, Michael Esq UNQUALIFIED01/15/2022
Elwin SharvillSmith Glick ArgentinaChapman, Ross E Esq UNQUALIFIED12/30/2021
Elwin SharvillMaria Marrier ItalyCommercial Press PROPOSAL01/18/2022
Elwin SharvillJeanfrancois Venere ItalyChemel, James L Cpa QUALIFIED12/23/2021
Elwin SharvillMisaki Royster SpainCommercial Press UNQUALIFIED01/10/2022
Elwin SharvillCosta Dilliard BrazilKing, Christopher A Esq NEGOTIATION01/13/2022
Elwin SharvillArvin Albares BrazilFeiner Bros NEGOTIATION01/14/2022
Ioni BowcherDavid Darakjy IndiaBuckley Miller Wright PROPOSAL01/02/2022
Ioni BowcherMisaki Royster BrazilCommercial Press RENEWAL01/13/2022
Ioni BowcherArvin Albares AustraliaMorlong Associates RENEWAL01/12/2022
Ioni BowcherDeepesh Chui BrazilTruhlar And Truhlar Attys UNQUALIFIED01/08/2022
Ioni BowcherMaria Marrier RussiaChapman, Ross E Esq PROPOSAL01/08/2022
Ioni BowcherIzzy Garufi ItalyBuckley Miller Wright NEGOTIATION01/07/2022
Ivan MagalhaesFrancesco Shinko CanadaChanay, Jeffrey A Esq NEW12/22/2021
Ivan MagalhaesEmily Whobrey JapanKing, Christopher A Esq NEGOTIATION01/05/2022
Ivan MagalhaesOctavia Malet BrazilBenton, John B Jr NEW12/28/2021
Ivan MagalhaesAdams Morasca FranceMorlong Associates RENEWAL01/01/2022
Ivan MagalhaesIvar Paprocki IndiaRousseaux, Michael Esq NEGOTIATION01/03/2022
Ivan MagalhaesAditya Kusko ItalyChapman, Ross E Esq RENEWAL12/28/2021
Onyama LimbaChavez Briddick BrazilBuckley Miller Wright QUALIFIED01/13/2022
Onyama LimbaChavez Briddick FranceChemel, James L Cpa QUALIFIED01/17/2022
Stephen ShawClifford Rim BrazilKing, Christopher A Esq NEW01/08/2022
Stephen ShawKaitlin Ostrosky GermanyTruhlar And Truhlar Attys QUALIFIED01/04/2022
Stephen ShawAntonio Caudy GermanyRousseaux, Michael Esq UNQUALIFIED01/16/2022
Stephen ShawSalvatore Stockham AustraliaCommercial Press NEW01/14/2022
Stephen ShawArvin Albares GermanyDorl, James J Esq NEGOTIATION01/16/2022
Stephen ShawSalvatore Stockham FranceChemel, James L Cpa NEGOTIATION12/24/2021
Xuxue FengFrancesco Shinko ArgentinaTruhlar And Truhlar Attys PROPOSAL01/10/2022
Xuxue FengFrancesco Shinko United KingdomPrinting Dimensions UNQUALIFIED01/15/2022
Xuxue FengMurillo Malet ArgentinaFeiner Bros QUALIFIED01/10/2022
Xuxue FengWickens Nestle ArgentinaChapman, Ross E Esq NEGOTIATION12/30/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: