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 ElsnerJefferson Schemmer RussiaKing, Christopher A Esq RENEWAL01/23/2022
Amy ElsnerCosta Dilliard United KingdomDorl, James J Esq RENEWAL01/09/2022
Amy ElsnerJulie Stenseth IndiaRangoni Of Florence UNQUALIFIED01/24/2022
Amy ElsnerJennifer Amigon AustraliaChanay, Jeffrey A Esq NEGOTIATION12/31/2021
Amy ElsnerCosta Dilliard JapanKing, Christopher A Esq PROPOSAL01/13/2022
Total Customers:5
Anna Fali
Anna FaliSalvatore Stockham AustraliaTruhlar And Truhlar Attys NEW01/05/2022
Anna FaliOctavia Malet ArgentinaCommercial Press QUALIFIED01/12/2022
Anna FaliSinclair Waycott CanadaFeiner Bros UNQUALIFIED01/04/2022
Anna FaliAlejandro Perin GermanyBenton, John B Jr QUALIFIED01/21/2022
Anna FaliEmily Whobrey ArgentinaRangoni Of Florence RENEWAL01/16/2022
Total Customers:5
Asiya Javayant
Asiya JavayantAshley Doe RussiaCommercial Press PROPOSAL01/10/2022
Asiya JavayantClaire Tollner AustraliaTruhlar And Truhlar Attys NEW01/19/2022
Asiya JavayantMurillo Malet RussiaFeltz Printing Service QUALIFIED01/08/2022
Asiya JavayantClaire Tollner FranceKing, Christopher A Esq QUALIFIED01/23/2022
Asiya JavayantJuan Wieser United KingdomChapman, Ross E Esq NEGOTIATION01/17/2022
Asiya JavayantOctavia Malet FranceCommercial Press NEGOTIATION12/27/2021
Asiya JavayantTony Foller SpainFeltz Printing Service NEGOTIATION01/10/2022
Asiya JavayantLeon Oldroyd FranceChemel, James L Cpa NEW12/29/2021
Asiya JavayantLeon Oldroyd SpainRangoni Of Florence PROPOSAL01/05/2022
Asiya JavayantMunro Ferencz ArgentinaChemel, James L Cpa NEGOTIATION12/31/2021
Total Customers:10
Bernardo Dominic
Bernardo DominicCody Saylors RussiaKing, Christopher A Esq QUALIFIED01/03/2022
Bernardo DominicAntonio Caudy United KingdomMorlong Associates NEGOTIATION01/16/2022
Bernardo DominicChavez Briddick GermanyKing, Christopher A Esq PROPOSAL12/27/2021
Total Customers:3
Elwin Sharvill
Elwin SharvillJuan Wieser ArgentinaBenton, John B Jr UNQUALIFIED01/03/2022
Elwin SharvillClifford Rim United KingdomCommercial Press UNQUALIFIED01/17/2022
Elwin SharvillIvar Paprocki BrazilRangoni Of Florence RENEWAL01/22/2022
Elwin SharvillAshley Doe JapanMorlong Associates UNQUALIFIED01/11/2022
Total Customers:4
Ioni Bowcher
Ioni BowcherMorrow Ruta BrazilRangoni Of Florence NEW01/20/2022
Ioni BowcherSalvatore Stockham SpainRangoni Of Florence UNQUALIFIED12/26/2021
Ioni BowcherJames Butt ItalyBenton, John B Jr NEW12/29/2021
Ioni BowcherTony Foller FranceRangoni Of Florence QUALIFIED01/10/2022
Ioni BowcherMunro Ferencz GermanyMorlong Associates NEW01/19/2022
Ioni BowcherRodrigues Campain GermanyPrinting Dimensions NEW01/09/2022
Ioni BowcherJulie Stenseth BrazilChemel, James L Cpa NEW01/24/2022
Ioni BowcherJennifer Amigon FranceChapman, Ross E Esq NEGOTIATION01/19/2022
Total Customers:8
Ivan Magalhaes
Ivan MagalhaesJeanfrancois Venere AustraliaTruhlar And Truhlar Attys NEW01/05/2022
Ivan MagalhaesJohnson Sergi ArgentinaRangoni Of Florence PROPOSAL01/14/2022
Total Customers:2
Onyama Limba
Onyama LimbaJuan Wieser JapanPrinting Dimensions NEW01/23/2022
Onyama LimbaChavez Briddick RussiaCommercial Press QUALIFIED01/10/2022
Onyama LimbaSinclair Waycott AustraliaDorl, James J Esq PROPOSAL01/10/2022
Total Customers:3
Stephen Shaw
Xuxue Feng
Xuxue FengRodrigues Campain GermanyFeltz Printing Service UNQUALIFIED12/26/2021
Xuxue FengKadeem Flosi RussiaChanay, Jeffrey A Esq NEGOTIATION01/01/2022
Xuxue FengAlejandro Perin GermanyDorl, James J Esq UNQUALIFIED01/14/2022
Xuxue FengAruna Figeroa RussiaChapman, Ross E Esq PROPOSAL01/11/2022
Xuxue FengKaitlin Ostrosky SpainTruhlar And Truhlar Attys NEGOTIATION12/28/2021
Total Customers:5
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerJefferson Schemmer RussiaKing, Christopher A Esq RENEWAL01/23/2022
Amy ElsnerCosta Dilliard United KingdomDorl, James J Esq RENEWAL01/09/2022
Amy ElsnerJulie Stenseth IndiaRangoni Of Florence UNQUALIFIED01/24/2022
Amy ElsnerJennifer Amigon AustraliaChanay, Jeffrey A Esq NEGOTIATION12/31/2021
Amy ElsnerCosta Dilliard JapanKing, Christopher A Esq PROPOSAL01/13/2022
Anna FaliSalvatore Stockham AustraliaTruhlar And Truhlar Attys NEW01/05/2022
Anna FaliOctavia Malet ArgentinaCommercial Press QUALIFIED01/12/2022
Anna FaliSinclair Waycott CanadaFeiner Bros UNQUALIFIED01/04/2022
Anna FaliAlejandro Perin GermanyBenton, John B Jr QUALIFIED01/21/2022
Anna FaliEmily Whobrey ArgentinaRangoni Of Florence RENEWAL01/16/2022
Asiya JavayantAshley Doe RussiaCommercial Press PROPOSAL01/10/2022
Asiya JavayantClaire Tollner AustraliaTruhlar And Truhlar Attys NEW01/19/2022
Asiya JavayantMurillo Malet RussiaFeltz Printing Service QUALIFIED01/08/2022
Asiya JavayantClaire Tollner FranceKing, Christopher A Esq QUALIFIED01/23/2022
Asiya JavayantJuan Wieser United KingdomChapman, Ross E Esq NEGOTIATION01/17/2022
Asiya JavayantOctavia Malet FranceCommercial Press NEGOTIATION12/27/2021
Asiya JavayantTony Foller SpainFeltz Printing Service NEGOTIATION01/10/2022
Asiya JavayantLeon Oldroyd FranceChemel, James L Cpa NEW12/29/2021
Asiya JavayantLeon Oldroyd SpainRangoni Of Florence PROPOSAL01/05/2022
Asiya JavayantMunro Ferencz ArgentinaChemel, James L Cpa NEGOTIATION12/31/2021
Bernardo DominicCody Saylors RussiaKing, Christopher A Esq QUALIFIED01/03/2022
Bernardo DominicAntonio Caudy United KingdomMorlong Associates NEGOTIATION01/16/2022
Bernardo DominicChavez Briddick GermanyKing, Christopher A Esq PROPOSAL12/27/2021
Elwin SharvillJuan Wieser ArgentinaBenton, John B Jr UNQUALIFIED01/03/2022
Elwin SharvillClifford Rim United KingdomCommercial Press UNQUALIFIED01/17/2022
Elwin SharvillIvar Paprocki BrazilRangoni Of Florence RENEWAL01/22/2022
Elwin SharvillAshley Doe JapanMorlong Associates UNQUALIFIED01/11/2022
Ioni BowcherMorrow Ruta BrazilRangoni Of Florence NEW01/20/2022
Ioni BowcherSalvatore Stockham SpainRangoni Of Florence UNQUALIFIED12/26/2021
Ioni BowcherJames Butt ItalyBenton, John B Jr NEW12/29/2021
Ioni BowcherTony Foller FranceRangoni Of Florence QUALIFIED01/10/2022
Ioni BowcherMunro Ferencz GermanyMorlong Associates NEW01/19/2022
Ioni BowcherRodrigues Campain GermanyPrinting Dimensions NEW01/09/2022
Ioni BowcherJulie Stenseth BrazilChemel, James L Cpa NEW01/24/2022
Ioni BowcherJennifer Amigon FranceChapman, Ross E Esq NEGOTIATION01/19/2022
Ivan MagalhaesJeanfrancois Venere AustraliaTruhlar And Truhlar Attys NEW01/05/2022
Ivan MagalhaesJohnson Sergi ArgentinaRangoni Of Florence PROPOSAL01/14/2022
Onyama LimbaJuan Wieser JapanPrinting Dimensions NEW01/23/2022
Onyama LimbaChavez Briddick RussiaCommercial Press QUALIFIED01/10/2022
Onyama LimbaSinclair Waycott AustraliaDorl, James J Esq PROPOSAL01/10/2022
Stephen ShawIzzy Garufi AustraliaPrinting Dimensions UNQUALIFIED01/02/2022
Stephen ShawNicolas Iturbide FranceCommercial Press QUALIFIED01/06/2022
Stephen ShawArvin Albares SpainChanay, Jeffrey A Esq QUALIFIED01/09/2022
Stephen ShawJennifer Amigon GermanyChanay, Jeffrey A Esq QUALIFIED01/08/2022
Stephen ShawDavid Darakjy ArgentinaMorlong Associates PROPOSAL01/19/2022
Xuxue FengRodrigues Campain GermanyFeltz Printing Service UNQUALIFIED12/26/2021
Xuxue FengKadeem Flosi RussiaChanay, Jeffrey A Esq NEGOTIATION01/01/2022
Xuxue FengAlejandro Perin GermanyDorl, James J Esq UNQUALIFIED01/14/2022
Xuxue FengAruna Figeroa RussiaChapman, Ross E Esq PROPOSAL01/11/2022
Xuxue FengKaitlin Ostrosky SpainTruhlar And Truhlar Attys NEGOTIATION12/28/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: