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 JapanFeiner Bros PROPOSAL12/01/2021
Amy ElsnerAshley Doe ItalyTruhlar And Truhlar Attys PROPOSAL11/13/2021
Amy ElsnerIsabel Bowley IndiaBuckley Miller Wright NEW11/13/2021
Amy ElsnerNicolas Iturbide IndiaBuckley Miller Wright PROPOSAL11/16/2021
Amy ElsnerAika Inouye RussiaPrinting Dimensions PROPOSAL11/25/2021
Total Customers:5
Anna Fali
Anna FaliAntonio Caudy CanadaFeiner Bros UNQUALIFIED11/15/2021
Anna FaliIvar Paprocki United KingdomPrinting Dimensions NEGOTIATION12/04/2021
Anna FaliRicardo Gaucho RussiaFeltz Printing Service PROPOSAL11/11/2021
Anna FaliAntonio Caudy SpainChapman, Ross E Esq NEGOTIATION11/10/2021
Total Customers:4
Asiya Javayant
Asiya JavayantMorrow Ruta FranceFeiner Bros RENEWAL11/20/2021
Asiya JavayantMujtaba Nicka ArgentinaChemel, James L Cpa PROPOSAL11/25/2021
Asiya JavayantWickens Nestle RussiaFeiner Bros RENEWAL12/02/2021
Asiya JavayantSalvatore Stockham ArgentinaMorlong Associates RENEWAL12/05/2021
Asiya JavayantAdams Morasca FranceChapman, Ross E Esq QUALIFIED11/11/2021
Asiya JavayantJuan Wieser United KingdomPrinting Dimensions RENEWAL11/20/2021
Asiya JavayantFaith Gillian JapanChemel, James L Cpa RENEWAL11/25/2021
Total Customers:7
Bernardo Dominic
Bernardo DominicClaire Tollner FranceKing, Christopher A Esq NEGOTIATION11/27/2021
Bernardo DominicDarci Poquette United KingdomKing, Christopher A Esq NEW11/11/2021
Total Customers:2
Elwin Sharvill
Elwin SharvillAika Inouye GermanyBuckley Miller Wright UNQUALIFIED11/18/2021
Elwin SharvillSmith Glick FranceChemel, James L Cpa QUALIFIED11/17/2021
Elwin SharvillSilvio Slusarski SpainMorlong Associates NEW11/09/2021
Elwin SharvillDavid Darakjy BrazilChemel, James L Cpa NEGOTIATION11/11/2021
Elwin SharvillIvar Paprocki IndiaChapman, Ross E Esq NEW11/08/2021
Total Customers:5
Ioni Bowcher
Ioni BowcherLeon Oldroyd IndiaPrinting Dimensions QUALIFIED11/15/2021
Ioni BowcherAlejandro Perin United KingdomMorlong Associates PROPOSAL11/18/2021
Ioni BowcherAika Inouye United KingdomFeiner Bros UNQUALIFIED12/01/2021
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesSalvatore Stockham AustraliaDorl, James J Esq PROPOSAL11/30/2021
Ivan MagalhaesWickens Nestle BrazilFeiner Bros NEGOTIATION11/20/2021
Ivan MagalhaesAditya Kusko IndiaDorl, James J Esq RENEWAL11/21/2021
Ivan MagalhaesNicolas Iturbide BrazilBenton, John B Jr NEGOTIATION11/18/2021
Ivan MagalhaesJennifer Amigon RussiaDorl, James J Esq RENEWAL11/13/2021
Ivan MagalhaesAdams Morasca RussiaBuckley Miller Wright RENEWAL12/03/2021
Ivan MagalhaesNicolas Iturbide ArgentinaKing, Christopher A Esq QUALIFIED11/26/2021
Ivan MagalhaesAruna Figeroa RussiaChemel, James L Cpa PROPOSAL11/16/2021
Total Customers:8
Onyama Limba
Onyama LimbaEmily Whobrey GermanyChanay, Jeffrey A Esq NEGOTIATION12/03/2021
Onyama LimbaLeja Caldarera SpainKing, Christopher A Esq UNQUALIFIED11/19/2021
Onyama LimbaJulie Stenseth RussiaChapman, Ross E Esq UNQUALIFIED11/18/2021
Onyama LimbaLeja Caldarera RussiaBuckley Miller Wright PROPOSAL11/09/2021
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengTony Foller CanadaChapman, Ross E Esq NEGOTIATION11/17/2021
Xuxue FengMisaki Royster United KingdomChemel, James L Cpa NEW11/06/2021
Xuxue FengAntonio Caudy FranceTruhlar And Truhlar Attys NEGOTIATION11/13/2021
Total Customers:3
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerMaisha Rulapaugh JapanFeiner Bros PROPOSAL12/01/2021
Amy ElsnerAshley Doe ItalyTruhlar And Truhlar Attys PROPOSAL11/13/2021
Amy ElsnerIsabel Bowley IndiaBuckley Miller Wright NEW11/13/2021
Amy ElsnerNicolas Iturbide IndiaBuckley Miller Wright PROPOSAL11/16/2021
Amy ElsnerAika Inouye RussiaPrinting Dimensions PROPOSAL11/25/2021
Anna FaliAntonio Caudy CanadaFeiner Bros UNQUALIFIED11/15/2021
Anna FaliIvar Paprocki United KingdomPrinting Dimensions NEGOTIATION12/04/2021
Anna FaliRicardo Gaucho RussiaFeltz Printing Service PROPOSAL11/11/2021
Anna FaliAntonio Caudy SpainChapman, Ross E Esq NEGOTIATION11/10/2021
Asiya JavayantMorrow Ruta FranceFeiner Bros RENEWAL11/20/2021
Asiya JavayantMujtaba Nicka ArgentinaChemel, James L Cpa PROPOSAL11/25/2021
Asiya JavayantWickens Nestle RussiaFeiner Bros RENEWAL12/02/2021
Asiya JavayantSalvatore Stockham ArgentinaMorlong Associates RENEWAL12/05/2021
Asiya JavayantAdams Morasca FranceChapman, Ross E Esq QUALIFIED11/11/2021
Asiya JavayantJuan Wieser United KingdomPrinting Dimensions RENEWAL11/20/2021
Asiya JavayantFaith Gillian JapanChemel, James L Cpa RENEWAL11/25/2021
Bernardo DominicClaire Tollner FranceKing, Christopher A Esq NEGOTIATION11/27/2021
Bernardo DominicDarci Poquette United KingdomKing, Christopher A Esq NEW11/11/2021
Elwin SharvillAika Inouye GermanyBuckley Miller Wright UNQUALIFIED11/18/2021
Elwin SharvillSmith Glick FranceChemel, James L Cpa QUALIFIED11/17/2021
Elwin SharvillSilvio Slusarski SpainMorlong Associates NEW11/09/2021
Elwin SharvillDavid Darakjy BrazilChemel, James L Cpa NEGOTIATION11/11/2021
Elwin SharvillIvar Paprocki IndiaChapman, Ross E Esq NEW11/08/2021
Ioni BowcherLeon Oldroyd IndiaPrinting Dimensions QUALIFIED11/15/2021
Ioni BowcherAlejandro Perin United KingdomMorlong Associates PROPOSAL11/18/2021
Ioni BowcherAika Inouye United KingdomFeiner Bros UNQUALIFIED12/01/2021
Ivan MagalhaesSalvatore Stockham AustraliaDorl, James J Esq PROPOSAL11/30/2021
Ivan MagalhaesWickens Nestle BrazilFeiner Bros NEGOTIATION11/20/2021
Ivan MagalhaesAditya Kusko IndiaDorl, James J Esq RENEWAL11/21/2021
Ivan MagalhaesNicolas Iturbide BrazilBenton, John B Jr NEGOTIATION11/18/2021
Ivan MagalhaesJennifer Amigon RussiaDorl, James J Esq RENEWAL11/13/2021
Ivan MagalhaesAdams Morasca RussiaBuckley Miller Wright RENEWAL12/03/2021
Ivan MagalhaesNicolas Iturbide ArgentinaKing, Christopher A Esq QUALIFIED11/26/2021
Ivan MagalhaesAruna Figeroa RussiaChemel, James L Cpa PROPOSAL11/16/2021
Onyama LimbaEmily Whobrey GermanyChanay, Jeffrey A Esq NEGOTIATION12/03/2021
Onyama LimbaLeja Caldarera SpainKing, Christopher A Esq UNQUALIFIED11/19/2021
Onyama LimbaJulie Stenseth RussiaChapman, Ross E Esq UNQUALIFIED11/18/2021
Onyama LimbaLeja Caldarera RussiaBuckley Miller Wright PROPOSAL11/09/2021
Stephen ShawAika Inouye BrazilDorl, James J Esq NEW11/24/2021
Stephen ShawAruna Figeroa IndiaDorl, James J Esq RENEWAL11/24/2021
Stephen ShawJohnson Sergi GermanyRangoni Of Florence NEW11/12/2021
Stephen ShawAika Inouye RussiaCommercial Press RENEWAL11/23/2021
Stephen ShawIvar Paprocki ArgentinaTruhlar And Truhlar Attys QUALIFIED11/12/2021
Stephen ShawDeepesh Chui United KingdomKing, Christopher A Esq NEGOTIATION11/11/2021
Stephen ShawJones Vocelka SpainTruhlar And Truhlar Attys PROPOSAL11/26/2021
Stephen ShawDarci Poquette IndiaKing, Christopher A Esq NEW11/29/2021
Stephen ShawOctavia Malet JapanRangoni Of Florence QUALIFIED11/25/2021
Xuxue FengTony Foller CanadaChapman, Ross E Esq NEGOTIATION11/17/2021
Xuxue FengMisaki Royster United KingdomChemel, James L Cpa NEW11/06/2021
Xuxue FengAntonio Caudy FranceTruhlar And Truhlar Attys NEGOTIATION11/13/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: