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 ElsnerAdams Morasca United KingdomFeiner Bros RENEWAL04/07/2021
Amy ElsnerSinclair Waycott ArgentinaCommercial Press PROPOSAL04/16/2021
Amy ElsnerKaitlin Ostrosky BrazilFeltz Printing Service NEW03/23/2021
Amy ElsnerDavid Darakjy SpainMorlong Associates RENEWAL04/06/2021
Amy ElsnerClifford Rim JapanPrinting Dimensions UNQUALIFIED04/10/2021
Amy ElsnerAika Inouye IndiaTruhlar And Truhlar Attys QUALIFIED04/10/2021
Amy ElsnerJones Vocelka ArgentinaBuckley Miller Wright UNQUALIFIED03/31/2021
Amy ElsnerJames Butt GermanyFeiner Bros NEW03/30/2021
Amy ElsnerStacey Maclead JapanMorlong Associates UNQUALIFIED04/10/2021
Total Customers:9
Anna Fali
Anna FaliClifford Rim FranceFeltz Printing Service UNQUALIFIED03/23/2021
Anna FaliDarci Poquette IndiaFeltz Printing Service NEGOTIATION04/16/2021
Anna FaliStacey Maclead FranceChapman, Ross E Esq PROPOSAL03/29/2021
Anna FaliMurillo Malet ArgentinaChemel, James L Cpa NEGOTIATION04/06/2021
Anna FaliClifford Rim United KingdomPrinting Dimensions RENEWAL04/18/2021
Total Customers:5
Asiya Javayant
Asiya JavayantEmily Whobrey AustraliaBenton, John B Jr NEGOTIATION03/23/2021
Asiya JavayantAlejandro Perin RussiaTruhlar And Truhlar Attys NEW04/15/2021
Total Customers:2
Bernardo Dominic
Bernardo DominicKadeem Flosi CanadaFeiner Bros UNQUALIFIED04/04/2021
Bernardo DominicDarci Poquette ArgentinaChapman, Ross E Esq NEGOTIATION04/02/2021
Bernardo DominicAlejandro Perin IndiaKing, Christopher A Esq UNQUALIFIED03/28/2021
Bernardo DominicJohnson Sergi GermanyTruhlar And Truhlar Attys NEGOTIATION04/18/2021
Bernardo DominicFrancesco Shinko BrazilFeiner Bros NEW04/07/2021
Bernardo DominicSilvio Slusarski GermanyFeiner Bros RENEWAL03/23/2021
Total Customers:6
Elwin Sharvill
Elwin SharvillSilvio Slusarski GermanyRangoni Of Florence QUALIFIED03/22/2021
Elwin SharvillGreenwood Bolognia SpainMorlong Associates PROPOSAL04/04/2021
Elwin SharvillAlejandro Perin United KingdomDorl, James J Esq UNQUALIFIED04/07/2021
Elwin SharvillLeon Oldroyd SpainKing, Christopher A Esq PROPOSAL04/02/2021
Total Customers:4
Ioni Bowcher
Ioni BowcherFaith Gillian United KingdomBenton, John B Jr QUALIFIED04/09/2021
Ioni BowcherAlejandro Perin CanadaTruhlar And Truhlar Attys QUALIFIED03/20/2021
Ioni BowcherMaria Marrier United KingdomRangoni Of Florence QUALIFIED04/02/2021
Ioni BowcherMurillo Malet IndiaDorl, James J Esq NEGOTIATION04/09/2021
Ioni BowcherSilvio Slusarski CanadaChemel, James L Cpa UNQUALIFIED04/01/2021
Total Customers:5
Ivan Magalhaes
Ivan MagalhaesLeja Caldarera FranceChanay, Jeffrey A Esq RENEWAL03/23/2021
Ivan MagalhaesMurillo Malet AustraliaBenton, John B Jr PROPOSAL03/31/2021
Ivan MagalhaesJennifer Amigon SpainChapman, Ross E Esq NEW04/18/2021
Ivan MagalhaesMujtaba Nicka GermanyCommercial Press UNQUALIFIED04/05/2021
Ivan MagalhaesDarci Poquette IndiaChemel, James L Cpa NEW04/14/2021
Ivan MagalhaesClifford Rim FranceFeiner Bros QUALIFIED04/18/2021
Total Customers:6
Onyama Limba
Onyama LimbaOctavia Malet IndiaTruhlar And Truhlar Attys QUALIFIED03/28/2021
Onyama LimbaRicardo Gaucho ItalyPrinting Dimensions NEW03/29/2021
Onyama LimbaAshley Doe JapanBenton, John B Jr RENEWAL04/06/2021
Onyama LimbaOctavia Malet United KingdomDorl, James J Esq UNQUALIFIED04/17/2021
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengFaith Gillian FrancePrinting Dimensions NEGOTIATION03/20/2021
Xuxue FengJeanfrancois Venere RussiaPrinting Dimensions NEW04/01/2021
Xuxue FengDavid Darakjy FranceChapman, Ross E Esq NEGOTIATION04/17/2021
Xuxue FengAlejandro Perin BrazilChemel, James L Cpa NEW04/10/2021
Xuxue FengRodrigues Campain BrazilChanay, Jeffrey A Esq UNQUALIFIED03/30/2021
Xuxue FengKaitlin Ostrosky RussiaKing, Christopher A Esq QUALIFIED03/25/2021
Xuxue FengGreenwood Bolognia ItalyBuckley Miller Wright PROPOSAL04/09/2021
Total Customers:7
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerAdams Morasca United KingdomFeiner Bros RENEWAL04/07/2021
Amy ElsnerSinclair Waycott ArgentinaCommercial Press PROPOSAL04/16/2021
Amy ElsnerKaitlin Ostrosky BrazilFeltz Printing Service NEW03/23/2021
Amy ElsnerDavid Darakjy SpainMorlong Associates RENEWAL04/06/2021
Amy ElsnerClifford Rim JapanPrinting Dimensions UNQUALIFIED04/10/2021
Amy ElsnerAika Inouye IndiaTruhlar And Truhlar Attys QUALIFIED04/10/2021
Amy ElsnerJones Vocelka ArgentinaBuckley Miller Wright UNQUALIFIED03/31/2021
Amy ElsnerJames Butt GermanyFeiner Bros NEW03/30/2021
Amy ElsnerStacey Maclead JapanMorlong Associates UNQUALIFIED04/10/2021
Anna FaliClifford Rim FranceFeltz Printing Service UNQUALIFIED03/23/2021
Anna FaliDarci Poquette IndiaFeltz Printing Service NEGOTIATION04/16/2021
Anna FaliStacey Maclead FranceChapman, Ross E Esq PROPOSAL03/29/2021
Anna FaliMurillo Malet ArgentinaChemel, James L Cpa NEGOTIATION04/06/2021
Anna FaliClifford Rim United KingdomPrinting Dimensions RENEWAL04/18/2021
Asiya JavayantEmily Whobrey AustraliaBenton, John B Jr NEGOTIATION03/23/2021
Asiya JavayantAlejandro Perin RussiaTruhlar And Truhlar Attys NEW04/15/2021
Bernardo DominicKadeem Flosi CanadaFeiner Bros UNQUALIFIED04/04/2021
Bernardo DominicDarci Poquette ArgentinaChapman, Ross E Esq NEGOTIATION04/02/2021
Bernardo DominicAlejandro Perin IndiaKing, Christopher A Esq UNQUALIFIED03/28/2021
Bernardo DominicJohnson Sergi GermanyTruhlar And Truhlar Attys NEGOTIATION04/18/2021
Bernardo DominicFrancesco Shinko BrazilFeiner Bros NEW04/07/2021
Bernardo DominicSilvio Slusarski GermanyFeiner Bros RENEWAL03/23/2021
Elwin SharvillSilvio Slusarski GermanyRangoni Of Florence QUALIFIED03/22/2021
Elwin SharvillGreenwood Bolognia SpainMorlong Associates PROPOSAL04/04/2021
Elwin SharvillAlejandro Perin United KingdomDorl, James J Esq UNQUALIFIED04/07/2021
Elwin SharvillLeon Oldroyd SpainKing, Christopher A Esq PROPOSAL04/02/2021
Ioni BowcherFaith Gillian United KingdomBenton, John B Jr QUALIFIED04/09/2021
Ioni BowcherAlejandro Perin CanadaTruhlar And Truhlar Attys QUALIFIED03/20/2021
Ioni BowcherMaria Marrier United KingdomRangoni Of Florence QUALIFIED04/02/2021
Ioni BowcherMurillo Malet IndiaDorl, James J Esq NEGOTIATION04/09/2021
Ioni BowcherSilvio Slusarski CanadaChemel, James L Cpa UNQUALIFIED04/01/2021
Ivan MagalhaesLeja Caldarera FranceChanay, Jeffrey A Esq RENEWAL03/23/2021
Ivan MagalhaesMurillo Malet AustraliaBenton, John B Jr PROPOSAL03/31/2021
Ivan MagalhaesJennifer Amigon SpainChapman, Ross E Esq NEW04/18/2021
Ivan MagalhaesMujtaba Nicka GermanyCommercial Press UNQUALIFIED04/05/2021
Ivan MagalhaesDarci Poquette IndiaChemel, James L Cpa NEW04/14/2021
Ivan MagalhaesClifford Rim FranceFeiner Bros QUALIFIED04/18/2021
Onyama LimbaOctavia Malet IndiaTruhlar And Truhlar Attys QUALIFIED03/28/2021
Onyama LimbaRicardo Gaucho ItalyPrinting Dimensions NEW03/29/2021
Onyama LimbaAshley Doe JapanBenton, John B Jr RENEWAL04/06/2021
Onyama LimbaOctavia Malet United KingdomDorl, James J Esq UNQUALIFIED04/17/2021
Stephen ShawRodrigues Campain ItalyChapman, Ross E Esq RENEWAL04/17/2021
Stephen ShawNicolas Iturbide RussiaBuckley Miller Wright QUALIFIED04/12/2021
Xuxue FengFaith Gillian FrancePrinting Dimensions NEGOTIATION03/20/2021
Xuxue FengJeanfrancois Venere RussiaPrinting Dimensions NEW04/01/2021
Xuxue FengDavid Darakjy FranceChapman, Ross E Esq NEGOTIATION04/17/2021
Xuxue FengAlejandro Perin BrazilChemel, James L Cpa NEW04/10/2021
Xuxue FengRodrigues Campain BrazilChanay, Jeffrey A Esq UNQUALIFIED03/30/2021
Xuxue FengKaitlin Ostrosky RussiaKing, Christopher A Esq QUALIFIED03/25/2021
Xuxue FengGreenwood Bolognia ItalyBuckley Miller Wright PROPOSAL04/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>