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 ElsnerFrancesco Shinko GermanyChanay, Jeffrey A Esq PROPOSAL06/04/2021
Amy ElsnerSinclair Waycott CanadaRangoni Of Florence NEGOTIATION06/05/2021
Amy ElsnerMayumi Kolmetz RussiaChanay, Jeffrey A Esq NEW06/06/2021
Amy ElsnerSalvatore Stockham BrazilRousseaux, Michael Esq NEW06/08/2021
Total Customers:4
Anna Fali
Anna FaliJennifer Amigon FranceMorlong Associates QUALIFIED06/09/2021
Anna FaliAlejandro Perin GermanyTruhlar And Truhlar Attys NEW06/07/2021
Total Customers:2
Asiya Javayant
Asiya JavayantFaith Gillian United KingdomBuckley Miller Wright UNQUALIFIED06/18/2021
Asiya JavayantJulie Stenseth GermanyChapman, Ross E Esq NEGOTIATION06/06/2021
Asiya JavayantFaith Gillian GermanyCommercial Press QUALIFIED06/11/2021
Asiya JavayantWickens Nestle GermanyChapman, Ross E Esq RENEWAL05/27/2021
Asiya JavayantJones Vocelka ArgentinaFeiner Bros RENEWAL06/09/2021
Asiya JavayantJulie Stenseth ArgentinaPrinting Dimensions QUALIFIED06/09/2021
Total Customers:6
Bernardo Dominic
Bernardo DominicRicardo Gaucho IndiaKing, Christopher A Esq NEW06/20/2021
Bernardo DominicLeja Caldarera FranceBenton, John B Jr NEGOTIATION05/26/2021
Bernardo DominicMurillo Malet United KingdomTruhlar And Truhlar Attys NEW06/02/2021
Bernardo DominicSilvio Slusarski FranceDorl, James J Esq QUALIFIED06/18/2021
Bernardo DominicArvin Albares ItalyTruhlar And Truhlar Attys RENEWAL06/18/2021
Total Customers:5
Elwin Sharvill
Elwin SharvillIvar Paprocki SpainMorlong Associates QUALIFIED06/03/2021
Elwin SharvillFrancesco Shinko United KingdomBenton, John B Jr QUALIFIED06/13/2021
Elwin SharvillMayumi Kolmetz JapanFeiner Bros NEW06/14/2021
Elwin SharvillTony Foller United KingdomKing, Christopher A Esq PROPOSAL06/08/2021
Total Customers:4
Ioni Bowcher
Ioni BowcherSilvio Slusarski RussiaRousseaux, Michael Esq RENEWAL05/30/2021
Ioni BowcherMaisha Rulapaugh ArgentinaKing, Christopher A Esq QUALIFIED05/31/2021
Ioni BowcherNicolas Iturbide IndiaPrinting Dimensions UNQUALIFIED05/29/2021
Ioni BowcherJeanfrancois Venere AustraliaPrinting Dimensions QUALIFIED05/30/2021
Ioni BowcherAshley Doe GermanyBuckley Miller Wright PROPOSAL05/26/2021
Ioni BowcherJefferson Schemmer ArgentinaTruhlar And Truhlar Attys NEW06/12/2021
Total Customers:6
Ivan Magalhaes
Ivan MagalhaesLeon Oldroyd IndiaRousseaux, Michael Esq PROPOSAL05/26/2021
Ivan MagalhaesSilvio Slusarski GermanyChanay, Jeffrey A Esq RENEWAL06/04/2021
Ivan MagalhaesCody Saylors ItalyKing, Christopher A Esq NEW06/15/2021
Ivan MagalhaesNicolas Iturbide IndiaKing, Christopher A Esq RENEWAL06/22/2021
Ivan MagalhaesMaria Marrier JapanChapman, Ross E Esq QUALIFIED06/06/2021
Ivan MagalhaesAditya Kusko AustraliaRangoni Of Florence NEGOTIATION06/21/2021
Total Customers:6
Onyama Limba
Onyama LimbaFrancesco Shinko ArgentinaMorlong Associates NEW05/31/2021
Onyama LimbaClifford Rim SpainMorlong Associates UNQUALIFIED06/14/2021
Onyama LimbaRodrigues Campain JapanKing, Christopher A Esq NEW06/10/2021
Onyama LimbaJeanfrancois Venere ItalyCommercial Press RENEWAL06/17/2021
Onyama LimbaJuan Wieser ArgentinaTruhlar And Truhlar Attys PROPOSAL05/26/2021
Total Customers:5
Stephen Shaw
Xuxue Feng
Xuxue FengMaria Marrier ItalyMorlong Associates PROPOSAL05/31/2021
Xuxue FengRicardo Gaucho SpainKing, Christopher A Esq PROPOSAL06/11/2021
Xuxue FengJulie Stenseth CanadaTruhlar And Truhlar Attys UNQUALIFIED06/01/2021
Xuxue FengLeon Oldroyd RussiaChanay, Jeffrey A Esq UNQUALIFIED06/16/2021
Xuxue FengCody Saylors JapanDorl, James J Esq NEGOTIATION06/05/2021
Xuxue FengMaisha Rulapaugh BrazilMorlong Associates RENEWAL06/06/2021
Xuxue FengFrancesco Shinko GermanyKing, Christopher A Esq NEW06/12/2021
Xuxue FengAruna Figeroa BrazilBenton, John B Jr QUALIFIED06/06/2021
Xuxue FengFaith Gillian RussiaFeltz Printing Service RENEWAL06/14/2021
Xuxue FengKadeem Flosi CanadaCommercial Press RENEWAL06/09/2021
Total Customers:10
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerFrancesco Shinko GermanyChanay, Jeffrey A Esq PROPOSAL06/04/2021
Amy ElsnerSinclair Waycott CanadaRangoni Of Florence NEGOTIATION06/05/2021
Amy ElsnerMayumi Kolmetz RussiaChanay, Jeffrey A Esq NEW06/06/2021
Amy ElsnerSalvatore Stockham BrazilRousseaux, Michael Esq NEW06/08/2021
Anna FaliJennifer Amigon FranceMorlong Associates QUALIFIED06/09/2021
Anna FaliAlejandro Perin GermanyTruhlar And Truhlar Attys NEW06/07/2021
Asiya JavayantFaith Gillian United KingdomBuckley Miller Wright UNQUALIFIED06/18/2021
Asiya JavayantJulie Stenseth GermanyChapman, Ross E Esq NEGOTIATION06/06/2021
Asiya JavayantFaith Gillian GermanyCommercial Press QUALIFIED06/11/2021
Asiya JavayantWickens Nestle GermanyChapman, Ross E Esq RENEWAL05/27/2021
Asiya JavayantJones Vocelka ArgentinaFeiner Bros RENEWAL06/09/2021
Asiya JavayantJulie Stenseth ArgentinaPrinting Dimensions QUALIFIED06/09/2021
Bernardo DominicRicardo Gaucho IndiaKing, Christopher A Esq NEW06/20/2021
Bernardo DominicLeja Caldarera FranceBenton, John B Jr NEGOTIATION05/26/2021
Bernardo DominicMurillo Malet United KingdomTruhlar And Truhlar Attys NEW06/02/2021
Bernardo DominicSilvio Slusarski FranceDorl, James J Esq QUALIFIED06/18/2021
Bernardo DominicArvin Albares ItalyTruhlar And Truhlar Attys RENEWAL06/18/2021
Elwin SharvillIvar Paprocki SpainMorlong Associates QUALIFIED06/03/2021
Elwin SharvillFrancesco Shinko United KingdomBenton, John B Jr QUALIFIED06/13/2021
Elwin SharvillMayumi Kolmetz JapanFeiner Bros NEW06/14/2021
Elwin SharvillTony Foller United KingdomKing, Christopher A Esq PROPOSAL06/08/2021
Ioni BowcherSilvio Slusarski RussiaRousseaux, Michael Esq RENEWAL05/30/2021
Ioni BowcherMaisha Rulapaugh ArgentinaKing, Christopher A Esq QUALIFIED05/31/2021
Ioni BowcherNicolas Iturbide IndiaPrinting Dimensions UNQUALIFIED05/29/2021
Ioni BowcherJeanfrancois Venere AustraliaPrinting Dimensions QUALIFIED05/30/2021
Ioni BowcherAshley Doe GermanyBuckley Miller Wright PROPOSAL05/26/2021
Ioni BowcherJefferson Schemmer ArgentinaTruhlar And Truhlar Attys NEW06/12/2021
Ivan MagalhaesLeon Oldroyd IndiaRousseaux, Michael Esq PROPOSAL05/26/2021
Ivan MagalhaesSilvio Slusarski GermanyChanay, Jeffrey A Esq RENEWAL06/04/2021
Ivan MagalhaesCody Saylors ItalyKing, Christopher A Esq NEW06/15/2021
Ivan MagalhaesNicolas Iturbide IndiaKing, Christopher A Esq RENEWAL06/22/2021
Ivan MagalhaesMaria Marrier JapanChapman, Ross E Esq QUALIFIED06/06/2021
Ivan MagalhaesAditya Kusko AustraliaRangoni Of Florence NEGOTIATION06/21/2021
Onyama LimbaFrancesco Shinko ArgentinaMorlong Associates NEW05/31/2021
Onyama LimbaClifford Rim SpainMorlong Associates UNQUALIFIED06/14/2021
Onyama LimbaRodrigues Campain JapanKing, Christopher A Esq NEW06/10/2021
Onyama LimbaJeanfrancois Venere ItalyCommercial Press RENEWAL06/17/2021
Onyama LimbaJuan Wieser ArgentinaTruhlar And Truhlar Attys PROPOSAL05/26/2021
Stephen ShawLeon Oldroyd CanadaFeltz Printing Service QUALIFIED05/31/2021
Stephen ShawMaria Marrier FranceBenton, John B Jr QUALIFIED05/25/2021
Xuxue FengMaria Marrier ItalyMorlong Associates PROPOSAL05/31/2021
Xuxue FengRicardo Gaucho SpainKing, Christopher A Esq PROPOSAL06/11/2021
Xuxue FengJulie Stenseth CanadaTruhlar And Truhlar Attys UNQUALIFIED06/01/2021
Xuxue FengLeon Oldroyd RussiaChanay, Jeffrey A Esq UNQUALIFIED06/16/2021
Xuxue FengCody Saylors JapanDorl, James J Esq NEGOTIATION06/05/2021
Xuxue FengMaisha Rulapaugh BrazilMorlong Associates RENEWAL06/06/2021
Xuxue FengFrancesco Shinko GermanyKing, Christopher A Esq NEW06/12/2021
Xuxue FengAruna Figeroa BrazilBenton, John B Jr QUALIFIED06/06/2021
Xuxue FengFaith Gillian RussiaFeltz Printing Service RENEWAL06/14/2021
Xuxue FengKadeem Flosi CanadaCommercial Press RENEWAL06/09/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>