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 ElsnerIsabel Bowley BrazilPrinting Dimensions QUALIFIED06/09/2021
Amy ElsnerFaith Gillian United KingdomBuckley Miller Wright NEW06/17/2021
Amy ElsnerIsabel Bowley RussiaFeltz Printing Service QUALIFIED05/28/2021
Amy ElsnerMisaki Royster ArgentinaBenton, John B Jr UNQUALIFIED06/19/2021
Amy ElsnerSmith Glick RussiaTruhlar And Truhlar Attys UNQUALIFIED06/09/2021
Amy ElsnerMurillo Malet BrazilChemel, James L Cpa NEW06/23/2021
Amy ElsnerMisaki Royster FranceChapman, Ross E Esq QUALIFIED05/28/2021
Amy ElsnerJefferson Schemmer IndiaKing, Christopher A Esq QUALIFIED06/21/2021
Total Customers:8
Anna Fali
Anna FaliJulie Stenseth SpainFeiner Bros RENEWAL06/13/2021
Anna FaliMaisha Rulapaugh CanadaKing, Christopher A Esq RENEWAL05/26/2021
Total Customers:2
Asiya Javayant
Asiya JavayantCody Saylors ArgentinaCommercial Press PROPOSAL06/01/2021
Asiya JavayantKadeem Flosi SpainChemel, James L Cpa RENEWAL06/06/2021
Asiya JavayantCosta Dilliard JapanRangoni Of Florence PROPOSAL06/02/2021
Asiya JavayantJames Butt United KingdomRousseaux, Michael Esq NEGOTIATION06/02/2021
Asiya JavayantRodrigues Campain FranceFeltz Printing Service UNQUALIFIED06/01/2021
Asiya JavayantStacey Maclead CanadaDorl, James J Esq UNQUALIFIED05/25/2021
Asiya JavayantAruna Figeroa SpainMorlong Associates RENEWAL06/19/2021
Asiya JavayantJennifer Amigon JapanRousseaux, Michael Esq QUALIFIED06/07/2021
Total Customers:8
Bernardo Dominic
Bernardo DominicGreenwood Bolognia BrazilMorlong Associates RENEWAL06/19/2021
Bernardo DominicRicardo Gaucho United KingdomFeltz Printing Service RENEWAL06/03/2021
Bernardo DominicChavez Briddick RussiaRousseaux, Michael Esq UNQUALIFIED06/10/2021
Total Customers:3
Elwin Sharvill
Elwin SharvillJames Butt IndiaChemel, James L Cpa NEW06/02/2021
Elwin SharvillGreenwood Bolognia ItalyDorl, James J Esq UNQUALIFIED06/21/2021
Elwin SharvillChavez Briddick RussiaRousseaux, Michael Esq QUALIFIED06/04/2021
Elwin SharvillCosta Dilliard ItalyFeltz Printing Service RENEWAL05/31/2021
Elwin SharvillChavez Briddick SpainTruhlar And Truhlar Attys UNQUALIFIED06/14/2021
Total Customers:5
Ioni Bowcher
Ioni BowcherKaitlin Ostrosky SpainDorl, James J Esq RENEWAL06/06/2021
Ioni BowcherMayumi Kolmetz AustraliaCommercial Press NEGOTIATION06/06/2021
Ioni BowcherChavez Briddick BrazilChapman, Ross E Esq RENEWAL05/31/2021
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesJennifer Amigon GermanyDorl, James J Esq PROPOSAL05/26/2021
Ivan MagalhaesArvin Albares BrazilTruhlar And Truhlar Attys UNQUALIFIED06/18/2021
Ivan MagalhaesClaire Tollner ItalyCommercial Press RENEWAL05/28/2021
Ivan MagalhaesCosta Dilliard BrazilRangoni Of Florence PROPOSAL06/19/2021
Ivan MagalhaesJames Butt FranceChapman, Ross E Esq RENEWAL05/27/2021
Ivan MagalhaesRicardo Gaucho FranceBuckley Miller Wright RENEWAL06/07/2021
Total Customers:6
Onyama Limba
Onyama LimbaJones Vocelka IndiaBenton, John B Jr RENEWAL06/07/2021
Onyama LimbaAlejandro Perin IndiaKing, Christopher A Esq QUALIFIED06/14/2021
Onyama LimbaJames Butt IndiaBenton, John B Jr NEW06/12/2021
Onyama LimbaMurillo Malet BrazilRangoni Of Florence PROPOSAL06/02/2021
Onyama LimbaAlejandro Perin RussiaFeltz Printing Service QUALIFIED06/05/2021
Onyama LimbaClaire Tollner AustraliaChanay, Jeffrey A Esq PROPOSAL06/02/2021
Onyama LimbaOctavia Malet RussiaMorlong Associates NEW06/23/2021
Total Customers:7
Stephen Shaw
Xuxue Feng
Xuxue FengMujtaba Nicka AustraliaKing, Christopher A Esq PROPOSAL06/21/2021
Xuxue FengOctavia Malet JapanDorl, James J Esq NEW06/12/2021
Xuxue FengOctavia Malet JapanPrinting Dimensions NEGOTIATION06/20/2021
Xuxue FengFaith Gillian RussiaBuckley Miller Wright PROPOSAL06/13/2021
Xuxue FengClaire Tollner ArgentinaDorl, James J Esq NEW05/29/2021
Xuxue FengMaisha Rulapaugh RussiaPrinting Dimensions NEW06/16/2021
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerIsabel Bowley BrazilPrinting Dimensions QUALIFIED06/09/2021
Amy ElsnerFaith Gillian United KingdomBuckley Miller Wright NEW06/17/2021
Amy ElsnerIsabel Bowley RussiaFeltz Printing Service QUALIFIED05/28/2021
Amy ElsnerMisaki Royster ArgentinaBenton, John B Jr UNQUALIFIED06/19/2021
Amy ElsnerSmith Glick RussiaTruhlar And Truhlar Attys UNQUALIFIED06/09/2021
Amy ElsnerMurillo Malet BrazilChemel, James L Cpa NEW06/23/2021
Amy ElsnerMisaki Royster FranceChapman, Ross E Esq QUALIFIED05/28/2021
Amy ElsnerJefferson Schemmer IndiaKing, Christopher A Esq QUALIFIED06/21/2021
Anna FaliJulie Stenseth SpainFeiner Bros RENEWAL06/13/2021
Anna FaliMaisha Rulapaugh CanadaKing, Christopher A Esq RENEWAL05/26/2021
Asiya JavayantCody Saylors ArgentinaCommercial Press PROPOSAL06/01/2021
Asiya JavayantKadeem Flosi SpainChemel, James L Cpa RENEWAL06/06/2021
Asiya JavayantCosta Dilliard JapanRangoni Of Florence PROPOSAL06/02/2021
Asiya JavayantJames Butt United KingdomRousseaux, Michael Esq NEGOTIATION06/02/2021
Asiya JavayantRodrigues Campain FranceFeltz Printing Service UNQUALIFIED06/01/2021
Asiya JavayantStacey Maclead CanadaDorl, James J Esq UNQUALIFIED05/25/2021
Asiya JavayantAruna Figeroa SpainMorlong Associates RENEWAL06/19/2021
Asiya JavayantJennifer Amigon JapanRousseaux, Michael Esq QUALIFIED06/07/2021
Bernardo DominicGreenwood Bolognia BrazilMorlong Associates RENEWAL06/19/2021
Bernardo DominicRicardo Gaucho United KingdomFeltz Printing Service RENEWAL06/03/2021
Bernardo DominicChavez Briddick RussiaRousseaux, Michael Esq UNQUALIFIED06/10/2021
Elwin SharvillJames Butt IndiaChemel, James L Cpa NEW06/02/2021
Elwin SharvillGreenwood Bolognia ItalyDorl, James J Esq UNQUALIFIED06/21/2021
Elwin SharvillChavez Briddick RussiaRousseaux, Michael Esq QUALIFIED06/04/2021
Elwin SharvillCosta Dilliard ItalyFeltz Printing Service RENEWAL05/31/2021
Elwin SharvillChavez Briddick SpainTruhlar And Truhlar Attys UNQUALIFIED06/14/2021
Ioni BowcherKaitlin Ostrosky SpainDorl, James J Esq RENEWAL06/06/2021
Ioni BowcherMayumi Kolmetz AustraliaCommercial Press NEGOTIATION06/06/2021
Ioni BowcherChavez Briddick BrazilChapman, Ross E Esq RENEWAL05/31/2021
Ivan MagalhaesJennifer Amigon GermanyDorl, James J Esq PROPOSAL05/26/2021
Ivan MagalhaesArvin Albares BrazilTruhlar And Truhlar Attys UNQUALIFIED06/18/2021
Ivan MagalhaesClaire Tollner ItalyCommercial Press RENEWAL05/28/2021
Ivan MagalhaesCosta Dilliard BrazilRangoni Of Florence PROPOSAL06/19/2021
Ivan MagalhaesJames Butt FranceChapman, Ross E Esq RENEWAL05/27/2021
Ivan MagalhaesRicardo Gaucho FranceBuckley Miller Wright RENEWAL06/07/2021
Onyama LimbaJones Vocelka IndiaBenton, John B Jr RENEWAL06/07/2021
Onyama LimbaAlejandro Perin IndiaKing, Christopher A Esq QUALIFIED06/14/2021
Onyama LimbaJames Butt IndiaBenton, John B Jr NEW06/12/2021
Onyama LimbaMurillo Malet BrazilRangoni Of Florence PROPOSAL06/02/2021
Onyama LimbaAlejandro Perin RussiaFeltz Printing Service QUALIFIED06/05/2021
Onyama LimbaClaire Tollner AustraliaChanay, Jeffrey A Esq PROPOSAL06/02/2021
Onyama LimbaOctavia Malet RussiaMorlong Associates NEW06/23/2021
Stephen ShawJuan Wieser RussiaPrinting Dimensions NEW06/15/2021
Stephen ShawKaitlin Ostrosky BrazilRangoni Of Florence QUALIFIED06/09/2021
Xuxue FengMujtaba Nicka AustraliaKing, Christopher A Esq PROPOSAL06/21/2021
Xuxue FengOctavia Malet JapanDorl, James J Esq NEW06/12/2021
Xuxue FengOctavia Malet JapanPrinting Dimensions NEGOTIATION06/20/2021
Xuxue FengFaith Gillian RussiaBuckley Miller Wright PROPOSAL06/13/2021
Xuxue FengClaire Tollner ArgentinaDorl, James J Esq NEW05/29/2021
Xuxue FengMaisha Rulapaugh RussiaPrinting Dimensions NEW06/16/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>