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 ElsnerAshley Doe IndiaKing, Christopher A Esq NEGOTIATION10/05/2021
Amy ElsnerMaisha Rulapaugh United KingdomDorl, James J Esq QUALIFIED10/21/2021
Amy ElsnerLeon Oldroyd CanadaTruhlar And Truhlar Attys PROPOSAL09/28/2021
Amy ElsnerMorrow Ruta United KingdomChapman, Ross E Esq RENEWAL10/21/2021
Amy ElsnerCody Saylors IndiaChemel, James L Cpa PROPOSAL10/09/2021
Amy ElsnerNicolas Iturbide JapanKing, Christopher A Esq QUALIFIED10/18/2021
Amy ElsnerKadeem Flosi AustraliaRousseaux, Michael Esq QUALIFIED10/19/2021
Amy ElsnerCosta Dilliard United KingdomRousseaux, Michael Esq QUALIFIED10/02/2021
Amy ElsnerRicardo Gaucho RussiaBuckley Miller Wright NEGOTIATION10/07/2021
Total Customers:9
Anna Fali
Anna FaliDarci Poquette GermanyChemel, James L Cpa PROPOSAL10/08/2021
Anna FaliStacey Maclead GermanyChemel, James L Cpa RENEWAL10/08/2021
Anna FaliAshley Doe ItalyBuckley Miller Wright QUALIFIED10/10/2021
Anna FaliMayumi Kolmetz SpainMorlong Associates NEW09/29/2021
Anna FaliIzzy Garufi JapanChapman, Ross E Esq NEGOTIATION10/03/2021
Total Customers:5
Asiya Javayant
Asiya JavayantLeon Oldroyd IndiaRousseaux, Michael Esq NEGOTIATION10/07/2021
Asiya JavayantCody Saylors CanadaKing, Christopher A Esq UNQUALIFIED10/08/2021
Asiya JavayantGreenwood Bolognia ItalyFeltz Printing Service NEGOTIATION10/01/2021
Asiya JavayantSmith Glick SpainPrinting Dimensions NEW09/29/2021
Total Customers:4
Bernardo Dominic
Bernardo DominicSilvio Slusarski RussiaKing, Christopher A Esq NEGOTIATION10/27/2021
Bernardo DominicKaitlin Ostrosky ArgentinaCommercial Press NEW10/13/2021
Bernardo DominicTony Foller RussiaDorl, James J Esq QUALIFIED10/01/2021
Bernardo DominicJefferson Schemmer SpainMorlong Associates NEGOTIATION10/18/2021
Total Customers:4
Ioni Bowcher
Ioni BowcherKadeem Flosi United KingdomCommercial Press PROPOSAL10/21/2021
Ioni BowcherLeon Oldroyd CanadaFeltz Printing Service QUALIFIED10/04/2021
Ioni BowcherClifford Rim JapanCommercial Press NEW10/04/2021
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesJennifer Amigon BrazilFeiner Bros PROPOSAL10/15/2021
Ivan MagalhaesAdams Morasca United KingdomKing, Christopher A Esq NEW10/15/2021
Ivan MagalhaesKaitlin Ostrosky CanadaKing, Christopher A Esq UNQUALIFIED10/05/2021
Ivan MagalhaesDarci Poquette RussiaCommercial Press NEGOTIATION10/09/2021
Ivan MagalhaesIzzy Garufi ItalyChapman, Ross E Esq RENEWAL10/17/2021
Ivan MagalhaesTony Foller SpainChanay, Jeffrey A Esq RENEWAL10/10/2021
Ivan MagalhaesMorrow Ruta SpainBuckley Miller Wright UNQUALIFIED10/26/2021
Total Customers:7
Onyama Limba
Onyama LimbaRodrigues Campain IndiaChemel, James L Cpa UNQUALIFIED10/23/2021
Onyama LimbaChavez Briddick AustraliaKing, Christopher A Esq QUALIFIED10/08/2021
Onyama LimbaRicardo Gaucho CanadaTruhlar And Truhlar Attys RENEWAL09/29/2021
Onyama LimbaIzzy Garufi IndiaPrinting Dimensions RENEWAL10/14/2021
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengSilvio Slusarski IndiaKing, Christopher A Esq QUALIFIED10/06/2021
Xuxue FengCosta Dilliard BrazilChanay, Jeffrey A Esq PROPOSAL10/16/2021
Xuxue FengFrancesco Shinko CanadaPrinting Dimensions UNQUALIFIED10/02/2021
Xuxue FengTony Foller GermanyFeiner Bros NEW10/23/2021
Xuxue FengOctavia Malet GermanyFeiner Bros UNQUALIFIED10/21/2021
Xuxue FengAdams Morasca BrazilTruhlar And Truhlar Attys NEW10/20/2021
Xuxue FengArvin Albares AustraliaCommercial Press QUALIFIED10/02/2021
Xuxue FengArvin Albares AustraliaCommercial Press PROPOSAL09/29/2021
Xuxue FengMaisha Rulapaugh CanadaChapman, Ross E Esq PROPOSAL10/15/2021
Total Customers:9
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerAshley Doe IndiaKing, Christopher A Esq NEGOTIATION10/05/2021
Amy ElsnerMaisha Rulapaugh United KingdomDorl, James J Esq QUALIFIED10/21/2021
Amy ElsnerLeon Oldroyd CanadaTruhlar And Truhlar Attys PROPOSAL09/28/2021
Amy ElsnerMorrow Ruta United KingdomChapman, Ross E Esq RENEWAL10/21/2021
Amy ElsnerCody Saylors IndiaChemel, James L Cpa PROPOSAL10/09/2021
Amy ElsnerNicolas Iturbide JapanKing, Christopher A Esq QUALIFIED10/18/2021
Amy ElsnerKadeem Flosi AustraliaRousseaux, Michael Esq QUALIFIED10/19/2021
Amy ElsnerCosta Dilliard United KingdomRousseaux, Michael Esq QUALIFIED10/02/2021
Amy ElsnerRicardo Gaucho RussiaBuckley Miller Wright NEGOTIATION10/07/2021
Anna FaliDarci Poquette GermanyChemel, James L Cpa PROPOSAL10/08/2021
Anna FaliStacey Maclead GermanyChemel, James L Cpa RENEWAL10/08/2021
Anna FaliAshley Doe ItalyBuckley Miller Wright QUALIFIED10/10/2021
Anna FaliMayumi Kolmetz SpainMorlong Associates NEW09/29/2021
Anna FaliIzzy Garufi JapanChapman, Ross E Esq NEGOTIATION10/03/2021
Asiya JavayantLeon Oldroyd IndiaRousseaux, Michael Esq NEGOTIATION10/07/2021
Asiya JavayantCody Saylors CanadaKing, Christopher A Esq UNQUALIFIED10/08/2021
Asiya JavayantGreenwood Bolognia ItalyFeltz Printing Service NEGOTIATION10/01/2021
Asiya JavayantSmith Glick SpainPrinting Dimensions NEW09/29/2021
Bernardo DominicSilvio Slusarski RussiaKing, Christopher A Esq NEGOTIATION10/27/2021
Bernardo DominicKaitlin Ostrosky ArgentinaCommercial Press NEW10/13/2021
Bernardo DominicTony Foller RussiaDorl, James J Esq QUALIFIED10/01/2021
Bernardo DominicJefferson Schemmer SpainMorlong Associates NEGOTIATION10/18/2021
Ioni BowcherKadeem Flosi United KingdomCommercial Press PROPOSAL10/21/2021
Ioni BowcherLeon Oldroyd CanadaFeltz Printing Service QUALIFIED10/04/2021
Ioni BowcherClifford Rim JapanCommercial Press NEW10/04/2021
Ivan MagalhaesJennifer Amigon BrazilFeiner Bros PROPOSAL10/15/2021
Ivan MagalhaesAdams Morasca United KingdomKing, Christopher A Esq NEW10/15/2021
Ivan MagalhaesKaitlin Ostrosky CanadaKing, Christopher A Esq UNQUALIFIED10/05/2021
Ivan MagalhaesDarci Poquette RussiaCommercial Press NEGOTIATION10/09/2021
Ivan MagalhaesIzzy Garufi ItalyChapman, Ross E Esq RENEWAL10/17/2021
Ivan MagalhaesTony Foller SpainChanay, Jeffrey A Esq RENEWAL10/10/2021
Ivan MagalhaesMorrow Ruta SpainBuckley Miller Wright UNQUALIFIED10/26/2021
Onyama LimbaRodrigues Campain IndiaChemel, James L Cpa UNQUALIFIED10/23/2021
Onyama LimbaChavez Briddick AustraliaKing, Christopher A Esq QUALIFIED10/08/2021
Onyama LimbaRicardo Gaucho CanadaTruhlar And Truhlar Attys RENEWAL09/29/2021
Onyama LimbaIzzy Garufi IndiaPrinting Dimensions RENEWAL10/14/2021
Stephen ShawAntonio Caudy JapanBenton, John B Jr RENEWAL10/22/2021
Stephen ShawMaisha Rulapaugh RussiaFeiner Bros NEW10/10/2021
Stephen ShawMurillo Malet ItalyBenton, John B Jr QUALIFIED10/16/2021
Stephen ShawJennifer Amigon RussiaMorlong Associates NEW10/04/2021
Stephen ShawClifford Rim ItalyMorlong Associates NEW10/16/2021
Xuxue FengSilvio Slusarski IndiaKing, Christopher A Esq QUALIFIED10/06/2021
Xuxue FengCosta Dilliard BrazilChanay, Jeffrey A Esq PROPOSAL10/16/2021
Xuxue FengFrancesco Shinko CanadaPrinting Dimensions UNQUALIFIED10/02/2021
Xuxue FengTony Foller GermanyFeiner Bros NEW10/23/2021
Xuxue FengOctavia Malet GermanyFeiner Bros UNQUALIFIED10/21/2021
Xuxue FengAdams Morasca BrazilTruhlar And Truhlar Attys NEW10/20/2021
Xuxue FengArvin Albares AustraliaCommercial Press QUALIFIED10/02/2021
Xuxue FengArvin Albares AustraliaCommercial Press PROPOSAL09/29/2021
Xuxue FengMaisha Rulapaugh CanadaChapman, Ross E Esq PROPOSAL10/15/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>

Session expired

Reloading page

Message:
StackTrace: