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 ElsnerMaisha Rulapaugh FranceRousseaux, Michael Esq QUALIFIED01/04/2022
Amy ElsnerJames Butt United KingdomMorlong Associates NEGOTIATION12/30/2021
Amy ElsnerIzzy Garufi United KingdomRousseaux, Michael Esq NEGOTIATION01/03/2022
Amy ElsnerSinclair Waycott IndiaRangoni Of Florence NEGOTIATION01/25/2022
Amy ElsnerJennifer Amigon RussiaChanay, Jeffrey A Esq QUALIFIED01/08/2022
Total Customers:5
Anna Fali
Anna FaliJuan Wieser AustraliaMorlong Associates PROPOSAL01/25/2022
Anna FaliMaria Marrier ArgentinaFeiner Bros NEGOTIATION01/13/2022
Anna FaliCosta Dilliard IndiaBenton, John B Jr NEW01/11/2022
Total Customers:3
Asiya Javayant
Asiya JavayantSinclair Waycott GermanyChemel, James L Cpa QUALIFIED01/05/2022
Asiya JavayantSalvatore Stockham BrazilTruhlar And Truhlar Attys PROPOSAL12/31/2021
Asiya JavayantJefferson Schemmer BrazilRousseaux, Michael Esq NEW01/18/2022
Asiya JavayantStacey Maclead AustraliaPrinting Dimensions QUALIFIED01/10/2022
Asiya JavayantFrancesco Shinko United KingdomRangoni Of Florence QUALIFIED01/19/2022
Asiya JavayantJuan Wieser AustraliaBenton, John B Jr UNQUALIFIED01/04/2022
Asiya JavayantJames Butt ArgentinaChanay, Jeffrey A Esq NEW01/19/2022
Total Customers:7
Bernardo Dominic
Bernardo DominicDarci Poquette ArgentinaDorl, James J Esq NEGOTIATION01/12/2022
Bernardo DominicLeon Oldroyd SpainPrinting Dimensions RENEWAL01/22/2022
Bernardo DominicStacey Maclead ArgentinaChapman, Ross E Esq NEGOTIATION01/10/2022
Bernardo DominicMorrow Ruta AustraliaFeiner Bros NEW01/11/2022
Bernardo DominicJuan Wieser GermanyMorlong Associates RENEWAL12/31/2021
Bernardo DominicSmith Glick ItalyPrinting Dimensions NEGOTIATION01/12/2022
Bernardo DominicAditya Kusko ArgentinaRangoni Of Florence NEW01/27/2022
Bernardo DominicSilvio Slusarski JapanFeiner Bros UNQUALIFIED01/11/2022
Total Customers:8
Elwin Sharvill
Elwin SharvillClaire Tollner AustraliaChanay, Jeffrey A Esq RENEWAL01/19/2022
Elwin SharvillOctavia Malet ArgentinaRousseaux, Michael Esq RENEWAL01/20/2022
Elwin SharvillNicolas Iturbide United KingdomMorlong Associates NEW01/02/2022
Elwin SharvillGreenwood Bolognia IndiaBenton, John B Jr QUALIFIED01/25/2022
Elwin SharvillJennifer Amigon JapanRangoni Of Florence UNQUALIFIED12/31/2021
Elwin SharvillSilvio Slusarski FranceRousseaux, Michael Esq UNQUALIFIED12/31/2021
Total Customers:6
Ioni Bowcher
Ioni BowcherKaitlin Ostrosky ArgentinaPrinting Dimensions PROPOSAL01/06/2022
Ioni BowcherSilvio Slusarski AustraliaChapman, Ross E Esq QUALIFIED01/05/2022
Ioni BowcherNicolas Iturbide IndiaChemel, James L Cpa NEGOTIATION01/04/2022
Ioni BowcherOctavia Malet FranceFeiner Bros NEW01/02/2022
Ioni BowcherMaisha Rulapaugh AustraliaChanay, Jeffrey A Esq NEGOTIATION01/20/2022
Total Customers:5
Ivan Magalhaes
Ivan MagalhaesCosta Dilliard BrazilRangoni Of Florence NEW01/25/2022
Ivan MagalhaesSalvatore Stockham JapanRangoni Of Florence NEGOTIATION01/21/2022
Ivan MagalhaesKaitlin Ostrosky RussiaRousseaux, Michael Esq UNQUALIFIED01/01/2022
Ivan MagalhaesKadeem Flosi United KingdomPrinting Dimensions NEW12/31/2021
Ivan MagalhaesClifford Rim BrazilTruhlar And Truhlar Attys PROPOSAL12/31/2021
Total Customers:5
Onyama Limba
Onyama LimbaOctavia Malet BrazilFeiner Bros PROPOSAL01/27/2022
Onyama LimbaMorrow Ruta GermanyBenton, John B Jr UNQUALIFIED01/11/2022
Onyama LimbaFrancesco Shinko ItalyChanay, Jeffrey A Esq UNQUALIFIED01/07/2022
Onyama LimbaFrancesco Shinko United KingdomFeltz Printing Service PROPOSAL01/04/2022
Onyama LimbaGreenwood Bolognia SpainKing, Christopher A Esq UNQUALIFIED01/17/2022
Total Customers:5
Stephen Shaw
Xuxue Feng
Xuxue FengJefferson Schemmer GermanyBenton, John B Jr PROPOSAL01/09/2022
Xuxue FengChavez Briddick GermanyBuckley Miller Wright UNQUALIFIED01/07/2022
Xuxue FengMurillo Malet GermanyFeltz Printing Service QUALIFIED01/06/2022
Xuxue FengRodrigues Campain SpainBuckley Miller Wright UNQUALIFIED01/23/2022
Total Customers:4
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerMaisha Rulapaugh FranceRousseaux, Michael Esq QUALIFIED01/04/2022
Amy ElsnerJames Butt United KingdomMorlong Associates NEGOTIATION12/30/2021
Amy ElsnerIzzy Garufi United KingdomRousseaux, Michael Esq NEGOTIATION01/03/2022
Amy ElsnerSinclair Waycott IndiaRangoni Of Florence NEGOTIATION01/25/2022
Amy ElsnerJennifer Amigon RussiaChanay, Jeffrey A Esq QUALIFIED01/08/2022
Anna FaliJuan Wieser AustraliaMorlong Associates PROPOSAL01/25/2022
Anna FaliMaria Marrier ArgentinaFeiner Bros NEGOTIATION01/13/2022
Anna FaliCosta Dilliard IndiaBenton, John B Jr NEW01/11/2022
Asiya JavayantSinclair Waycott GermanyChemel, James L Cpa QUALIFIED01/05/2022
Asiya JavayantSalvatore Stockham BrazilTruhlar And Truhlar Attys PROPOSAL12/31/2021
Asiya JavayantJefferson Schemmer BrazilRousseaux, Michael Esq NEW01/18/2022
Asiya JavayantStacey Maclead AustraliaPrinting Dimensions QUALIFIED01/10/2022
Asiya JavayantFrancesco Shinko United KingdomRangoni Of Florence QUALIFIED01/19/2022
Asiya JavayantJuan Wieser AustraliaBenton, John B Jr UNQUALIFIED01/04/2022
Asiya JavayantJames Butt ArgentinaChanay, Jeffrey A Esq NEW01/19/2022
Bernardo DominicDarci Poquette ArgentinaDorl, James J Esq NEGOTIATION01/12/2022
Bernardo DominicLeon Oldroyd SpainPrinting Dimensions RENEWAL01/22/2022
Bernardo DominicStacey Maclead ArgentinaChapman, Ross E Esq NEGOTIATION01/10/2022
Bernardo DominicMorrow Ruta AustraliaFeiner Bros NEW01/11/2022
Bernardo DominicJuan Wieser GermanyMorlong Associates RENEWAL12/31/2021
Bernardo DominicSmith Glick ItalyPrinting Dimensions NEGOTIATION01/12/2022
Bernardo DominicAditya Kusko ArgentinaRangoni Of Florence NEW01/27/2022
Bernardo DominicSilvio Slusarski JapanFeiner Bros UNQUALIFIED01/11/2022
Elwin SharvillClaire Tollner AustraliaChanay, Jeffrey A Esq RENEWAL01/19/2022
Elwin SharvillOctavia Malet ArgentinaRousseaux, Michael Esq RENEWAL01/20/2022
Elwin SharvillNicolas Iturbide United KingdomMorlong Associates NEW01/02/2022
Elwin SharvillGreenwood Bolognia IndiaBenton, John B Jr QUALIFIED01/25/2022
Elwin SharvillJennifer Amigon JapanRangoni Of Florence UNQUALIFIED12/31/2021
Elwin SharvillSilvio Slusarski FranceRousseaux, Michael Esq UNQUALIFIED12/31/2021
Ioni BowcherKaitlin Ostrosky ArgentinaPrinting Dimensions PROPOSAL01/06/2022
Ioni BowcherSilvio Slusarski AustraliaChapman, Ross E Esq QUALIFIED01/05/2022
Ioni BowcherNicolas Iturbide IndiaChemel, James L Cpa NEGOTIATION01/04/2022
Ioni BowcherOctavia Malet FranceFeiner Bros NEW01/02/2022
Ioni BowcherMaisha Rulapaugh AustraliaChanay, Jeffrey A Esq NEGOTIATION01/20/2022
Ivan MagalhaesCosta Dilliard BrazilRangoni Of Florence NEW01/25/2022
Ivan MagalhaesSalvatore Stockham JapanRangoni Of Florence NEGOTIATION01/21/2022
Ivan MagalhaesKaitlin Ostrosky RussiaRousseaux, Michael Esq UNQUALIFIED01/01/2022
Ivan MagalhaesKadeem Flosi United KingdomPrinting Dimensions NEW12/31/2021
Ivan MagalhaesClifford Rim BrazilTruhlar And Truhlar Attys PROPOSAL12/31/2021
Onyama LimbaOctavia Malet BrazilFeiner Bros PROPOSAL01/27/2022
Onyama LimbaMorrow Ruta GermanyBenton, John B Jr UNQUALIFIED01/11/2022
Onyama LimbaFrancesco Shinko ItalyChanay, Jeffrey A Esq UNQUALIFIED01/07/2022
Onyama LimbaFrancesco Shinko United KingdomFeltz Printing Service PROPOSAL01/04/2022
Onyama LimbaGreenwood Bolognia SpainKing, Christopher A Esq UNQUALIFIED01/17/2022
Stephen ShawCosta Dilliard SpainBuckley Miller Wright RENEWAL01/21/2022
Stephen ShawMaisha Rulapaugh ArgentinaMorlong Associates UNQUALIFIED01/13/2022
Xuxue FengJefferson Schemmer GermanyBenton, John B Jr PROPOSAL01/09/2022
Xuxue FengChavez Briddick GermanyBuckley Miller Wright UNQUALIFIED01/07/2022
Xuxue FengMurillo Malet GermanyFeltz Printing Service QUALIFIED01/06/2022
Xuxue FengRodrigues Campain SpainBuckley Miller Wright UNQUALIFIED01/23/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: