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 ElsnerFrancesco Shinko GermanyBenton, John B Jr RENEWAL12/29/2021
Amy ElsnerAdams Morasca BrazilKing, Christopher A Esq UNQUALIFIED01/17/2022
Amy ElsnerClaire Tollner United KingdomChemel, James L Cpa NEW01/02/2022
Amy ElsnerDarci Poquette JapanKing, Christopher A Esq NEW12/25/2021
Total Customers:4
Anna Fali
Anna FaliSalvatore Stockham FranceDorl, James J Esq NEW12/30/2021
Anna FaliDarci Poquette ArgentinaChapman, Ross E Esq UNQUALIFIED12/25/2021
Anna FaliIvar Paprocki RussiaBenton, John B Jr UNQUALIFIED12/23/2021
Anna FaliNicolas Iturbide BrazilDorl, James J Esq RENEWAL01/05/2022
Total Customers:4
Asiya Javayant
Asiya JavayantIvar Paprocki IndiaCommercial Press UNQUALIFIED12/25/2021
Asiya JavayantLeja Caldarera GermanyRangoni Of Florence UNQUALIFIED01/20/2022
Asiya JavayantJennifer Amigon SpainBuckley Miller Wright PROPOSAL01/17/2022
Asiya JavayantAika Inouye United KingdomPrinting Dimensions UNQUALIFIED01/06/2022
Asiya JavayantChavez Briddick AustraliaBenton, John B Jr PROPOSAL01/14/2022
Total Customers:5
Bernardo Dominic
Bernardo DominicTony Foller ArgentinaPrinting Dimensions RENEWAL01/03/2022
Bernardo DominicJulie Stenseth BrazilMorlong Associates PROPOSAL01/08/2022
Total Customers:2
Elwin Sharvill
Elwin SharvillLeon Oldroyd GermanyChemel, James L Cpa NEGOTIATION01/04/2022
Elwin SharvillClaire Tollner JapanFeiner Bros NEGOTIATION01/05/2022
Elwin SharvillEmily Whobrey AustraliaRousseaux, Michael Esq QUALIFIED01/20/2022
Elwin SharvillMujtaba Nicka JapanBenton, John B Jr UNQUALIFIED01/04/2022
Total Customers:4
Ioni Bowcher
Ioni BowcherArvin Albares GermanyCommercial Press RENEWAL12/31/2021
Ioni BowcherDavid Darakjy CanadaFeiner Bros UNQUALIFIED01/15/2022
Ioni BowcherDarci Poquette AustraliaChanay, Jeffrey A Esq PROPOSAL12/29/2021
Ioni BowcherAditya Kusko CanadaPrinting Dimensions QUALIFIED01/07/2022
Ioni BowcherMaria Marrier IndiaPrinting Dimensions NEGOTIATION01/19/2022
Ioni BowcherMorrow Ruta ArgentinaRousseaux, Michael Esq QUALIFIED12/27/2021
Ioni BowcherAshley Doe FranceRousseaux, Michael Esq NEGOTIATION01/19/2022
Total Customers:7
Ivan Magalhaes
Ivan MagalhaesRicardo Gaucho FranceFeltz Printing Service UNQUALIFIED12/29/2021
Ivan MagalhaesAdams Morasca United KingdomChapman, Ross E Esq QUALIFIED12/24/2021
Ivan MagalhaesJohnson Sergi CanadaFeiner Bros UNQUALIFIED12/22/2021
Ivan MagalhaesRicardo Gaucho IndiaChapman, Ross E Esq QUALIFIED12/26/2021
Ivan MagalhaesStacey Maclead IndiaRangoni Of Florence NEGOTIATION01/03/2022
Ivan MagalhaesLeon Oldroyd IndiaTruhlar And Truhlar Attys PROPOSAL01/18/2022
Total Customers:6
Onyama Limba
Onyama LimbaJuan Wieser SpainBenton, John B Jr QUALIFIED01/12/2022
Onyama LimbaAshley Doe BrazilChanay, Jeffrey A Esq PROPOSAL01/19/2022
Onyama LimbaAdams Morasca AustraliaRangoni Of Florence RENEWAL01/12/2022
Onyama LimbaFrancesco Shinko CanadaChemel, James L Cpa NEW01/12/2022
Onyama LimbaDeepesh Chui FranceFeltz Printing Service NEW12/22/2021
Onyama LimbaKadeem Flosi SpainKing, Christopher A Esq PROPOSAL12/23/2021
Onyama LimbaMaisha Rulapaugh CanadaBenton, John B Jr NEW12/30/2021
Total Customers:7
Stephen Shaw
Xuxue Feng
Xuxue FengSmith Glick ArgentinaMorlong Associates UNQUALIFIED12/31/2021
Xuxue FengAditya Kusko ItalyChemel, James L Cpa QUALIFIED01/14/2022
Xuxue FengMayumi Kolmetz ItalyRangoni Of Florence NEW12/24/2021
Xuxue FengTony Foller SpainFeiner Bros PROPOSAL12/23/2021
Xuxue FengDavid Darakjy IndiaFeltz Printing Service NEW01/13/2022
Xuxue FengIzzy Garufi BrazilBenton, John B Jr UNQUALIFIED01/09/2022
Xuxue FengDeepesh Chui SpainChanay, Jeffrey A Esq RENEWAL01/11/2022
Total Customers:7
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerFrancesco Shinko GermanyBenton, John B Jr RENEWAL12/29/2021
Amy ElsnerAdams Morasca BrazilKing, Christopher A Esq UNQUALIFIED01/17/2022
Amy ElsnerClaire Tollner United KingdomChemel, James L Cpa NEW01/02/2022
Amy ElsnerDarci Poquette JapanKing, Christopher A Esq NEW12/25/2021
Anna FaliSalvatore Stockham FranceDorl, James J Esq NEW12/30/2021
Anna FaliDarci Poquette ArgentinaChapman, Ross E Esq UNQUALIFIED12/25/2021
Anna FaliIvar Paprocki RussiaBenton, John B Jr UNQUALIFIED12/23/2021
Anna FaliNicolas Iturbide BrazilDorl, James J Esq RENEWAL01/05/2022
Asiya JavayantIvar Paprocki IndiaCommercial Press UNQUALIFIED12/25/2021
Asiya JavayantLeja Caldarera GermanyRangoni Of Florence UNQUALIFIED01/20/2022
Asiya JavayantJennifer Amigon SpainBuckley Miller Wright PROPOSAL01/17/2022
Asiya JavayantAika Inouye United KingdomPrinting Dimensions UNQUALIFIED01/06/2022
Asiya JavayantChavez Briddick AustraliaBenton, John B Jr PROPOSAL01/14/2022
Bernardo DominicTony Foller ArgentinaPrinting Dimensions RENEWAL01/03/2022
Bernardo DominicJulie Stenseth BrazilMorlong Associates PROPOSAL01/08/2022
Elwin SharvillLeon Oldroyd GermanyChemel, James L Cpa NEGOTIATION01/04/2022
Elwin SharvillClaire Tollner JapanFeiner Bros NEGOTIATION01/05/2022
Elwin SharvillEmily Whobrey AustraliaRousseaux, Michael Esq QUALIFIED01/20/2022
Elwin SharvillMujtaba Nicka JapanBenton, John B Jr UNQUALIFIED01/04/2022
Ioni BowcherArvin Albares GermanyCommercial Press RENEWAL12/31/2021
Ioni BowcherDavid Darakjy CanadaFeiner Bros UNQUALIFIED01/15/2022
Ioni BowcherDarci Poquette AustraliaChanay, Jeffrey A Esq PROPOSAL12/29/2021
Ioni BowcherAditya Kusko CanadaPrinting Dimensions QUALIFIED01/07/2022
Ioni BowcherMaria Marrier IndiaPrinting Dimensions NEGOTIATION01/19/2022
Ioni BowcherMorrow Ruta ArgentinaRousseaux, Michael Esq QUALIFIED12/27/2021
Ioni BowcherAshley Doe FranceRousseaux, Michael Esq NEGOTIATION01/19/2022
Ivan MagalhaesRicardo Gaucho FranceFeltz Printing Service UNQUALIFIED12/29/2021
Ivan MagalhaesAdams Morasca United KingdomChapman, Ross E Esq QUALIFIED12/24/2021
Ivan MagalhaesJohnson Sergi CanadaFeiner Bros UNQUALIFIED12/22/2021
Ivan MagalhaesRicardo Gaucho IndiaChapman, Ross E Esq QUALIFIED12/26/2021
Ivan MagalhaesStacey Maclead IndiaRangoni Of Florence NEGOTIATION01/03/2022
Ivan MagalhaesLeon Oldroyd IndiaTruhlar And Truhlar Attys PROPOSAL01/18/2022
Onyama LimbaJuan Wieser SpainBenton, John B Jr QUALIFIED01/12/2022
Onyama LimbaAshley Doe BrazilChanay, Jeffrey A Esq PROPOSAL01/19/2022
Onyama LimbaAdams Morasca AustraliaRangoni Of Florence RENEWAL01/12/2022
Onyama LimbaFrancesco Shinko CanadaChemel, James L Cpa NEW01/12/2022
Onyama LimbaDeepesh Chui FranceFeltz Printing Service NEW12/22/2021
Onyama LimbaKadeem Flosi SpainKing, Christopher A Esq PROPOSAL12/23/2021
Onyama LimbaMaisha Rulapaugh CanadaBenton, John B Jr NEW12/30/2021
Stephen ShawGreenwood Bolognia CanadaChanay, Jeffrey A Esq NEGOTIATION01/17/2022
Stephen ShawMunro Ferencz AustraliaBenton, John B Jr QUALIFIED01/06/2022
Stephen ShawGreenwood Bolognia FranceMorlong Associates QUALIFIED01/12/2022
Stephen ShawAika Inouye FranceFeltz Printing Service UNQUALIFIED12/22/2021
Xuxue FengSmith Glick ArgentinaMorlong Associates UNQUALIFIED12/31/2021
Xuxue FengAditya Kusko ItalyChemel, James L Cpa QUALIFIED01/14/2022
Xuxue FengMayumi Kolmetz ItalyRangoni Of Florence NEW12/24/2021
Xuxue FengTony Foller SpainFeiner Bros PROPOSAL12/23/2021
Xuxue FengDavid Darakjy IndiaFeltz Printing Service NEW01/13/2022
Xuxue FengIzzy Garufi BrazilBenton, John B Jr UNQUALIFIED01/09/2022
Xuxue FengDeepesh Chui SpainChanay, Jeffrey A Esq RENEWAL01/11/2022

<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: