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 ElsnerClaire Tollner AustraliaPrinting Dimensions UNQUALIFIED03/30/2021
Amy ElsnerIvar Paprocki ItalyRangoni Of Florence RENEWAL03/15/2021
Amy ElsnerJones Vocelka United KingdomChanay, Jeffrey A Esq QUALIFIED03/31/2021
Amy ElsnerMayumi Kolmetz AustraliaBuckley Miller Wright NEGOTIATION04/06/2021
Amy ElsnerCosta Dilliard United KingdomTruhlar And Truhlar Attys RENEWAL04/02/2021
Amy ElsnerCosta Dilliard CanadaFeltz Printing Service NEW03/18/2021
Amy ElsnerSinclair Waycott ItalyPrinting Dimensions NEGOTIATION04/06/2021
Total Customers:7
Anna Fali
Anna FaliFrancesco Shinko ArgentinaFeltz Printing Service QUALIFIED04/04/2021
Anna FaliCosta Dilliard United KingdomMorlong Associates UNQUALIFIED03/23/2021
Anna FaliSinclair Waycott ArgentinaRangoni Of Florence NEGOTIATION04/05/2021
Anna FaliDeepesh Chui BrazilMorlong Associates QUALIFIED04/03/2021
Anna FaliJames Butt BrazilRousseaux, Michael Esq NEW04/10/2021
Total Customers:5
Asiya Javayant
Asiya JavayantMunro Ferencz ItalyCommercial Press NEGOTIATION04/10/2021
Asiya JavayantMorrow Ruta JapanKing, Christopher A Esq UNQUALIFIED04/08/2021
Asiya JavayantJames Butt ArgentinaFeiner Bros UNQUALIFIED04/06/2021
Asiya JavayantDarci Poquette JapanRousseaux, Michael Esq UNQUALIFIED03/16/2021
Asiya JavayantAika Inouye GermanyCommercial Press UNQUALIFIED04/06/2021
Asiya JavayantArvin Albares AustraliaBenton, John B Jr RENEWAL03/25/2021
Total Customers:6
Bernardo Dominic
Bernardo DominicIvar Paprocki ItalyChapman, Ross E Esq RENEWAL04/10/2021
Bernardo DominicNicolas Iturbide SpainKing, Christopher A Esq NEGOTIATION04/06/2021
Bernardo DominicJeanfrancois Venere GermanyChapman, Ross E Esq PROPOSAL03/14/2021
Bernardo DominicStacey Maclead ItalyPrinting Dimensions NEW04/05/2021
Bernardo DominicSinclair Waycott JapanRangoni Of Florence NEGOTIATION03/27/2021
Bernardo DominicLeon Oldroyd United KingdomRousseaux, Michael Esq NEGOTIATION03/17/2021
Total Customers:6
Elwin Sharvill
Elwin SharvillMujtaba Nicka ArgentinaFeiner Bros UNQUALIFIED04/11/2021
Elwin SharvillFaith Gillian United KingdomKing, Christopher A Esq QUALIFIED04/09/2021
Elwin SharvillSalvatore Stockham IndiaBuckley Miller Wright UNQUALIFIED03/24/2021
Elwin SharvillClaire Tollner CanadaBenton, John B Jr PROPOSAL03/22/2021
Elwin SharvillIsabel Bowley AustraliaFeiner Bros RENEWAL03/18/2021
Elwin SharvillCody Saylors JapanPrinting Dimensions UNQUALIFIED03/27/2021
Elwin SharvillKaitlin Ostrosky BrazilChanay, Jeffrey A Esq RENEWAL03/20/2021
Elwin SharvillTony Foller IndiaTruhlar And Truhlar Attys NEW03/30/2021
Elwin SharvillStacey Maclead ArgentinaFeltz Printing Service RENEWAL04/02/2021
Elwin SharvillRicardo Gaucho AustraliaMorlong Associates RENEWAL03/27/2021
Total Customers:10
Ioni Bowcher
Ioni BowcherCody Saylors ItalyBenton, John B Jr QUALIFIED04/09/2021
Ioni BowcherGreenwood Bolognia AustraliaChapman, Ross E Esq QUALIFIED04/09/2021
Ioni BowcherKaitlin Ostrosky RussiaKing, Christopher A Esq PROPOSAL03/21/2021
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesIvar Paprocki SpainRangoni Of Florence NEGOTIATION03/22/2021
Ivan MagalhaesJulie Stenseth GermanyBenton, John B Jr PROPOSAL03/15/2021
Ivan MagalhaesIzzy Garufi RussiaChapman, Ross E Esq PROPOSAL04/10/2021
Total Customers:3
Onyama Limba
Onyama LimbaAntonio Caudy IndiaFeiner Bros NEGOTIATION03/17/2021
Onyama LimbaAika Inouye AustraliaChapman, Ross E Esq NEGOTIATION04/09/2021
Total Customers:2
Stephen Shaw
Xuxue Feng
Xuxue FengLeon Oldroyd FranceDorl, James J Esq NEGOTIATION03/19/2021
Xuxue FengDavid Darakjy SpainCommercial Press RENEWAL03/22/2021
Xuxue FengMurillo Malet SpainMorlong Associates PROPOSAL04/12/2021
Xuxue FengAlejandro Perin AustraliaPrinting Dimensions QUALIFIED04/01/2021
Xuxue FengWickens Nestle CanadaFeiner Bros QUALIFIED03/24/2021
Xuxue FengAshley Doe RussiaCommercial Press NEGOTIATION04/04/2021
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerClaire Tollner AustraliaPrinting Dimensions UNQUALIFIED03/30/2021
Amy ElsnerIvar Paprocki ItalyRangoni Of Florence RENEWAL03/15/2021
Amy ElsnerJones Vocelka United KingdomChanay, Jeffrey A Esq QUALIFIED03/31/2021
Amy ElsnerMayumi Kolmetz AustraliaBuckley Miller Wright NEGOTIATION04/06/2021
Amy ElsnerCosta Dilliard United KingdomTruhlar And Truhlar Attys RENEWAL04/02/2021
Amy ElsnerCosta Dilliard CanadaFeltz Printing Service NEW03/18/2021
Amy ElsnerSinclair Waycott ItalyPrinting Dimensions NEGOTIATION04/06/2021
Anna FaliFrancesco Shinko ArgentinaFeltz Printing Service QUALIFIED04/04/2021
Anna FaliCosta Dilliard United KingdomMorlong Associates UNQUALIFIED03/23/2021
Anna FaliSinclair Waycott ArgentinaRangoni Of Florence NEGOTIATION04/05/2021
Anna FaliDeepesh Chui BrazilMorlong Associates QUALIFIED04/03/2021
Anna FaliJames Butt BrazilRousseaux, Michael Esq NEW04/10/2021
Asiya JavayantMunro Ferencz ItalyCommercial Press NEGOTIATION04/10/2021
Asiya JavayantMorrow Ruta JapanKing, Christopher A Esq UNQUALIFIED04/08/2021
Asiya JavayantJames Butt ArgentinaFeiner Bros UNQUALIFIED04/06/2021
Asiya JavayantDarci Poquette JapanRousseaux, Michael Esq UNQUALIFIED03/16/2021
Asiya JavayantAika Inouye GermanyCommercial Press UNQUALIFIED04/06/2021
Asiya JavayantArvin Albares AustraliaBenton, John B Jr RENEWAL03/25/2021
Bernardo DominicIvar Paprocki ItalyChapman, Ross E Esq RENEWAL04/10/2021
Bernardo DominicNicolas Iturbide SpainKing, Christopher A Esq NEGOTIATION04/06/2021
Bernardo DominicJeanfrancois Venere GermanyChapman, Ross E Esq PROPOSAL03/14/2021
Bernardo DominicStacey Maclead ItalyPrinting Dimensions NEW04/05/2021
Bernardo DominicSinclair Waycott JapanRangoni Of Florence NEGOTIATION03/27/2021
Bernardo DominicLeon Oldroyd United KingdomRousseaux, Michael Esq NEGOTIATION03/17/2021
Elwin SharvillMujtaba Nicka ArgentinaFeiner Bros UNQUALIFIED04/11/2021
Elwin SharvillFaith Gillian United KingdomKing, Christopher A Esq QUALIFIED04/09/2021
Elwin SharvillSalvatore Stockham IndiaBuckley Miller Wright UNQUALIFIED03/24/2021
Elwin SharvillClaire Tollner CanadaBenton, John B Jr PROPOSAL03/22/2021
Elwin SharvillIsabel Bowley AustraliaFeiner Bros RENEWAL03/18/2021
Elwin SharvillCody Saylors JapanPrinting Dimensions UNQUALIFIED03/27/2021
Elwin SharvillKaitlin Ostrosky BrazilChanay, Jeffrey A Esq RENEWAL03/20/2021
Elwin SharvillTony Foller IndiaTruhlar And Truhlar Attys NEW03/30/2021
Elwin SharvillStacey Maclead ArgentinaFeltz Printing Service RENEWAL04/02/2021
Elwin SharvillRicardo Gaucho AustraliaMorlong Associates RENEWAL03/27/2021
Ioni BowcherCody Saylors ItalyBenton, John B Jr QUALIFIED04/09/2021
Ioni BowcherGreenwood Bolognia AustraliaChapman, Ross E Esq QUALIFIED04/09/2021
Ioni BowcherKaitlin Ostrosky RussiaKing, Christopher A Esq PROPOSAL03/21/2021
Ivan MagalhaesIvar Paprocki SpainRangoni Of Florence NEGOTIATION03/22/2021
Ivan MagalhaesJulie Stenseth GermanyBenton, John B Jr PROPOSAL03/15/2021
Ivan MagalhaesIzzy Garufi RussiaChapman, Ross E Esq PROPOSAL04/10/2021
Onyama LimbaAntonio Caudy IndiaFeiner Bros NEGOTIATION03/17/2021
Onyama LimbaAika Inouye AustraliaChapman, Ross E Esq NEGOTIATION04/09/2021
Stephen ShawSalvatore Stockham GermanyChanay, Jeffrey A Esq RENEWAL04/01/2021
Stephen ShawAditya Kusko ItalyTruhlar And Truhlar Attys QUALIFIED03/21/2021
Xuxue FengLeon Oldroyd FranceDorl, James J Esq NEGOTIATION03/19/2021
Xuxue FengDavid Darakjy SpainCommercial Press RENEWAL03/22/2021
Xuxue FengMurillo Malet SpainMorlong Associates PROPOSAL04/12/2021
Xuxue FengAlejandro Perin AustraliaPrinting Dimensions QUALIFIED04/01/2021
Xuxue FengWickens Nestle CanadaFeiner Bros QUALIFIED03/24/2021
Xuxue FengAshley Doe RussiaCommercial Press NEGOTIATION04/04/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>