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.

Bootstrap light blue and dark blue themes are also included in PrimeFaces 10.x builds for Elite subscribers.

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 ElsnerCosta Dilliard IndiaDorl, James J Esq PROPOSAL01/15/2022
Amy ElsnerMorrow Ruta BrazilRangoni Of Florence NEGOTIATION01/14/2022
Amy ElsnerJones Vocelka CanadaChemel, James L Cpa NEGOTIATION01/05/2022
Amy ElsnerMurillo Malet RussiaChemel, James L Cpa QUALIFIED01/11/2022
Amy ElsnerMaisha Rulapaugh AustraliaTruhlar And Truhlar Attys PROPOSAL01/10/2022
Amy ElsnerSmith Glick SpainCommercial Press PROPOSAL01/17/2022
Amy ElsnerDavid Darakjy ArgentinaDorl, James J Esq PROPOSAL01/10/2022
Amy ElsnerMorrow Ruta ItalyPrinting Dimensions UNQUALIFIED12/30/2021
Amy ElsnerCody Saylors ItalyChemel, James L Cpa NEW01/05/2022
Total Customers:9
Anna Fali
Anna FaliMunro Ferencz GermanyFeltz Printing Service PROPOSAL01/20/2022
Anna FaliEmily Whobrey GermanyTruhlar And Truhlar Attys NEGOTIATION01/22/2022
Anna FaliJohnson Sergi ItalyTruhlar And Truhlar Attys NEGOTIATION01/04/2022
Anna FaliMaisha Rulapaugh ArgentinaRangoni Of Florence NEGOTIATION01/10/2022
Anna FaliDavid Darakjy BrazilChemel, James L Cpa QUALIFIED01/17/2022
Anna FaliStacey Maclead SpainTruhlar And Truhlar Attys NEGOTIATION01/25/2022
Anna FaliEmily Whobrey SpainRousseaux, Michael Esq RENEWAL01/14/2022
Anna FaliFaith Gillian SpainKing, Christopher A Esq NEW01/26/2022
Total Customers:8
Asiya Javayant
Asiya JavayantIzzy Garufi CanadaMorlong Associates QUALIFIED01/23/2022
Asiya JavayantIvar Paprocki IndiaMorlong Associates PROPOSAL01/02/2022
Asiya JavayantDarci Poquette IndiaBenton, John B Jr PROPOSAL01/21/2022
Asiya JavayantLeon Oldroyd IndiaCommercial Press UNQUALIFIED01/25/2022
Asiya JavayantAntonio Caudy JapanDorl, James J Esq UNQUALIFIED01/25/2022
Asiya JavayantJulie Stenseth United KingdomBenton, John B Jr RENEWAL01/09/2022
Asiya JavayantFaith Gillian United KingdomDorl, James J Esq NEGOTIATION01/27/2022
Total Customers:7
Bernardo Dominic
Bernardo DominicAruna Figeroa BrazilFeltz Printing Service UNQUALIFIED01/04/2022
Bernardo DominicJuan Wieser CanadaBuckley Miller Wright NEW01/12/2022
Bernardo DominicSalvatore Stockham GermanyChanay, Jeffrey A Esq UNQUALIFIED01/02/2022
Total Customers:3
Elwin Sharvill
Elwin SharvillDavid Darakjy JapanCommercial Press NEW01/12/2022
Elwin SharvillJohnson Sergi CanadaMorlong Associates UNQUALIFIED01/20/2022
Elwin SharvillNicolas Iturbide ItalyTruhlar And Truhlar Attys UNQUALIFIED01/07/2022
Elwin SharvillMorrow Ruta SpainBuckley Miller Wright NEW01/16/2022
Elwin SharvillMunro Ferencz GermanyBuckley Miller Wright PROPOSAL01/14/2022
Total Customers:5
Ioni Bowcher
Ioni BowcherJefferson Schemmer SpainFeltz Printing Service RENEWAL01/08/2022
Ioni BowcherClaire Tollner SpainTruhlar And Truhlar Attys PROPOSAL01/23/2022
Ioni BowcherAntonio Caudy JapanFeltz Printing Service RENEWAL01/04/2022
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesDarci Poquette United KingdomFeiner Bros QUALIFIED01/11/2022
Ivan MagalhaesFrancesco Shinko AustraliaMorlong Associates UNQUALIFIED01/14/2022
Ivan MagalhaesAdams Morasca AustraliaRousseaux, Michael Esq RENEWAL01/19/2022
Ivan MagalhaesMayumi Kolmetz ItalyFeiner Bros RENEWAL01/04/2022
Ivan MagalhaesClaire Tollner SpainChanay, Jeffrey A Esq QUALIFIED01/01/2022
Ivan MagalhaesEmily Whobrey BrazilDorl, James J Esq NEGOTIATION01/03/2022
Ivan MagalhaesAlejandro Perin SpainMorlong Associates PROPOSAL01/14/2022
Total Customers:7
Onyama Limba
Onyama LimbaIzzy Garufi FranceTruhlar And Truhlar Attys QUALIFIED01/19/2022
Onyama LimbaMujtaba Nicka FranceTruhlar And Truhlar Attys NEGOTIATION01/09/2022
Total Customers:2
Stephen Shaw
Xuxue Feng
Xuxue FengAshley Doe BrazilKing, Christopher A Esq NEW01/12/2022
Xuxue FengJohnson Sergi FranceTruhlar And Truhlar Attys RENEWAL01/16/2022
Total Customers:2
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerCosta Dilliard IndiaDorl, James J Esq PROPOSAL01/15/2022
Amy ElsnerMorrow Ruta BrazilRangoni Of Florence NEGOTIATION01/14/2022
Amy ElsnerJones Vocelka CanadaChemel, James L Cpa NEGOTIATION01/05/2022
Amy ElsnerMurillo Malet RussiaChemel, James L Cpa QUALIFIED01/11/2022
Amy ElsnerMaisha Rulapaugh AustraliaTruhlar And Truhlar Attys PROPOSAL01/10/2022
Amy ElsnerSmith Glick SpainCommercial Press PROPOSAL01/17/2022
Amy ElsnerDavid Darakjy ArgentinaDorl, James J Esq PROPOSAL01/10/2022
Amy ElsnerMorrow Ruta ItalyPrinting Dimensions UNQUALIFIED12/30/2021
Amy ElsnerCody Saylors ItalyChemel, James L Cpa NEW01/05/2022
Anna FaliMunro Ferencz GermanyFeltz Printing Service PROPOSAL01/20/2022
Anna FaliEmily Whobrey GermanyTruhlar And Truhlar Attys NEGOTIATION01/22/2022
Anna FaliJohnson Sergi ItalyTruhlar And Truhlar Attys NEGOTIATION01/04/2022
Anna FaliMaisha Rulapaugh ArgentinaRangoni Of Florence NEGOTIATION01/10/2022
Anna FaliDavid Darakjy BrazilChemel, James L Cpa QUALIFIED01/17/2022
Anna FaliStacey Maclead SpainTruhlar And Truhlar Attys NEGOTIATION01/25/2022
Anna FaliEmily Whobrey SpainRousseaux, Michael Esq RENEWAL01/14/2022
Anna FaliFaith Gillian SpainKing, Christopher A Esq NEW01/26/2022
Asiya JavayantIzzy Garufi CanadaMorlong Associates QUALIFIED01/23/2022
Asiya JavayantIvar Paprocki IndiaMorlong Associates PROPOSAL01/02/2022
Asiya JavayantDarci Poquette IndiaBenton, John B Jr PROPOSAL01/21/2022
Asiya JavayantLeon Oldroyd IndiaCommercial Press UNQUALIFIED01/25/2022
Asiya JavayantAntonio Caudy JapanDorl, James J Esq UNQUALIFIED01/25/2022
Asiya JavayantJulie Stenseth United KingdomBenton, John B Jr RENEWAL01/09/2022
Asiya JavayantFaith Gillian United KingdomDorl, James J Esq NEGOTIATION01/27/2022
Bernardo DominicAruna Figeroa BrazilFeltz Printing Service UNQUALIFIED01/04/2022
Bernardo DominicJuan Wieser CanadaBuckley Miller Wright NEW01/12/2022
Bernardo DominicSalvatore Stockham GermanyChanay, Jeffrey A Esq UNQUALIFIED01/02/2022
Elwin SharvillDavid Darakjy JapanCommercial Press NEW01/12/2022
Elwin SharvillJohnson Sergi CanadaMorlong Associates UNQUALIFIED01/20/2022
Elwin SharvillNicolas Iturbide ItalyTruhlar And Truhlar Attys UNQUALIFIED01/07/2022
Elwin SharvillMorrow Ruta SpainBuckley Miller Wright NEW01/16/2022
Elwin SharvillMunro Ferencz GermanyBuckley Miller Wright PROPOSAL01/14/2022
Ioni BowcherJefferson Schemmer SpainFeltz Printing Service RENEWAL01/08/2022
Ioni BowcherClaire Tollner SpainTruhlar And Truhlar Attys PROPOSAL01/23/2022
Ioni BowcherAntonio Caudy JapanFeltz Printing Service RENEWAL01/04/2022
Ivan MagalhaesDarci Poquette United KingdomFeiner Bros QUALIFIED01/11/2022
Ivan MagalhaesFrancesco Shinko AustraliaMorlong Associates UNQUALIFIED01/14/2022
Ivan MagalhaesAdams Morasca AustraliaRousseaux, Michael Esq RENEWAL01/19/2022
Ivan MagalhaesMayumi Kolmetz ItalyFeiner Bros RENEWAL01/04/2022
Ivan MagalhaesClaire Tollner SpainChanay, Jeffrey A Esq QUALIFIED01/01/2022
Ivan MagalhaesEmily Whobrey BrazilDorl, James J Esq NEGOTIATION01/03/2022
Ivan MagalhaesAlejandro Perin SpainMorlong Associates PROPOSAL01/14/2022
Onyama LimbaIzzy Garufi FranceTruhlar And Truhlar Attys QUALIFIED01/19/2022
Onyama LimbaMujtaba Nicka FranceTruhlar And Truhlar Attys NEGOTIATION01/09/2022
Stephen ShawMurillo Malet ArgentinaChanay, Jeffrey A Esq UNQUALIFIED01/13/2022
Stephen ShawJeanfrancois Venere IndiaRangoni Of Florence UNQUALIFIED01/23/2022
Stephen ShawDeepesh Chui SpainChanay, Jeffrey A Esq QUALIFIED12/29/2021
Stephen ShawKaitlin Ostrosky AustraliaFeiner Bros PROPOSAL01/14/2022
Xuxue FengAshley Doe BrazilKing, Christopher A Esq NEW01/12/2022
Xuxue FengJohnson Sergi FranceTruhlar And Truhlar Attys RENEWAL01/16/2022

<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>

Session expired

Reloading page

Message:
StackTrace: