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.

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 ElsnerCosta Dilliard IndiaChemel, James L Cpa RENEWAL05/18/2021
Amy ElsnerFaith Gillian AustraliaRangoni Of Florence UNQUALIFIED05/14/2021
Amy ElsnerDarci Poquette United KingdomKing, Christopher A Esq UNQUALIFIED06/01/2021
Amy ElsnerRicardo Gaucho IndiaChapman, Ross E Esq NEW05/21/2021
Amy ElsnerJulie Stenseth IndiaTruhlar And Truhlar Attys RENEWAL05/19/2021
Amy ElsnerArvin Albares United KingdomCommercial Press QUALIFIED05/25/2021
Total Customers:6
Anna Fali
Anna FaliAdams Morasca CanadaPrinting Dimensions RENEWAL06/08/2021
Anna FaliRodrigues Campain BrazilChanay, Jeffrey A Esq RENEWAL05/25/2021
Anna FaliRicardo Gaucho FranceBuckley Miller Wright QUALIFIED05/20/2021
Anna FaliMorrow Ruta FranceDorl, James J Esq NEGOTIATION05/27/2021
Total Customers:4
Asiya Javayant
Asiya JavayantSilvio Slusarski SpainBenton, John B Jr RENEWAL05/28/2021
Asiya JavayantAlejandro Perin FranceChapman, Ross E Esq RENEWAL06/11/2021
Asiya JavayantLeja Caldarera CanadaFeltz Printing Service NEW05/15/2021
Asiya JavayantCody Saylors ItalyRousseaux, Michael Esq PROPOSAL05/17/2021
Total Customers:4
Bernardo Dominic
Bernardo DominicEmily Whobrey United KingdomRangoni Of Florence NEW05/26/2021
Bernardo DominicRodrigues Campain United KingdomTruhlar And Truhlar Attys PROPOSAL05/18/2021
Bernardo DominicOctavia Malet United KingdomFeltz Printing Service NEW05/18/2021
Bernardo DominicSilvio Slusarski RussiaKing, Christopher A Esq UNQUALIFIED06/03/2021
Bernardo DominicAntonio Caudy AustraliaChapman, Ross E Esq QUALIFIED05/25/2021
Bernardo DominicJefferson Schemmer RussiaChemel, James L Cpa NEW06/03/2021
Bernardo DominicFaith Gillian ItalyRangoni Of Florence PROPOSAL05/19/2021
Bernardo DominicAlejandro Perin IndiaChemel, James L Cpa QUALIFIED05/15/2021
Total Customers:8
Elwin Sharvill
Elwin SharvillEmily Whobrey GermanyMorlong Associates RENEWAL06/06/2021
Elwin SharvillClaire Tollner BrazilBenton, John B Jr PROPOSAL06/08/2021
Elwin SharvillAika Inouye SpainTruhlar And Truhlar Attys UNQUALIFIED05/21/2021
Elwin SharvillNicolas Iturbide IndiaChanay, Jeffrey A Esq RENEWAL06/08/2021
Total Customers:4
Ioni Bowcher
Ioni BowcherAntonio Caudy FranceChanay, Jeffrey A Esq NEGOTIATION05/18/2021
Ioni BowcherAditya Kusko IndiaRangoni Of Florence NEGOTIATION06/04/2021
Ioni BowcherAntonio Caudy BrazilTruhlar And Truhlar Attys UNQUALIFIED06/09/2021
Ioni BowcherMaisha Rulapaugh SpainDorl, James J Esq PROPOSAL05/28/2021
Ioni BowcherSinclair Waycott ItalyChemel, James L Cpa NEGOTIATION05/30/2021
Total Customers:5
Ivan Magalhaes
Ivan MagalhaesOctavia Malet CanadaFeiner Bros PROPOSAL05/20/2021
Ivan MagalhaesAshley Doe ArgentinaRangoni Of Florence NEGOTIATION05/24/2021
Ivan MagalhaesMaisha Rulapaugh BrazilRangoni Of Florence PROPOSAL05/14/2021
Ivan MagalhaesJulie Stenseth IndiaFeiner Bros QUALIFIED06/01/2021
Ivan MagalhaesWickens Nestle JapanMorlong Associates NEW06/02/2021
Ivan MagalhaesOctavia Malet SpainCommercial Press NEGOTIATION05/23/2021
Total Customers:6
Onyama Limba
Onyama LimbaMunro Ferencz GermanyPrinting Dimensions QUALIFIED06/12/2021
Onyama LimbaAditya Kusko ItalyBuckley Miller Wright NEGOTIATION05/14/2021
Onyama LimbaAika Inouye ArgentinaChanay, Jeffrey A Esq UNQUALIFIED06/10/2021
Onyama LimbaJohnson Sergi SpainRangoni Of Florence NEGOTIATION06/06/2021
Onyama LimbaMunro Ferencz United KingdomRousseaux, Michael Esq NEW05/31/2021
Total Customers:5
Stephen Shaw
Xuxue Feng
Xuxue FengAika Inouye ArgentinaFeltz Printing Service NEGOTIATION05/21/2021
Xuxue FengIzzy Garufi ArgentinaRousseaux, Michael Esq RENEWAL06/12/2021
Xuxue FengAdams Morasca CanadaDorl, James J Esq NEGOTIATION05/21/2021
Xuxue FengSinclair Waycott FranceRousseaux, Michael Esq NEGOTIATION05/30/2021
Total Customers:4
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerCosta Dilliard IndiaChemel, James L Cpa RENEWAL05/18/2021
Amy ElsnerFaith Gillian AustraliaRangoni Of Florence UNQUALIFIED05/14/2021
Amy ElsnerDarci Poquette United KingdomKing, Christopher A Esq UNQUALIFIED06/01/2021
Amy ElsnerRicardo Gaucho IndiaChapman, Ross E Esq NEW05/21/2021
Amy ElsnerJulie Stenseth IndiaTruhlar And Truhlar Attys RENEWAL05/19/2021
Amy ElsnerArvin Albares United KingdomCommercial Press QUALIFIED05/25/2021
Anna FaliAdams Morasca CanadaPrinting Dimensions RENEWAL06/08/2021
Anna FaliRodrigues Campain BrazilChanay, Jeffrey A Esq RENEWAL05/25/2021
Anna FaliRicardo Gaucho FranceBuckley Miller Wright QUALIFIED05/20/2021
Anna FaliMorrow Ruta FranceDorl, James J Esq NEGOTIATION05/27/2021
Asiya JavayantSilvio Slusarski SpainBenton, John B Jr RENEWAL05/28/2021
Asiya JavayantAlejandro Perin FranceChapman, Ross E Esq RENEWAL06/11/2021
Asiya JavayantLeja Caldarera CanadaFeltz Printing Service NEW05/15/2021
Asiya JavayantCody Saylors ItalyRousseaux, Michael Esq PROPOSAL05/17/2021
Bernardo DominicEmily Whobrey United KingdomRangoni Of Florence NEW05/26/2021
Bernardo DominicRodrigues Campain United KingdomTruhlar And Truhlar Attys PROPOSAL05/18/2021
Bernardo DominicOctavia Malet United KingdomFeltz Printing Service NEW05/18/2021
Bernardo DominicSilvio Slusarski RussiaKing, Christopher A Esq UNQUALIFIED06/03/2021
Bernardo DominicAntonio Caudy AustraliaChapman, Ross E Esq QUALIFIED05/25/2021
Bernardo DominicJefferson Schemmer RussiaChemel, James L Cpa NEW06/03/2021
Bernardo DominicFaith Gillian ItalyRangoni Of Florence PROPOSAL05/19/2021
Bernardo DominicAlejandro Perin IndiaChemel, James L Cpa QUALIFIED05/15/2021
Elwin SharvillEmily Whobrey GermanyMorlong Associates RENEWAL06/06/2021
Elwin SharvillClaire Tollner BrazilBenton, John B Jr PROPOSAL06/08/2021
Elwin SharvillAika Inouye SpainTruhlar And Truhlar Attys UNQUALIFIED05/21/2021
Elwin SharvillNicolas Iturbide IndiaChanay, Jeffrey A Esq RENEWAL06/08/2021
Ioni BowcherAntonio Caudy FranceChanay, Jeffrey A Esq NEGOTIATION05/18/2021
Ioni BowcherAditya Kusko IndiaRangoni Of Florence NEGOTIATION06/04/2021
Ioni BowcherAntonio Caudy BrazilTruhlar And Truhlar Attys UNQUALIFIED06/09/2021
Ioni BowcherMaisha Rulapaugh SpainDorl, James J Esq PROPOSAL05/28/2021
Ioni BowcherSinclair Waycott ItalyChemel, James L Cpa NEGOTIATION05/30/2021
Ivan MagalhaesOctavia Malet CanadaFeiner Bros PROPOSAL05/20/2021
Ivan MagalhaesAshley Doe ArgentinaRangoni Of Florence NEGOTIATION05/24/2021
Ivan MagalhaesMaisha Rulapaugh BrazilRangoni Of Florence PROPOSAL05/14/2021
Ivan MagalhaesJulie Stenseth IndiaFeiner Bros QUALIFIED06/01/2021
Ivan MagalhaesWickens Nestle JapanMorlong Associates NEW06/02/2021
Ivan MagalhaesOctavia Malet SpainCommercial Press NEGOTIATION05/23/2021
Onyama LimbaMunro Ferencz GermanyPrinting Dimensions QUALIFIED06/12/2021
Onyama LimbaAditya Kusko ItalyBuckley Miller Wright NEGOTIATION05/14/2021
Onyama LimbaAika Inouye ArgentinaChanay, Jeffrey A Esq UNQUALIFIED06/10/2021
Onyama LimbaJohnson Sergi SpainRangoni Of Florence NEGOTIATION06/06/2021
Onyama LimbaMunro Ferencz United KingdomRousseaux, Michael Esq NEW05/31/2021
Stephen ShawRicardo Gaucho ArgentinaTruhlar And Truhlar Attys PROPOSAL06/02/2021
Stephen ShawMaisha Rulapaugh RussiaChapman, Ross E Esq PROPOSAL06/06/2021
Stephen ShawEmily Whobrey RussiaChapman, Ross E Esq RENEWAL06/02/2021
Stephen ShawFaith Gillian JapanChapman, Ross E Esq NEGOTIATION06/02/2021
Xuxue FengAika Inouye ArgentinaFeltz Printing Service NEGOTIATION05/21/2021
Xuxue FengIzzy Garufi ArgentinaRousseaux, Michael Esq RENEWAL06/12/2021
Xuxue FengAdams Morasca CanadaDorl, James J Esq NEGOTIATION05/21/2021
Xuxue FengSinclair Waycott FranceRousseaux, Michael Esq NEGOTIATION05/30/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>