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 ElsnerLeja Caldarera JapanKing, Christopher A Esq QUALIFIED10/12/2021
Amy ElsnerLeon Oldroyd ArgentinaDorl, James J Esq QUALIFIED10/15/2021
Amy ElsnerLeon Oldroyd CanadaKing, Christopher A Esq NEW10/18/2021
Amy ElsnerDeepesh Chui CanadaChapman, Ross E Esq PROPOSAL10/04/2021
Amy ElsnerKaitlin Ostrosky IndiaChemel, James L Cpa PROPOSAL10/10/2021
Amy ElsnerMaisha Rulapaugh SpainChanay, Jeffrey A Esq RENEWAL10/22/2021
Amy ElsnerSinclair Waycott ArgentinaKing, Christopher A Esq QUALIFIED09/30/2021
Total Customers:7
Anna Fali
Anna FaliMaria Marrier IndiaBenton, John B Jr QUALIFIED09/29/2021
Anna FaliAditya Kusko RussiaChapman, Ross E Esq RENEWAL10/07/2021
Total Customers:2
Asiya Javayant
Asiya JavayantStacey Maclead FranceChanay, Jeffrey A Esq UNQUALIFIED10/19/2021
Asiya JavayantDarci Poquette SpainDorl, James J Esq NEW10/12/2021
Asiya JavayantChavez Briddick IndiaRangoni Of Florence NEW10/11/2021
Asiya JavayantEmily Whobrey BrazilTruhlar And Truhlar Attys QUALIFIED10/21/2021
Asiya JavayantTony Foller IndiaFeltz Printing Service NEW10/23/2021
Total Customers:5
Bernardo Dominic
Bernardo DominicNicolas Iturbide JapanFeiner Bros UNQUALIFIED10/05/2021
Bernardo DominicWickens Nestle AustraliaBenton, John B Jr NEW10/03/2021
Bernardo DominicJeanfrancois Venere BrazilChapman, Ross E Esq NEGOTIATION09/26/2021
Total Customers:3
Elwin Sharvill
Elwin SharvillAdams Morasca AustraliaChanay, Jeffrey A Esq NEGOTIATION10/01/2021
Elwin SharvillCody Saylors IndiaFeiner Bros PROPOSAL10/12/2021
Elwin SharvillJennifer Amigon ItalyRousseaux, Michael Esq NEW10/23/2021
Elwin SharvillRodrigues Campain JapanRousseaux, Michael Esq NEW10/08/2021
Elwin SharvillMorrow Ruta JapanFeiner Bros PROPOSAL10/19/2021
Elwin SharvillJohnson Sergi ArgentinaPrinting Dimensions RENEWAL09/28/2021
Elwin SharvillLeja Caldarera United KingdomChanay, Jeffrey A Esq PROPOSAL10/17/2021
Total Customers:7
Ioni Bowcher
Ioni BowcherJames Butt BrazilCommercial Press RENEWAL10/09/2021
Ioni BowcherChavez Briddick United KingdomTruhlar And Truhlar Attys NEW10/08/2021
Ioni BowcherMayumi Kolmetz United KingdomDorl, James J Esq NEW10/01/2021
Ioni BowcherNicolas Iturbide ArgentinaMorlong Associates RENEWAL10/09/2021
Ioni BowcherClifford Rim GermanyKing, Christopher A Esq RENEWAL10/20/2021
Ioni BowcherLeon Oldroyd ArgentinaBenton, John B Jr QUALIFIED09/25/2021
Ioni BowcherIsabel Bowley JapanBenton, John B Jr NEGOTIATION09/27/2021
Ioni BowcherAruna Figeroa FranceFeiner Bros NEGOTIATION10/02/2021
Ioni BowcherCosta Dilliard IndiaDorl, James J Esq NEW10/03/2021
Total Customers:9
Ivan Magalhaes
Ivan MagalhaesSilvio Slusarski ArgentinaBuckley Miller Wright PROPOSAL10/03/2021
Ivan MagalhaesJuan Wieser IndiaKing, Christopher A Esq QUALIFIED10/13/2021
Ivan MagalhaesMayumi Kolmetz JapanDorl, James J Esq QUALIFIED10/14/2021
Ivan MagalhaesCosta Dilliard BrazilPrinting Dimensions QUALIFIED10/13/2021
Ivan MagalhaesAshley Doe JapanFeiner Bros RENEWAL10/01/2021
Total Customers:5
Onyama Limba
Onyama LimbaMaria Marrier SpainBenton, John B Jr NEW10/12/2021
Onyama LimbaFrancesco Shinko BrazilTruhlar And Truhlar Attys QUALIFIED09/30/2021
Onyama LimbaTony Foller AustraliaMorlong Associates QUALIFIED10/12/2021
Onyama LimbaFaith Gillian AustraliaFeiner Bros PROPOSAL10/16/2021
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengCody Saylors BrazilBuckley Miller Wright RENEWAL09/27/2021
Xuxue FengJames Butt IndiaTruhlar And Truhlar Attys NEW10/23/2021
Xuxue FengDarci Poquette SpainMorlong Associates NEW10/17/2021
Total Customers:3
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerLeja Caldarera JapanKing, Christopher A Esq QUALIFIED10/12/2021
Amy ElsnerLeon Oldroyd ArgentinaDorl, James J Esq QUALIFIED10/15/2021
Amy ElsnerLeon Oldroyd CanadaKing, Christopher A Esq NEW10/18/2021
Amy ElsnerDeepesh Chui CanadaChapman, Ross E Esq PROPOSAL10/04/2021
Amy ElsnerKaitlin Ostrosky IndiaChemel, James L Cpa PROPOSAL10/10/2021
Amy ElsnerMaisha Rulapaugh SpainChanay, Jeffrey A Esq RENEWAL10/22/2021
Amy ElsnerSinclair Waycott ArgentinaKing, Christopher A Esq QUALIFIED09/30/2021
Anna FaliMaria Marrier IndiaBenton, John B Jr QUALIFIED09/29/2021
Anna FaliAditya Kusko RussiaChapman, Ross E Esq RENEWAL10/07/2021
Asiya JavayantStacey Maclead FranceChanay, Jeffrey A Esq UNQUALIFIED10/19/2021
Asiya JavayantDarci Poquette SpainDorl, James J Esq NEW10/12/2021
Asiya JavayantChavez Briddick IndiaRangoni Of Florence NEW10/11/2021
Asiya JavayantEmily Whobrey BrazilTruhlar And Truhlar Attys QUALIFIED10/21/2021
Asiya JavayantTony Foller IndiaFeltz Printing Service NEW10/23/2021
Bernardo DominicNicolas Iturbide JapanFeiner Bros UNQUALIFIED10/05/2021
Bernardo DominicWickens Nestle AustraliaBenton, John B Jr NEW10/03/2021
Bernardo DominicJeanfrancois Venere BrazilChapman, Ross E Esq NEGOTIATION09/26/2021
Elwin SharvillAdams Morasca AustraliaChanay, Jeffrey A Esq NEGOTIATION10/01/2021
Elwin SharvillCody Saylors IndiaFeiner Bros PROPOSAL10/12/2021
Elwin SharvillJennifer Amigon ItalyRousseaux, Michael Esq NEW10/23/2021
Elwin SharvillRodrigues Campain JapanRousseaux, Michael Esq NEW10/08/2021
Elwin SharvillMorrow Ruta JapanFeiner Bros PROPOSAL10/19/2021
Elwin SharvillJohnson Sergi ArgentinaPrinting Dimensions RENEWAL09/28/2021
Elwin SharvillLeja Caldarera United KingdomChanay, Jeffrey A Esq PROPOSAL10/17/2021
Ioni BowcherJames Butt BrazilCommercial Press RENEWAL10/09/2021
Ioni BowcherChavez Briddick United KingdomTruhlar And Truhlar Attys NEW10/08/2021
Ioni BowcherMayumi Kolmetz United KingdomDorl, James J Esq NEW10/01/2021
Ioni BowcherNicolas Iturbide ArgentinaMorlong Associates RENEWAL10/09/2021
Ioni BowcherClifford Rim GermanyKing, Christopher A Esq RENEWAL10/20/2021
Ioni BowcherLeon Oldroyd ArgentinaBenton, John B Jr QUALIFIED09/25/2021
Ioni BowcherIsabel Bowley JapanBenton, John B Jr NEGOTIATION09/27/2021
Ioni BowcherAruna Figeroa FranceFeiner Bros NEGOTIATION10/02/2021
Ioni BowcherCosta Dilliard IndiaDorl, James J Esq NEW10/03/2021
Ivan MagalhaesSilvio Slusarski ArgentinaBuckley Miller Wright PROPOSAL10/03/2021
Ivan MagalhaesJuan Wieser IndiaKing, Christopher A Esq QUALIFIED10/13/2021
Ivan MagalhaesMayumi Kolmetz JapanDorl, James J Esq QUALIFIED10/14/2021
Ivan MagalhaesCosta Dilliard BrazilPrinting Dimensions QUALIFIED10/13/2021
Ivan MagalhaesAshley Doe JapanFeiner Bros RENEWAL10/01/2021
Onyama LimbaMaria Marrier SpainBenton, John B Jr NEW10/12/2021
Onyama LimbaFrancesco Shinko BrazilTruhlar And Truhlar Attys QUALIFIED09/30/2021
Onyama LimbaTony Foller AustraliaMorlong Associates QUALIFIED10/12/2021
Onyama LimbaFaith Gillian AustraliaFeiner Bros PROPOSAL10/16/2021
Stephen ShawDavid Darakjy ArgentinaChemel, James L Cpa UNQUALIFIED09/26/2021
Stephen ShawAdams Morasca AustraliaCommercial Press NEGOTIATION09/25/2021
Stephen ShawIzzy Garufi JapanRangoni Of Florence QUALIFIED10/20/2021
Stephen ShawClifford Rim JapanKing, Christopher A Esq QUALIFIED09/26/2021
Stephen ShawLeja Caldarera JapanFeiner Bros UNQUALIFIED10/23/2021
Xuxue FengCody Saylors BrazilBuckley Miller Wright RENEWAL09/27/2021
Xuxue FengJames Butt IndiaTruhlar And Truhlar Attys NEW10/23/2021
Xuxue FengDarci Poquette SpainMorlong Associates NEW10/17/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: