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 ElsnerGreenwood Bolognia FranceFeltz Printing Service NEGOTIATION10/04/2021
Amy ElsnerSilvio Slusarski SpainBenton, John B Jr NEW10/11/2021
Amy ElsnerFrancesco Shinko ItalyKing, Christopher A Esq RENEWAL10/11/2021
Amy ElsnerRicardo Gaucho ItalyRousseaux, Michael Esq UNQUALIFIED10/07/2021
Amy ElsnerAika Inouye CanadaKing, Christopher A Esq NEGOTIATION09/22/2021
Amy ElsnerLeja Caldarera JapanChemel, James L Cpa QUALIFIED10/11/2021
Amy ElsnerDeepesh Chui ArgentinaCommercial Press UNQUALIFIED09/21/2021
Total Customers:7
Anna Fali
Anna FaliSalvatore Stockham BrazilKing, Christopher A Esq QUALIFIED10/14/2021
Anna FaliMurillo Malet ArgentinaMorlong Associates QUALIFIED10/14/2021
Anna FaliKadeem Flosi CanadaKing, Christopher A Esq QUALIFIED10/12/2021
Anna FaliTony Foller BrazilKing, Christopher A Esq PROPOSAL10/01/2021
Total Customers:4
Asiya Javayant
Asiya JavayantDarci Poquette RussiaBuckley Miller Wright NEW09/28/2021
Asiya JavayantDeepesh Chui RussiaCommercial Press NEW09/24/2021
Total Customers:2
Bernardo Dominic
Bernardo DominicDeepesh Chui ItalyRangoni Of Florence QUALIFIED10/14/2021
Bernardo DominicKadeem Flosi ItalyChemel, James L Cpa NEW10/04/2021
Bernardo DominicJeanfrancois Venere United KingdomDorl, James J Esq NEGOTIATION10/01/2021
Bernardo DominicJames Butt United KingdomDorl, James J Esq QUALIFIED09/25/2021
Total Customers:4
Elwin Sharvill
Elwin SharvillIzzy Garufi FranceKing, Christopher A Esq NEGOTIATION10/03/2021
Elwin SharvillNicolas Iturbide ItalyChanay, Jeffrey A Esq PROPOSAL10/06/2021
Elwin SharvillWickens Nestle ArgentinaMorlong Associates UNQUALIFIED10/07/2021
Total Customers:3
Ioni Bowcher
Ioni BowcherSmith Glick FranceFeiner Bros UNQUALIFIED10/02/2021
Ioni BowcherTony Foller SpainRangoni Of Florence QUALIFIED09/29/2021
Ioni BowcherJefferson Schemmer SpainTruhlar And Truhlar Attys RENEWAL10/12/2021
Ioni BowcherEmily Whobrey United KingdomRangoni Of Florence PROPOSAL10/08/2021
Ioni BowcherMurillo Malet SpainMorlong Associates PROPOSAL10/08/2021
Ioni BowcherMunro Ferencz ItalyBuckley Miller Wright NEW09/29/2021
Ioni BowcherAlejandro Perin FrancePrinting Dimensions NEW10/06/2021
Ioni BowcherJames Butt JapanDorl, James J Esq PROPOSAL10/09/2021
Ioni BowcherAntonio Caudy FranceDorl, James J Esq PROPOSAL09/24/2021
Total Customers:9
Ivan Magalhaes
Ivan MagalhaesJeanfrancois Venere SpainRousseaux, Michael Esq RENEWAL10/08/2021
Ivan MagalhaesOctavia Malet ItalyFeiner Bros UNQUALIFIED10/08/2021
Ivan MagalhaesEmily Whobrey RussiaChemel, James L Cpa QUALIFIED10/01/2021
Ivan MagalhaesMaria Marrier United KingdomDorl, James J Esq NEW09/22/2021
Ivan MagalhaesClaire Tollner RussiaRousseaux, Michael Esq PROPOSAL10/04/2021
Ivan MagalhaesSmith Glick SpainDorl, James J Esq NEGOTIATION09/22/2021
Total Customers:6
Onyama Limba
Onyama LimbaMisaki Royster ItalyMorlong Associates QUALIFIED10/08/2021
Onyama LimbaKadeem Flosi JapanKing, Christopher A Esq PROPOSAL10/13/2021
Onyama LimbaMaria Marrier CanadaFeltz Printing Service RENEWAL10/09/2021
Onyama LimbaMunro Ferencz RussiaFeiner Bros UNQUALIFIED10/17/2021
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengIsabel Bowley JapanCommercial Press QUALIFIED10/12/2021
Xuxue FengKaitlin Ostrosky AustraliaTruhlar And Truhlar Attys PROPOSAL09/25/2021
Xuxue FengEmily Whobrey IndiaPrinting Dimensions NEGOTIATION09/27/2021
Xuxue FengNicolas Iturbide AustraliaBuckley Miller Wright PROPOSAL10/01/2021
Xuxue FengAntonio Caudy BrazilCommercial Press UNQUALIFIED10/11/2021
Xuxue FengStacey Maclead United KingdomCommercial Press PROPOSAL10/18/2021
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerGreenwood Bolognia FranceFeltz Printing Service NEGOTIATION10/04/2021
Amy ElsnerSilvio Slusarski SpainBenton, John B Jr NEW10/11/2021
Amy ElsnerFrancesco Shinko ItalyKing, Christopher A Esq RENEWAL10/11/2021
Amy ElsnerRicardo Gaucho ItalyRousseaux, Michael Esq UNQUALIFIED10/07/2021
Amy ElsnerAika Inouye CanadaKing, Christopher A Esq NEGOTIATION09/22/2021
Amy ElsnerLeja Caldarera JapanChemel, James L Cpa QUALIFIED10/11/2021
Amy ElsnerDeepesh Chui ArgentinaCommercial Press UNQUALIFIED09/21/2021
Anna FaliSalvatore Stockham BrazilKing, Christopher A Esq QUALIFIED10/14/2021
Anna FaliMurillo Malet ArgentinaMorlong Associates QUALIFIED10/14/2021
Anna FaliKadeem Flosi CanadaKing, Christopher A Esq QUALIFIED10/12/2021
Anna FaliTony Foller BrazilKing, Christopher A Esq PROPOSAL10/01/2021
Asiya JavayantDarci Poquette RussiaBuckley Miller Wright NEW09/28/2021
Asiya JavayantDeepesh Chui RussiaCommercial Press NEW09/24/2021
Bernardo DominicDeepesh Chui ItalyRangoni Of Florence QUALIFIED10/14/2021
Bernardo DominicKadeem Flosi ItalyChemel, James L Cpa NEW10/04/2021
Bernardo DominicJeanfrancois Venere United KingdomDorl, James J Esq NEGOTIATION10/01/2021
Bernardo DominicJames Butt United KingdomDorl, James J Esq QUALIFIED09/25/2021
Elwin SharvillIzzy Garufi FranceKing, Christopher A Esq NEGOTIATION10/03/2021
Elwin SharvillNicolas Iturbide ItalyChanay, Jeffrey A Esq PROPOSAL10/06/2021
Elwin SharvillWickens Nestle ArgentinaMorlong Associates UNQUALIFIED10/07/2021
Ioni BowcherSmith Glick FranceFeiner Bros UNQUALIFIED10/02/2021
Ioni BowcherTony Foller SpainRangoni Of Florence QUALIFIED09/29/2021
Ioni BowcherJefferson Schemmer SpainTruhlar And Truhlar Attys RENEWAL10/12/2021
Ioni BowcherEmily Whobrey United KingdomRangoni Of Florence PROPOSAL10/08/2021
Ioni BowcherMurillo Malet SpainMorlong Associates PROPOSAL10/08/2021
Ioni BowcherMunro Ferencz ItalyBuckley Miller Wright NEW09/29/2021
Ioni BowcherAlejandro Perin FrancePrinting Dimensions NEW10/06/2021
Ioni BowcherJames Butt JapanDorl, James J Esq PROPOSAL10/09/2021
Ioni BowcherAntonio Caudy FranceDorl, James J Esq PROPOSAL09/24/2021
Ivan MagalhaesJeanfrancois Venere SpainRousseaux, Michael Esq RENEWAL10/08/2021
Ivan MagalhaesOctavia Malet ItalyFeiner Bros UNQUALIFIED10/08/2021
Ivan MagalhaesEmily Whobrey RussiaChemel, James L Cpa QUALIFIED10/01/2021
Ivan MagalhaesMaria Marrier United KingdomDorl, James J Esq NEW09/22/2021
Ivan MagalhaesClaire Tollner RussiaRousseaux, Michael Esq PROPOSAL10/04/2021
Ivan MagalhaesSmith Glick SpainDorl, James J Esq NEGOTIATION09/22/2021
Onyama LimbaMisaki Royster ItalyMorlong Associates QUALIFIED10/08/2021
Onyama LimbaKadeem Flosi JapanKing, Christopher A Esq PROPOSAL10/13/2021
Onyama LimbaMaria Marrier CanadaFeltz Printing Service RENEWAL10/09/2021
Onyama LimbaMunro Ferencz RussiaFeiner Bros UNQUALIFIED10/17/2021
Stephen ShawMaisha Rulapaugh BrazilBenton, John B Jr RENEWAL10/01/2021
Stephen ShawFrancesco Shinko GermanyMorlong Associates UNQUALIFIED09/23/2021
Stephen ShawWickens Nestle SpainTruhlar And Truhlar Attys QUALIFIED10/04/2021
Stephen ShawMayumi Kolmetz FranceChanay, Jeffrey A Esq NEGOTIATION10/03/2021
Stephen ShawGreenwood Bolognia JapanMorlong Associates NEW10/04/2021
Xuxue FengIsabel Bowley JapanCommercial Press QUALIFIED10/12/2021
Xuxue FengKaitlin Ostrosky AustraliaTruhlar And Truhlar Attys PROPOSAL09/25/2021
Xuxue FengEmily Whobrey IndiaPrinting Dimensions NEGOTIATION09/27/2021
Xuxue FengNicolas Iturbide AustraliaBuckley Miller Wright PROPOSAL10/01/2021
Xuxue FengAntonio Caudy BrazilCommercial Press UNQUALIFIED10/11/2021
Xuxue FengStacey Maclead United KingdomCommercial Press PROPOSAL10/18/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: