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 ElsnerMorrow Ruta ArgentinaPrinting Dimensions RENEWAL01/07/2022
Total Customers:1
Anna Fali
Anna FaliClifford Rim ArgentinaTruhlar And Truhlar Attys PROPOSAL01/01/2022
Anna FaliKadeem Flosi SpainRousseaux, Michael Esq UNQUALIFIED01/23/2022
Anna FaliNicolas Iturbide United KingdomChanay, Jeffrey A Esq QUALIFIED01/02/2022
Anna FaliFaith Gillian ArgentinaBenton, John B Jr NEW01/12/2022
Anna FaliCosta Dilliard United KingdomRousseaux, Michael Esq RENEWAL01/06/2022
Total Customers:5
Asiya Javayant
Asiya JavayantAruna Figeroa United KingdomFeltz Printing Service RENEWAL01/12/2022
Asiya JavayantJefferson Schemmer GermanyKing, Christopher A Esq UNQUALIFIED12/31/2021
Asiya JavayantTony Foller GermanyChemel, James L Cpa RENEWAL12/29/2021
Asiya JavayantJennifer Amigon GermanyTruhlar And Truhlar Attys PROPOSAL01/05/2022
Asiya JavayantAshley Doe ArgentinaRousseaux, Michael Esq RENEWAL12/27/2021
Asiya JavayantSilvio Slusarski IndiaPrinting Dimensions PROPOSAL01/23/2022
Total Customers:6
Bernardo Dominic
Bernardo DominicAika Inouye GermanyBenton, John B Jr QUALIFIED01/14/2022
Bernardo DominicAditya Kusko RussiaKing, Christopher A Esq QUALIFIED01/18/2022
Bernardo DominicMayumi Kolmetz SpainFeltz Printing Service PROPOSAL01/01/2022
Bernardo DominicCody Saylors RussiaBenton, John B Jr NEGOTIATION01/19/2022
Total Customers:4
Elwin Sharvill
Elwin SharvillAshley Doe United KingdomChapman, Ross E Esq UNQUALIFIED01/10/2022
Elwin SharvillAlejandro Perin AustraliaRangoni Of Florence UNQUALIFIED01/15/2022
Elwin SharvillAntonio Caudy IndiaMorlong Associates NEGOTIATION01/06/2022
Elwin SharvillGreenwood Bolognia GermanyChemel, James L Cpa NEW01/18/2022
Elwin SharvillOctavia Malet GermanyRousseaux, Michael Esq QUALIFIED12/28/2021
Elwin SharvillClaire Tollner ItalyKing, Christopher A Esq NEGOTIATION12/30/2021
Elwin SharvillSilvio Slusarski ArgentinaChapman, Ross E Esq UNQUALIFIED01/21/2022
Elwin SharvillMayumi Kolmetz GermanyDorl, James J Esq NEW01/21/2022
Total Customers:8
Ioni Bowcher
Ioni BowcherMisaki Royster ArgentinaRangoni Of Florence QUALIFIED12/30/2021
Ioni BowcherMunro Ferencz RussiaPrinting Dimensions PROPOSAL01/07/2022
Total Customers:2
Ivan Magalhaes
Ivan MagalhaesJohnson Sergi United KingdomFeltz Printing Service QUALIFIED12/26/2021
Ivan MagalhaesJuan Wieser GermanyKing, Christopher A Esq RENEWAL12/29/2021
Ivan MagalhaesIvar Paprocki JapanRousseaux, Michael Esq RENEWAL12/26/2021
Ivan MagalhaesLeon Oldroyd ArgentinaBuckley Miller Wright RENEWAL01/08/2022
Ivan MagalhaesAdams Morasca GermanyChapman, Ross E Esq RENEWAL01/07/2022
Ivan MagalhaesJames Butt CanadaChemel, James L Cpa QUALIFIED01/07/2022
Ivan MagalhaesJohnson Sergi BrazilRousseaux, Michael Esq NEW12/29/2021
Ivan MagalhaesChavez Briddick IndiaRousseaux, Michael Esq PROPOSAL12/31/2021
Ivan MagalhaesCody Saylors BrazilTruhlar And Truhlar Attys NEGOTIATION01/11/2022
Ivan MagalhaesMorrow Ruta CanadaCommercial Press NEGOTIATION12/29/2021
Total Customers:10
Onyama Limba
Onyama LimbaOctavia Malet FranceChemel, James L Cpa NEW01/06/2022
Onyama LimbaMujtaba Nicka BrazilBuckley Miller Wright NEGOTIATION01/01/2022
Total Customers:2
Stephen Shaw
Xuxue Feng
Xuxue FengNicolas Iturbide GermanyChanay, Jeffrey A Esq PROPOSAL01/13/2022
Xuxue FengAlejandro Perin BrazilBuckley Miller Wright QUALIFIED01/23/2022
Xuxue FengIvar Paprocki FranceFeiner Bros RENEWAL12/31/2021
Xuxue FengKadeem Flosi ItalyPrinting Dimensions RENEWAL01/18/2022
Xuxue FengDavid Darakjy FranceTruhlar And Truhlar Attys NEGOTIATION01/16/2022
Total Customers:5
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerMorrow Ruta ArgentinaPrinting Dimensions RENEWAL01/07/2022
Anna FaliClifford Rim ArgentinaTruhlar And Truhlar Attys PROPOSAL01/01/2022
Anna FaliKadeem Flosi SpainRousseaux, Michael Esq UNQUALIFIED01/23/2022
Anna FaliNicolas Iturbide United KingdomChanay, Jeffrey A Esq QUALIFIED01/02/2022
Anna FaliFaith Gillian ArgentinaBenton, John B Jr NEW01/12/2022
Anna FaliCosta Dilliard United KingdomRousseaux, Michael Esq RENEWAL01/06/2022
Asiya JavayantAruna Figeroa United KingdomFeltz Printing Service RENEWAL01/12/2022
Asiya JavayantJefferson Schemmer GermanyKing, Christopher A Esq UNQUALIFIED12/31/2021
Asiya JavayantTony Foller GermanyChemel, James L Cpa RENEWAL12/29/2021
Asiya JavayantJennifer Amigon GermanyTruhlar And Truhlar Attys PROPOSAL01/05/2022
Asiya JavayantAshley Doe ArgentinaRousseaux, Michael Esq RENEWAL12/27/2021
Asiya JavayantSilvio Slusarski IndiaPrinting Dimensions PROPOSAL01/23/2022
Bernardo DominicAika Inouye GermanyBenton, John B Jr QUALIFIED01/14/2022
Bernardo DominicAditya Kusko RussiaKing, Christopher A Esq QUALIFIED01/18/2022
Bernardo DominicMayumi Kolmetz SpainFeltz Printing Service PROPOSAL01/01/2022
Bernardo DominicCody Saylors RussiaBenton, John B Jr NEGOTIATION01/19/2022
Elwin SharvillAshley Doe United KingdomChapman, Ross E Esq UNQUALIFIED01/10/2022
Elwin SharvillAlejandro Perin AustraliaRangoni Of Florence UNQUALIFIED01/15/2022
Elwin SharvillAntonio Caudy IndiaMorlong Associates NEGOTIATION01/06/2022
Elwin SharvillGreenwood Bolognia GermanyChemel, James L Cpa NEW01/18/2022
Elwin SharvillOctavia Malet GermanyRousseaux, Michael Esq QUALIFIED12/28/2021
Elwin SharvillClaire Tollner ItalyKing, Christopher A Esq NEGOTIATION12/30/2021
Elwin SharvillSilvio Slusarski ArgentinaChapman, Ross E Esq UNQUALIFIED01/21/2022
Elwin SharvillMayumi Kolmetz GermanyDorl, James J Esq NEW01/21/2022
Ioni BowcherMisaki Royster ArgentinaRangoni Of Florence QUALIFIED12/30/2021
Ioni BowcherMunro Ferencz RussiaPrinting Dimensions PROPOSAL01/07/2022
Ivan MagalhaesJohnson Sergi United KingdomFeltz Printing Service QUALIFIED12/26/2021
Ivan MagalhaesJuan Wieser GermanyKing, Christopher A Esq RENEWAL12/29/2021
Ivan MagalhaesIvar Paprocki JapanRousseaux, Michael Esq RENEWAL12/26/2021
Ivan MagalhaesLeon Oldroyd ArgentinaBuckley Miller Wright RENEWAL01/08/2022
Ivan MagalhaesAdams Morasca GermanyChapman, Ross E Esq RENEWAL01/07/2022
Ivan MagalhaesJames Butt CanadaChemel, James L Cpa QUALIFIED01/07/2022
Ivan MagalhaesJohnson Sergi BrazilRousseaux, Michael Esq NEW12/29/2021
Ivan MagalhaesChavez Briddick IndiaRousseaux, Michael Esq PROPOSAL12/31/2021
Ivan MagalhaesCody Saylors BrazilTruhlar And Truhlar Attys NEGOTIATION01/11/2022
Ivan MagalhaesMorrow Ruta CanadaCommercial Press NEGOTIATION12/29/2021
Onyama LimbaOctavia Malet FranceChemel, James L Cpa NEW01/06/2022
Onyama LimbaMujtaba Nicka BrazilBuckley Miller Wright NEGOTIATION01/01/2022
Stephen ShawMayumi Kolmetz SpainBuckley Miller Wright NEGOTIATION01/14/2022
Stephen ShawJeanfrancois Venere FranceRangoni Of Florence UNQUALIFIED12/29/2021
Stephen ShawIvar Paprocki BrazilMorlong Associates UNQUALIFIED01/13/2022
Stephen ShawAlejandro Perin GermanyBenton, John B Jr PROPOSAL01/22/2022
Stephen ShawIzzy Garufi SpainDorl, James J Esq NEW01/22/2022
Stephen ShawIvar Paprocki FrancePrinting Dimensions NEGOTIATION12/26/2021
Stephen ShawAlejandro Perin FrancePrinting Dimensions RENEWAL01/06/2022
Xuxue FengNicolas Iturbide GermanyChanay, Jeffrey A Esq PROPOSAL01/13/2022
Xuxue FengAlejandro Perin BrazilBuckley Miller Wright QUALIFIED01/23/2022
Xuxue FengIvar Paprocki FranceFeiner Bros RENEWAL12/31/2021
Xuxue FengKadeem Flosi ItalyPrinting Dimensions RENEWAL01/18/2022
Xuxue FengDavid Darakjy FranceTruhlar And Truhlar Attys NEGOTIATION01/16/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: