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 ElsnerMunro Ferencz SpainFeiner Bros NEW10/15/2021
Amy ElsnerSilvio Slusarski BrazilFeiner Bros RENEWAL10/01/2021
Amy ElsnerEmily Whobrey ItalyTruhlar And Truhlar Attys QUALIFIED09/25/2021
Amy ElsnerFrancesco Shinko AustraliaChanay, Jeffrey A Esq NEW09/29/2021
Amy ElsnerAlejandro Perin AustraliaFeltz Printing Service NEGOTIATION10/17/2021
Amy ElsnerIvar Paprocki AustraliaRousseaux, Michael Esq PROPOSAL10/03/2021
Amy ElsnerLeon Oldroyd JapanBuckley Miller Wright NEW10/13/2021
Amy ElsnerJohnson Sergi CanadaBenton, John B Jr UNQUALIFIED10/12/2021
Amy ElsnerLeja Caldarera ItalyRangoni Of Florence UNQUALIFIED09/28/2021
Amy ElsnerJefferson Schemmer ItalyRangoni Of Florence UNQUALIFIED09/22/2021
Total Customers:10
Anna Fali
Anna FaliAlejandro Perin BrazilRousseaux, Michael Esq RENEWAL10/02/2021
Anna FaliMunro Ferencz RussiaRangoni Of Florence NEGOTIATION10/20/2021
Anna FaliArvin Albares ArgentinaFeltz Printing Service PROPOSAL10/11/2021
Anna FaliClifford Rim IndiaChapman, Ross E Esq RENEWAL10/15/2021
Total Customers:4
Asiya Javayant
Asiya JavayantCody Saylors JapanFeltz Printing Service NEW10/11/2021
Asiya JavayantArvin Albares United KingdomChapman, Ross E Esq PROPOSAL09/28/2021
Asiya JavayantIzzy Garufi GermanyTruhlar And Truhlar Attys PROPOSAL09/30/2021
Asiya JavayantSinclair Waycott AustraliaBuckley Miller Wright PROPOSAL09/30/2021
Asiya JavayantCosta Dilliard RussiaChemel, James L Cpa PROPOSAL09/29/2021
Asiya JavayantRodrigues Campain IndiaChanay, Jeffrey A Esq UNQUALIFIED10/10/2021
Asiya JavayantChavez Briddick FranceBuckley Miller Wright UNQUALIFIED09/25/2021
Asiya JavayantFaith Gillian AustraliaCommercial Press PROPOSAL10/19/2021
Asiya JavayantJefferson Schemmer RussiaMorlong Associates UNQUALIFIED10/11/2021
Asiya JavayantDarci Poquette ArgentinaBuckley Miller Wright UNQUALIFIED09/30/2021
Total Customers:10
Bernardo Dominic
Bernardo DominicJeanfrancois Venere FranceDorl, James J Esq UNQUALIFIED10/16/2021
Total Customers:1
Elwin Sharvill
Elwin SharvillAshley Doe CanadaChapman, Ross E Esq PROPOSAL09/26/2021
Elwin SharvillOctavia Malet United KingdomChanay, Jeffrey A Esq PROPOSAL10/20/2021
Elwin SharvillAditya Kusko BrazilChanay, Jeffrey A Esq UNQUALIFIED10/03/2021
Elwin SharvillLeja Caldarera JapanDorl, James J Esq UNQUALIFIED10/17/2021
Total Customers:4
Ioni Bowcher
Ioni BowcherSalvatore Stockham ArgentinaFeiner Bros PROPOSAL10/16/2021
Ioni BowcherCosta Dilliard GermanyFeiner Bros UNQUALIFIED09/26/2021
Ioni BowcherMaisha Rulapaugh SpainDorl, James J Esq NEW10/17/2021
Ioni BowcherLeja Caldarera SpainBenton, John B Jr UNQUALIFIED10/08/2021
Ioni BowcherWickens Nestle GermanyMorlong Associates NEGOTIATION10/11/2021
Ioni BowcherTony Foller CanadaMorlong Associates NEW09/27/2021
Total Customers:6
Ivan Magalhaes
Ivan MagalhaesMunro Ferencz SpainFeiner Bros QUALIFIED09/25/2021
Ivan MagalhaesAntonio Caudy RussiaBuckley Miller Wright NEW09/28/2021
Ivan MagalhaesRodrigues Campain CanadaRangoni Of Florence QUALIFIED10/03/2021
Ivan MagalhaesNicolas Iturbide SpainRousseaux, Michael Esq QUALIFIED10/05/2021
Ivan MagalhaesCody Saylors CanadaFeltz Printing Service NEGOTIATION10/08/2021
Ivan MagalhaesLeja Caldarera ItalyKing, Christopher A Esq NEGOTIATION10/18/2021
Ivan MagalhaesSinclair Waycott CanadaCommercial Press UNQUALIFIED09/22/2021
Total Customers:7
Onyama Limba
Onyama LimbaMaisha Rulapaugh FranceFeiner Bros NEGOTIATION10/18/2021
Onyama LimbaWickens Nestle ItalyChemel, James L Cpa NEGOTIATION10/09/2021
Onyama LimbaFrancesco Shinko JapanChanay, Jeffrey A Esq UNQUALIFIED10/14/2021
Total Customers:3
Stephen Shaw
Xuxue Feng
Xuxue FengAlejandro Perin ArgentinaKing, Christopher A Esq NEW09/24/2021
Total Customers:1
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerMunro Ferencz SpainFeiner Bros NEW10/15/2021
Amy ElsnerSilvio Slusarski BrazilFeiner Bros RENEWAL10/01/2021
Amy ElsnerEmily Whobrey ItalyTruhlar And Truhlar Attys QUALIFIED09/25/2021
Amy ElsnerFrancesco Shinko AustraliaChanay, Jeffrey A Esq NEW09/29/2021
Amy ElsnerAlejandro Perin AustraliaFeltz Printing Service NEGOTIATION10/17/2021
Amy ElsnerIvar Paprocki AustraliaRousseaux, Michael Esq PROPOSAL10/03/2021
Amy ElsnerLeon Oldroyd JapanBuckley Miller Wright NEW10/13/2021
Amy ElsnerJohnson Sergi CanadaBenton, John B Jr UNQUALIFIED10/12/2021
Amy ElsnerLeja Caldarera ItalyRangoni Of Florence UNQUALIFIED09/28/2021
Amy ElsnerJefferson Schemmer ItalyRangoni Of Florence UNQUALIFIED09/22/2021
Anna FaliAlejandro Perin BrazilRousseaux, Michael Esq RENEWAL10/02/2021
Anna FaliMunro Ferencz RussiaRangoni Of Florence NEGOTIATION10/20/2021
Anna FaliArvin Albares ArgentinaFeltz Printing Service PROPOSAL10/11/2021
Anna FaliClifford Rim IndiaChapman, Ross E Esq RENEWAL10/15/2021
Asiya JavayantCody Saylors JapanFeltz Printing Service NEW10/11/2021
Asiya JavayantArvin Albares United KingdomChapman, Ross E Esq PROPOSAL09/28/2021
Asiya JavayantIzzy Garufi GermanyTruhlar And Truhlar Attys PROPOSAL09/30/2021
Asiya JavayantSinclair Waycott AustraliaBuckley Miller Wright PROPOSAL09/30/2021
Asiya JavayantCosta Dilliard RussiaChemel, James L Cpa PROPOSAL09/29/2021
Asiya JavayantRodrigues Campain IndiaChanay, Jeffrey A Esq UNQUALIFIED10/10/2021
Asiya JavayantChavez Briddick FranceBuckley Miller Wright UNQUALIFIED09/25/2021
Asiya JavayantFaith Gillian AustraliaCommercial Press PROPOSAL10/19/2021
Asiya JavayantJefferson Schemmer RussiaMorlong Associates UNQUALIFIED10/11/2021
Asiya JavayantDarci Poquette ArgentinaBuckley Miller Wright UNQUALIFIED09/30/2021
Bernardo DominicJeanfrancois Venere FranceDorl, James J Esq UNQUALIFIED10/16/2021
Elwin SharvillAshley Doe CanadaChapman, Ross E Esq PROPOSAL09/26/2021
Elwin SharvillOctavia Malet United KingdomChanay, Jeffrey A Esq PROPOSAL10/20/2021
Elwin SharvillAditya Kusko BrazilChanay, Jeffrey A Esq UNQUALIFIED10/03/2021
Elwin SharvillLeja Caldarera JapanDorl, James J Esq UNQUALIFIED10/17/2021
Ioni BowcherSalvatore Stockham ArgentinaFeiner Bros PROPOSAL10/16/2021
Ioni BowcherCosta Dilliard GermanyFeiner Bros UNQUALIFIED09/26/2021
Ioni BowcherMaisha Rulapaugh SpainDorl, James J Esq NEW10/17/2021
Ioni BowcherLeja Caldarera SpainBenton, John B Jr UNQUALIFIED10/08/2021
Ioni BowcherWickens Nestle GermanyMorlong Associates NEGOTIATION10/11/2021
Ioni BowcherTony Foller CanadaMorlong Associates NEW09/27/2021
Ivan MagalhaesMunro Ferencz SpainFeiner Bros QUALIFIED09/25/2021
Ivan MagalhaesAntonio Caudy RussiaBuckley Miller Wright NEW09/28/2021
Ivan MagalhaesRodrigues Campain CanadaRangoni Of Florence QUALIFIED10/03/2021
Ivan MagalhaesNicolas Iturbide SpainRousseaux, Michael Esq QUALIFIED10/05/2021
Ivan MagalhaesCody Saylors CanadaFeltz Printing Service NEGOTIATION10/08/2021
Ivan MagalhaesLeja Caldarera ItalyKing, Christopher A Esq NEGOTIATION10/18/2021
Ivan MagalhaesSinclair Waycott CanadaCommercial Press UNQUALIFIED09/22/2021
Onyama LimbaMaisha Rulapaugh FranceFeiner Bros NEGOTIATION10/18/2021
Onyama LimbaWickens Nestle ItalyChemel, James L Cpa NEGOTIATION10/09/2021
Onyama LimbaFrancesco Shinko JapanChanay, Jeffrey A Esq UNQUALIFIED10/14/2021
Stephen ShawRicardo Gaucho IndiaKing, Christopher A Esq QUALIFIED09/29/2021
Stephen ShawClaire Tollner SpainTruhlar And Truhlar Attys NEGOTIATION10/08/2021
Stephen ShawStacey Maclead AustraliaRousseaux, Michael Esq NEGOTIATION10/08/2021
Stephen ShawMunro Ferencz JapanMorlong Associates UNQUALIFIED09/30/2021
Xuxue FengAlejandro Perin ArgentinaKing, Christopher A Esq NEW09/24/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: