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 KingdomTruhlar And Truhlar Attys RENEWAL06/08/2021
Amy ElsnerAdams Morasca ItalyFeltz Printing Service NEW06/06/2021
Total Customers:2
Anna Fali
Anna FaliKaitlin Ostrosky AustraliaRousseaux, Michael Esq RENEWAL05/29/2021
Anna FaliIzzy Garufi FranceMorlong Associates NEGOTIATION06/23/2021
Anna FaliClaire Tollner CanadaTruhlar And Truhlar Attys NEW06/10/2021
Anna FaliSmith Glick CanadaRangoni Of Florence QUALIFIED06/01/2021
Anna FaliWickens Nestle CanadaRangoni Of Florence NEGOTIATION06/07/2021
Anna FaliMaria Marrier SpainChapman, Ross E Esq QUALIFIED05/28/2021
Anna FaliIzzy Garufi FranceFeiner Bros PROPOSAL05/31/2021
Anna FaliAika Inouye United KingdomKing, Christopher A Esq PROPOSAL06/12/2021
Total Customers:8
Asiya Javayant
Asiya JavayantEmily Whobrey JapanFeltz Printing Service UNQUALIFIED06/17/2021
Total Customers:1
Bernardo Dominic
Bernardo DominicAntonio Caudy GermanyChapman, Ross E Esq QUALIFIED06/12/2021
Bernardo DominicEmily Whobrey IndiaPrinting Dimensions UNQUALIFIED05/25/2021
Bernardo DominicJohnson Sergi ArgentinaFeltz Printing Service RENEWAL06/21/2021
Total Customers:3
Elwin Sharvill
Elwin SharvillAshley Doe IndiaCommercial Press PROPOSAL06/20/2021
Elwin SharvillEmily Whobrey GermanyBuckley Miller Wright RENEWAL06/18/2021
Elwin SharvillKaitlin Ostrosky United KingdomMorlong Associates NEW05/28/2021
Elwin SharvillIsabel Bowley RussiaKing, Christopher A Esq PROPOSAL06/17/2021
Elwin SharvillDavid Darakjy United KingdomTruhlar And Truhlar Attys UNQUALIFIED06/04/2021
Elwin SharvillNicolas Iturbide BrazilCommercial Press PROPOSAL05/29/2021
Elwin SharvillLeon Oldroyd GermanyTruhlar And Truhlar Attys QUALIFIED06/14/2021
Elwin SharvillLeja Caldarera RussiaMorlong Associates NEW06/09/2021
Elwin SharvillDarci Poquette SpainBuckley Miller Wright QUALIFIED06/05/2021
Total Customers:9
Ioni Bowcher
Ioni BowcherAika Inouye SpainFeiner Bros NEW06/08/2021
Ioni BowcherOctavia Malet BrazilFeiner Bros NEW06/19/2021
Ioni BowcherDarci Poquette ArgentinaDorl, James J Esq QUALIFIED06/13/2021
Ioni BowcherEmily Whobrey ArgentinaPrinting Dimensions NEGOTIATION05/29/2021
Ioni BowcherCosta Dilliard RussiaChemel, James L Cpa PROPOSAL06/13/2021
Total Customers:5
Ivan Magalhaes
Ivan MagalhaesAntonio Caudy GermanyDorl, James J Esq RENEWAL06/15/2021
Ivan MagalhaesJennifer Amigon JapanBenton, John B Jr UNQUALIFIED06/14/2021
Ivan MagalhaesAika Inouye IndiaFeltz Printing Service PROPOSAL05/28/2021
Ivan MagalhaesNicolas Iturbide AustraliaDorl, James J Esq RENEWAL05/28/2021
Ivan MagalhaesSilvio Slusarski RussiaDorl, James J Esq NEW05/29/2021
Ivan MagalhaesJulie Stenseth United KingdomFeltz Printing Service UNQUALIFIED05/28/2021
Total Customers:6
Onyama Limba
Onyama LimbaJefferson Schemmer FranceDorl, James J Esq UNQUALIFIED05/29/2021
Onyama LimbaIsabel Bowley FranceTruhlar And Truhlar Attys UNQUALIFIED06/02/2021
Onyama LimbaMunro Ferencz JapanCommercial Press PROPOSAL06/10/2021
Onyama LimbaJulie Stenseth IndiaFeltz Printing Service NEW06/06/2021
Onyama LimbaSalvatore Stockham United KingdomFeltz Printing Service NEGOTIATION06/06/2021
Onyama LimbaDeepesh Chui ItalyBenton, John B Jr RENEWAL05/29/2021
Total Customers:6
Stephen Shaw
Xuxue Feng
Xuxue FengLeon Oldroyd ArgentinaPrinting Dimensions UNQUALIFIED05/25/2021
Xuxue FengJames Butt ArgentinaRangoni Of Florence UNQUALIFIED06/02/2021
Total Customers:2
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerAdams Morasca United KingdomTruhlar And Truhlar Attys RENEWAL06/08/2021
Amy ElsnerAdams Morasca ItalyFeltz Printing Service NEW06/06/2021
Anna FaliKaitlin Ostrosky AustraliaRousseaux, Michael Esq RENEWAL05/29/2021
Anna FaliIzzy Garufi FranceMorlong Associates NEGOTIATION06/23/2021
Anna FaliClaire Tollner CanadaTruhlar And Truhlar Attys NEW06/10/2021
Anna FaliSmith Glick CanadaRangoni Of Florence QUALIFIED06/01/2021
Anna FaliWickens Nestle CanadaRangoni Of Florence NEGOTIATION06/07/2021
Anna FaliMaria Marrier SpainChapman, Ross E Esq QUALIFIED05/28/2021
Anna FaliIzzy Garufi FranceFeiner Bros PROPOSAL05/31/2021
Anna FaliAika Inouye United KingdomKing, Christopher A Esq PROPOSAL06/12/2021
Asiya JavayantEmily Whobrey JapanFeltz Printing Service UNQUALIFIED06/17/2021
Bernardo DominicAntonio Caudy GermanyChapman, Ross E Esq QUALIFIED06/12/2021
Bernardo DominicEmily Whobrey IndiaPrinting Dimensions UNQUALIFIED05/25/2021
Bernardo DominicJohnson Sergi ArgentinaFeltz Printing Service RENEWAL06/21/2021
Elwin SharvillAshley Doe IndiaCommercial Press PROPOSAL06/20/2021
Elwin SharvillEmily Whobrey GermanyBuckley Miller Wright RENEWAL06/18/2021
Elwin SharvillKaitlin Ostrosky United KingdomMorlong Associates NEW05/28/2021
Elwin SharvillIsabel Bowley RussiaKing, Christopher A Esq PROPOSAL06/17/2021
Elwin SharvillDavid Darakjy United KingdomTruhlar And Truhlar Attys UNQUALIFIED06/04/2021
Elwin SharvillNicolas Iturbide BrazilCommercial Press PROPOSAL05/29/2021
Elwin SharvillLeon Oldroyd GermanyTruhlar And Truhlar Attys QUALIFIED06/14/2021
Elwin SharvillLeja Caldarera RussiaMorlong Associates NEW06/09/2021
Elwin SharvillDarci Poquette SpainBuckley Miller Wright QUALIFIED06/05/2021
Ioni BowcherAika Inouye SpainFeiner Bros NEW06/08/2021
Ioni BowcherOctavia Malet BrazilFeiner Bros NEW06/19/2021
Ioni BowcherDarci Poquette ArgentinaDorl, James J Esq QUALIFIED06/13/2021
Ioni BowcherEmily Whobrey ArgentinaPrinting Dimensions NEGOTIATION05/29/2021
Ioni BowcherCosta Dilliard RussiaChemel, James L Cpa PROPOSAL06/13/2021
Ivan MagalhaesAntonio Caudy GermanyDorl, James J Esq RENEWAL06/15/2021
Ivan MagalhaesJennifer Amigon JapanBenton, John B Jr UNQUALIFIED06/14/2021
Ivan MagalhaesAika Inouye IndiaFeltz Printing Service PROPOSAL05/28/2021
Ivan MagalhaesNicolas Iturbide AustraliaDorl, James J Esq RENEWAL05/28/2021
Ivan MagalhaesSilvio Slusarski RussiaDorl, James J Esq NEW05/29/2021
Ivan MagalhaesJulie Stenseth United KingdomFeltz Printing Service UNQUALIFIED05/28/2021
Onyama LimbaJefferson Schemmer FranceDorl, James J Esq UNQUALIFIED05/29/2021
Onyama LimbaIsabel Bowley FranceTruhlar And Truhlar Attys UNQUALIFIED06/02/2021
Onyama LimbaMunro Ferencz JapanCommercial Press PROPOSAL06/10/2021
Onyama LimbaJulie Stenseth IndiaFeltz Printing Service NEW06/06/2021
Onyama LimbaSalvatore Stockham United KingdomFeltz Printing Service NEGOTIATION06/06/2021
Onyama LimbaDeepesh Chui ItalyBenton, John B Jr RENEWAL05/29/2021
Stephen ShawMurillo Malet RussiaKing, Christopher A Esq PROPOSAL06/16/2021
Stephen ShawMayumi Kolmetz FranceDorl, James J Esq PROPOSAL06/05/2021
Stephen ShawJulie Stenseth FranceFeiner Bros NEW05/29/2021
Stephen ShawJulie Stenseth CanadaChanay, Jeffrey A Esq NEGOTIATION06/14/2021
Stephen ShawOctavia Malet CanadaTruhlar And Truhlar Attys UNQUALIFIED06/13/2021
Stephen ShawAruna Figeroa ArgentinaBenton, John B Jr PROPOSAL06/01/2021
Stephen ShawMujtaba Nicka FranceChemel, James L Cpa QUALIFIED05/30/2021
Stephen ShawKaitlin Ostrosky SpainFeiner Bros NEW06/20/2021
Xuxue FengLeon Oldroyd ArgentinaPrinting Dimensions UNQUALIFIED05/25/2021
Xuxue FengJames Butt ArgentinaRangoni Of Florence UNQUALIFIED06/02/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>