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 ElsnerTony Foller ItalyDorl, James J Esq NEW01/21/2022
Amy ElsnerMaisha Rulapaugh IndiaTruhlar And Truhlar Attys UNQUALIFIED12/30/2021
Amy ElsnerMurillo Malet BrazilKing, Christopher A Esq NEGOTIATION12/28/2021
Total Customers:3
Anna Fali
Anna FaliAntonio Caudy AustraliaChanay, Jeffrey A Esq UNQUALIFIED01/19/2022
Anna FaliFrancesco Shinko IndiaChanay, Jeffrey A Esq PROPOSAL01/08/2022
Anna FaliWickens Nestle IndiaPrinting Dimensions NEW01/03/2022
Anna FaliJefferson Schemmer BrazilRangoni Of Florence NEW01/03/2022
Anna FaliMorrow Ruta United KingdomChapman, Ross E Esq UNQUALIFIED01/14/2022
Anna FaliMujtaba Nicka SpainRousseaux, Michael Esq NEGOTIATION01/17/2022
Anna FaliMurillo Malet CanadaMorlong Associates QUALIFIED01/11/2022
Anna FaliCosta Dilliard BrazilPrinting Dimensions RENEWAL01/10/2022
Total Customers:8
Asiya Javayant
Asiya JavayantKaitlin Ostrosky AustraliaKing, Christopher A Esq RENEWAL01/19/2022
Asiya JavayantNicolas Iturbide AustraliaCommercial Press UNQUALIFIED01/19/2022
Asiya JavayantAditya Kusko SpainBuckley Miller Wright PROPOSAL01/13/2022
Asiya JavayantMunro Ferencz RussiaRangoni Of Florence UNQUALIFIED01/09/2022
Asiya JavayantAlejandro Perin CanadaChapman, Ross E Esq UNQUALIFIED12/30/2021
Total Customers:5
Bernardo Dominic
Bernardo DominicSinclair Waycott ArgentinaPrinting Dimensions NEGOTIATION01/23/2022
Bernardo DominicDarci Poquette FranceRangoni Of Florence UNQUALIFIED01/04/2022
Total Customers:2
Elwin Sharvill
Elwin SharvillRodrigues Campain SpainRousseaux, Michael Esq NEW12/25/2021
Elwin SharvillMurillo Malet United KingdomPrinting Dimensions NEW01/10/2022
Elwin SharvillStacey Maclead RussiaFeltz Printing Service PROPOSAL01/23/2022
Elwin SharvillFaith Gillian SpainDorl, James J Esq RENEWAL01/18/2022
Elwin SharvillCosta Dilliard CanadaChemel, James L Cpa NEGOTIATION01/02/2022
Elwin SharvillJames Butt FranceBenton, John B Jr RENEWAL01/21/2022
Elwin SharvillSinclair Waycott IndiaDorl, James J Esq RENEWAL01/18/2022
Elwin SharvillNicolas Iturbide SpainDorl, James J Esq QUALIFIED01/20/2022
Total Customers:8
Ioni Bowcher
Ioni BowcherDavid Darakjy CanadaMorlong Associates NEW01/04/2022
Ioni BowcherDarci Poquette JapanChanay, Jeffrey A Esq NEGOTIATION01/17/2022
Ioni BowcherJames Butt BrazilPrinting Dimensions RENEWAL01/15/2022
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesEmily Whobrey GermanyChanay, Jeffrey A Esq NEW01/16/2022
Ivan MagalhaesClifford Rim United KingdomRangoni Of Florence PROPOSAL01/03/2022
Ivan MagalhaesSilvio Slusarski CanadaMorlong Associates NEW12/28/2021
Ivan MagalhaesEmily Whobrey SpainCommercial Press RENEWAL01/20/2022
Total Customers:4
Onyama Limba
Onyama LimbaJeanfrancois Venere AustraliaRangoni Of Florence RENEWAL01/10/2022
Onyama LimbaRodrigues Campain GermanyChemel, James L Cpa NEGOTIATION01/08/2022
Onyama LimbaClifford Rim ArgentinaChapman, Ross E Esq NEW01/04/2022
Onyama LimbaSilvio Slusarski RussiaPrinting Dimensions QUALIFIED01/22/2022
Onyama LimbaJennifer Amigon CanadaBenton, John B Jr NEW12/30/2021
Onyama LimbaSilvio Slusarski ItalyChemel, James L Cpa QUALIFIED01/09/2022
Onyama LimbaMayumi Kolmetz FranceChapman, Ross E Esq RENEWAL01/16/2022
Total Customers:7
Stephen Shaw
Xuxue Feng
Xuxue FengLeon Oldroyd JapanPrinting Dimensions NEGOTIATION01/05/2022
Xuxue FengAruna Figeroa FranceMorlong Associates PROPOSAL12/28/2021
Xuxue FengMaria Marrier ItalyTruhlar And Truhlar Attys NEGOTIATION01/15/2022
Xuxue FengDavid Darakjy ArgentinaMorlong Associates UNQUALIFIED12/26/2021
Total Customers:4
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerTony Foller ItalyDorl, James J Esq NEW01/21/2022
Amy ElsnerMaisha Rulapaugh IndiaTruhlar And Truhlar Attys UNQUALIFIED12/30/2021
Amy ElsnerMurillo Malet BrazilKing, Christopher A Esq NEGOTIATION12/28/2021
Anna FaliAntonio Caudy AustraliaChanay, Jeffrey A Esq UNQUALIFIED01/19/2022
Anna FaliFrancesco Shinko IndiaChanay, Jeffrey A Esq PROPOSAL01/08/2022
Anna FaliWickens Nestle IndiaPrinting Dimensions NEW01/03/2022
Anna FaliJefferson Schemmer BrazilRangoni Of Florence NEW01/03/2022
Anna FaliMorrow Ruta United KingdomChapman, Ross E Esq UNQUALIFIED01/14/2022
Anna FaliMujtaba Nicka SpainRousseaux, Michael Esq NEGOTIATION01/17/2022
Anna FaliMurillo Malet CanadaMorlong Associates QUALIFIED01/11/2022
Anna FaliCosta Dilliard BrazilPrinting Dimensions RENEWAL01/10/2022
Asiya JavayantKaitlin Ostrosky AustraliaKing, Christopher A Esq RENEWAL01/19/2022
Asiya JavayantNicolas Iturbide AustraliaCommercial Press UNQUALIFIED01/19/2022
Asiya JavayantAditya Kusko SpainBuckley Miller Wright PROPOSAL01/13/2022
Asiya JavayantMunro Ferencz RussiaRangoni Of Florence UNQUALIFIED01/09/2022
Asiya JavayantAlejandro Perin CanadaChapman, Ross E Esq UNQUALIFIED12/30/2021
Bernardo DominicSinclair Waycott ArgentinaPrinting Dimensions NEGOTIATION01/23/2022
Bernardo DominicDarci Poquette FranceRangoni Of Florence UNQUALIFIED01/04/2022
Elwin SharvillRodrigues Campain SpainRousseaux, Michael Esq NEW12/25/2021
Elwin SharvillMurillo Malet United KingdomPrinting Dimensions NEW01/10/2022
Elwin SharvillStacey Maclead RussiaFeltz Printing Service PROPOSAL01/23/2022
Elwin SharvillFaith Gillian SpainDorl, James J Esq RENEWAL01/18/2022
Elwin SharvillCosta Dilliard CanadaChemel, James L Cpa NEGOTIATION01/02/2022
Elwin SharvillJames Butt FranceBenton, John B Jr RENEWAL01/21/2022
Elwin SharvillSinclair Waycott IndiaDorl, James J Esq RENEWAL01/18/2022
Elwin SharvillNicolas Iturbide SpainDorl, James J Esq QUALIFIED01/20/2022
Ioni BowcherDavid Darakjy CanadaMorlong Associates NEW01/04/2022
Ioni BowcherDarci Poquette JapanChanay, Jeffrey A Esq NEGOTIATION01/17/2022
Ioni BowcherJames Butt BrazilPrinting Dimensions RENEWAL01/15/2022
Ivan MagalhaesEmily Whobrey GermanyChanay, Jeffrey A Esq NEW01/16/2022
Ivan MagalhaesClifford Rim United KingdomRangoni Of Florence PROPOSAL01/03/2022
Ivan MagalhaesSilvio Slusarski CanadaMorlong Associates NEW12/28/2021
Ivan MagalhaesEmily Whobrey SpainCommercial Press RENEWAL01/20/2022
Onyama LimbaJeanfrancois Venere AustraliaRangoni Of Florence RENEWAL01/10/2022
Onyama LimbaRodrigues Campain GermanyChemel, James L Cpa NEGOTIATION01/08/2022
Onyama LimbaClifford Rim ArgentinaChapman, Ross E Esq NEW01/04/2022
Onyama LimbaSilvio Slusarski RussiaPrinting Dimensions QUALIFIED01/22/2022
Onyama LimbaJennifer Amigon CanadaBenton, John B Jr NEW12/30/2021
Onyama LimbaSilvio Slusarski ItalyChemel, James L Cpa QUALIFIED01/09/2022
Onyama LimbaMayumi Kolmetz FranceChapman, Ross E Esq RENEWAL01/16/2022
Stephen ShawSilvio Slusarski JapanBuckley Miller Wright RENEWAL12/30/2021
Stephen ShawAlejandro Perin CanadaRousseaux, Michael Esq PROPOSAL01/10/2022
Stephen ShawAika Inouye RussiaFeltz Printing Service QUALIFIED01/18/2022
Stephen ShawSilvio Slusarski GermanyChemel, James L Cpa NEGOTIATION12/25/2021
Stephen ShawDeepesh Chui ArgentinaBuckley Miller Wright QUALIFIED01/22/2022
Stephen ShawMorrow Ruta SpainMorlong Associates UNQUALIFIED01/03/2022
Xuxue FengLeon Oldroyd JapanPrinting Dimensions NEGOTIATION01/05/2022
Xuxue FengAruna Figeroa FranceMorlong Associates PROPOSAL12/28/2021
Xuxue FengMaria Marrier ItalyTruhlar And Truhlar Attys NEGOTIATION01/15/2022
Xuxue FengDavid Darakjy ArgentinaMorlong Associates UNQUALIFIED12/26/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: