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 ElsnerJulie Stenseth AustraliaBuckley Miller Wright PROPOSAL01/01/2022
Amy ElsnerIzzy Garufi BrazilFeiner Bros NEW01/14/2022
Amy ElsnerLeon Oldroyd ArgentinaKing, Christopher A Esq QUALIFIED01/16/2022
Amy ElsnerIzzy Garufi United KingdomTruhlar And Truhlar Attys UNQUALIFIED01/04/2022
Amy ElsnerEmily Whobrey ArgentinaChapman, Ross E Esq QUALIFIED01/26/2022
Amy ElsnerAshley Doe GermanyBuckley Miller Wright QUALIFIED01/26/2022
Amy ElsnerRicardo Gaucho ItalyFeltz Printing Service RENEWAL01/24/2022
Total Customers:7
Anna Fali
Anna FaliJeanfrancois Venere SpainDorl, James J Esq RENEWAL01/08/2022
Anna FaliJones Vocelka United KingdomBuckley Miller Wright NEGOTIATION01/02/2022
Anna FaliFaith Gillian SpainBenton, John B Jr PROPOSAL01/04/2022
Anna FaliJulie Stenseth IndiaMorlong Associates NEGOTIATION01/15/2022
Anna FaliSmith Glick CanadaDorl, James J Esq UNQUALIFIED01/26/2022
Anna FaliMaisha Rulapaugh BrazilChapman, Ross E Esq PROPOSAL01/19/2022
Total Customers:6
Asiya Javayant
Asiya JavayantJulie Stenseth RussiaDorl, James J Esq PROPOSAL01/11/2022
Asiya JavayantAdams Morasca IndiaKing, Christopher A Esq NEGOTIATION01/07/2022
Asiya JavayantSmith Glick CanadaChanay, Jeffrey A Esq PROPOSAL01/17/2022
Asiya JavayantMorrow Ruta BrazilChanay, Jeffrey A Esq RENEWAL01/26/2022
Asiya JavayantTony Foller CanadaPrinting Dimensions UNQUALIFIED12/31/2021
Asiya JavayantIsabel Bowley ArgentinaMorlong Associates UNQUALIFIED01/21/2022
Total Customers:6
Bernardo Dominic
Bernardo DominicKaitlin Ostrosky ArgentinaChanay, Jeffrey A Esq NEGOTIATION01/21/2022
Bernardo DominicRodrigues Campain FranceTruhlar And Truhlar Attys UNQUALIFIED01/16/2022
Bernardo DominicChavez Briddick SpainCommercial Press QUALIFIED01/15/2022
Total Customers:3
Elwin Sharvill
Elwin SharvillAntonio Caudy CanadaChapman, Ross E Esq QUALIFIED01/22/2022
Elwin SharvillMorrow Ruta AustraliaRousseaux, Michael Esq PROPOSAL01/18/2022
Elwin SharvillMunro Ferencz IndiaChapman, Ross E Esq UNQUALIFIED01/10/2022
Elwin SharvillMunro Ferencz FranceBuckley Miller Wright NEW01/12/2022
Total Customers:4
Ioni Bowcher
Ioni BowcherOctavia Malet BrazilPrinting Dimensions PROPOSAL01/04/2022
Ioni BowcherClaire Tollner ArgentinaBuckley Miller Wright RENEWAL01/22/2022
Ioni BowcherDarci Poquette SpainFeiner Bros UNQUALIFIED01/18/2022
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesFrancesco Shinko GermanyRangoni Of Florence UNQUALIFIED01/17/2022
Ivan MagalhaesClaire Tollner AustraliaFeiner Bros RENEWAL01/20/2022
Ivan MagalhaesSmith Glick CanadaDorl, James J Esq NEGOTIATION12/28/2021
Ivan MagalhaesClifford Rim ItalyRousseaux, Michael Esq RENEWAL01/19/2022
Ivan MagalhaesFrancesco Shinko ItalyBuckley Miller Wright NEW01/13/2022
Ivan MagalhaesAruna Figeroa IndiaBenton, John B Jr QUALIFIED01/10/2022
Ivan MagalhaesFaith Gillian United KingdomDorl, James J Esq RENEWAL01/02/2022
Total Customers:7
Onyama Limba
Onyama LimbaCosta Dilliard United KingdomChanay, Jeffrey A Esq NEW01/08/2022
Onyama LimbaAdams Morasca IndiaTruhlar And Truhlar Attys NEW01/07/2022
Onyama LimbaChavez Briddick ArgentinaDorl, James J Esq NEGOTIATION01/10/2022
Onyama LimbaMaria Marrier JapanDorl, James J Esq NEW01/06/2022
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengJohnson Sergi CanadaRangoni Of Florence QUALIFIED01/16/2022
Xuxue FengEmily Whobrey IndiaBuckley Miller Wright NEW01/20/2022
Xuxue FengMujtaba Nicka BrazilDorl, James J Esq UNQUALIFIED01/07/2022
Xuxue FengDarci Poquette GermanyBenton, John B Jr NEGOTIATION01/21/2022
Xuxue FengAlejandro Perin IndiaChanay, Jeffrey A Esq QUALIFIED01/20/2022
Total Customers:5
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerJulie Stenseth AustraliaBuckley Miller Wright PROPOSAL01/01/2022
Amy ElsnerIzzy Garufi BrazilFeiner Bros NEW01/14/2022
Amy ElsnerLeon Oldroyd ArgentinaKing, Christopher A Esq QUALIFIED01/16/2022
Amy ElsnerIzzy Garufi United KingdomTruhlar And Truhlar Attys UNQUALIFIED01/04/2022
Amy ElsnerEmily Whobrey ArgentinaChapman, Ross E Esq QUALIFIED01/26/2022
Amy ElsnerAshley Doe GermanyBuckley Miller Wright QUALIFIED01/26/2022
Amy ElsnerRicardo Gaucho ItalyFeltz Printing Service RENEWAL01/24/2022
Anna FaliJeanfrancois Venere SpainDorl, James J Esq RENEWAL01/08/2022
Anna FaliJones Vocelka United KingdomBuckley Miller Wright NEGOTIATION01/02/2022
Anna FaliFaith Gillian SpainBenton, John B Jr PROPOSAL01/04/2022
Anna FaliJulie Stenseth IndiaMorlong Associates NEGOTIATION01/15/2022
Anna FaliSmith Glick CanadaDorl, James J Esq UNQUALIFIED01/26/2022
Anna FaliMaisha Rulapaugh BrazilChapman, Ross E Esq PROPOSAL01/19/2022
Asiya JavayantJulie Stenseth RussiaDorl, James J Esq PROPOSAL01/11/2022
Asiya JavayantAdams Morasca IndiaKing, Christopher A Esq NEGOTIATION01/07/2022
Asiya JavayantSmith Glick CanadaChanay, Jeffrey A Esq PROPOSAL01/17/2022
Asiya JavayantMorrow Ruta BrazilChanay, Jeffrey A Esq RENEWAL01/26/2022
Asiya JavayantTony Foller CanadaPrinting Dimensions UNQUALIFIED12/31/2021
Asiya JavayantIsabel Bowley ArgentinaMorlong Associates UNQUALIFIED01/21/2022
Bernardo DominicKaitlin Ostrosky ArgentinaChanay, Jeffrey A Esq NEGOTIATION01/21/2022
Bernardo DominicRodrigues Campain FranceTruhlar And Truhlar Attys UNQUALIFIED01/16/2022
Bernardo DominicChavez Briddick SpainCommercial Press QUALIFIED01/15/2022
Elwin SharvillAntonio Caudy CanadaChapman, Ross E Esq QUALIFIED01/22/2022
Elwin SharvillMorrow Ruta AustraliaRousseaux, Michael Esq PROPOSAL01/18/2022
Elwin SharvillMunro Ferencz IndiaChapman, Ross E Esq UNQUALIFIED01/10/2022
Elwin SharvillMunro Ferencz FranceBuckley Miller Wright NEW01/12/2022
Ioni BowcherOctavia Malet BrazilPrinting Dimensions PROPOSAL01/04/2022
Ioni BowcherClaire Tollner ArgentinaBuckley Miller Wright RENEWAL01/22/2022
Ioni BowcherDarci Poquette SpainFeiner Bros UNQUALIFIED01/18/2022
Ivan MagalhaesFrancesco Shinko GermanyRangoni Of Florence UNQUALIFIED01/17/2022
Ivan MagalhaesClaire Tollner AustraliaFeiner Bros RENEWAL01/20/2022
Ivan MagalhaesSmith Glick CanadaDorl, James J Esq NEGOTIATION12/28/2021
Ivan MagalhaesClifford Rim ItalyRousseaux, Michael Esq RENEWAL01/19/2022
Ivan MagalhaesFrancesco Shinko ItalyBuckley Miller Wright NEW01/13/2022
Ivan MagalhaesAruna Figeroa IndiaBenton, John B Jr QUALIFIED01/10/2022
Ivan MagalhaesFaith Gillian United KingdomDorl, James J Esq RENEWAL01/02/2022
Onyama LimbaCosta Dilliard United KingdomChanay, Jeffrey A Esq NEW01/08/2022
Onyama LimbaAdams Morasca IndiaTruhlar And Truhlar Attys NEW01/07/2022
Onyama LimbaChavez Briddick ArgentinaDorl, James J Esq NEGOTIATION01/10/2022
Onyama LimbaMaria Marrier JapanDorl, James J Esq NEW01/06/2022
Stephen ShawKaitlin Ostrosky ItalyFeiner Bros NEGOTIATION12/29/2021
Stephen ShawWickens Nestle FranceKing, Christopher A Esq NEGOTIATION01/24/2022
Stephen ShawRodrigues Campain ArgentinaRousseaux, Michael Esq QUALIFIED01/24/2022
Stephen ShawJones Vocelka IndiaChemel, James L Cpa QUALIFIED01/05/2022
Stephen ShawSilvio Slusarski ArgentinaChemel, James L Cpa UNQUALIFIED01/08/2022
Xuxue FengJohnson Sergi CanadaRangoni Of Florence QUALIFIED01/16/2022
Xuxue FengEmily Whobrey IndiaBuckley Miller Wright NEW01/20/2022
Xuxue FengMujtaba Nicka BrazilDorl, James J Esq UNQUALIFIED01/07/2022
Xuxue FengDarci Poquette GermanyBenton, John B Jr NEGOTIATION01/21/2022
Xuxue FengAlejandro Perin IndiaChanay, Jeffrey A Esq QUALIFIED01/20/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: