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.

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 ElsnerIzzy Garufi AustraliaDorl, James J Esq PROPOSAL03/16/2021
Amy ElsnerIvar Paprocki FranceChanay, Jeffrey A Esq QUALIFIED03/30/2021
Amy ElsnerOctavia Malet BrazilRousseaux, Michael Esq PROPOSAL04/09/2021
Amy ElsnerEmily Whobrey RussiaDorl, James J Esq UNQUALIFIED03/20/2021
Amy ElsnerAshley Doe ArgentinaChapman, Ross E Esq NEW03/20/2021
Amy ElsnerCosta Dilliard FranceTruhlar And Truhlar Attys RENEWAL03/14/2021
Total Customers:6
Anna Fali
Anna FaliLeon Oldroyd United KingdomMorlong Associates NEW03/16/2021
Anna FaliMisaki Royster United KingdomRousseaux, Michael Esq PROPOSAL03/30/2021
Anna FaliSilvio Slusarski CanadaChanay, Jeffrey A Esq QUALIFIED04/02/2021
Anna FaliKadeem Flosi RussiaFeltz Printing Service QUALIFIED04/03/2021
Anna FaliJames Butt ItalyFeltz Printing Service UNQUALIFIED04/01/2021
Anna FaliJulie Stenseth CanadaFeltz Printing Service RENEWAL04/08/2021
Anna FaliIsabel Bowley ItalyFeltz Printing Service NEW04/08/2021
Anna FaliJennifer Amigon ItalyTruhlar And Truhlar Attys NEW03/18/2021
Total Customers:8
Asiya Javayant
Asiya JavayantAlejandro Perin AustraliaPrinting Dimensions UNQUALIFIED03/15/2021
Asiya JavayantSilvio Slusarski BrazilPrinting Dimensions UNQUALIFIED04/06/2021
Asiya JavayantAntonio Caudy ItalyFeiner Bros PROPOSAL03/13/2021
Total Customers:3
Bernardo Dominic
Bernardo DominicTony Foller BrazilFeltz Printing Service PROPOSAL04/06/2021
Bernardo DominicStacey Maclead SpainFeltz Printing Service NEGOTIATION03/14/2021
Bernardo DominicJefferson Schemmer United KingdomChanay, Jeffrey A Esq NEGOTIATION03/18/2021
Total Customers:3
Elwin Sharvill
Elwin SharvillJeanfrancois Venere BrazilRangoni Of Florence QUALIFIED04/02/2021
Elwin SharvillMisaki Royster CanadaKing, Christopher A Esq NEW03/19/2021
Elwin SharvillChavez Briddick RussiaRousseaux, Michael Esq NEW04/05/2021
Elwin SharvillAshley Doe SpainRousseaux, Michael Esq NEGOTIATION03/30/2021
Elwin SharvillIzzy Garufi JapanRangoni Of Florence PROPOSAL04/07/2021
Total Customers:5
Ioni Bowcher
Ioni BowcherAntonio Caudy ItalyFeltz Printing Service NEW04/05/2021
Ioni BowcherAdams Morasca United KingdomRousseaux, Michael Esq NEW03/12/2021
Ioni BowcherJuan Wieser RussiaCommercial Press QUALIFIED03/28/2021
Ioni BowcherLeja Caldarera SpainKing, Christopher A Esq RENEWAL04/05/2021
Ioni BowcherNicolas Iturbide United KingdomPrinting Dimensions QUALIFIED03/25/2021
Ioni BowcherAntonio Caudy RussiaFeltz Printing Service NEGOTIATION03/13/2021
Total Customers:6
Ivan Magalhaes
Ivan MagalhaesNicolas Iturbide United KingdomChapman, Ross E Esq RENEWAL04/01/2021
Ivan MagalhaesMorrow Ruta BrazilMorlong Associates UNQUALIFIED03/19/2021
Ivan MagalhaesIsabel Bowley JapanRangoni Of Florence NEGOTIATION03/18/2021
Ivan MagalhaesJohnson Sergi CanadaDorl, James J Esq PROPOSAL04/07/2021
Total Customers:4
Onyama Limba
Onyama LimbaAlejandro Perin BrazilChanay, Jeffrey A Esq NEGOTIATION04/01/2021
Onyama LimbaMunro Ferencz BrazilBuckley Miller Wright UNQUALIFIED03/18/2021
Onyama LimbaRodrigues Campain CanadaKing, Christopher A Esq RENEWAL03/19/2021
Onyama LimbaJames Butt ArgentinaKing, Christopher A Esq RENEWAL04/06/2021
Onyama LimbaSinclair Waycott CanadaTruhlar And Truhlar Attys RENEWAL04/09/2021
Onyama LimbaClifford Rim JapanFeltz Printing Service PROPOSAL04/02/2021
Onyama LimbaDarci Poquette ArgentinaCommercial Press NEW04/08/2021
Total Customers:7
Stephen Shaw
Xuxue Feng
Xuxue FengIzzy Garufi FranceFeiner Bros RENEWAL04/01/2021
Xuxue FengDarci Poquette ItalyMorlong Associates UNQUALIFIED03/12/2021
Xuxue FengEmily Whobrey JapanChapman, Ross E Esq PROPOSAL03/21/2021
Xuxue FengJohnson Sergi United KingdomPrinting Dimensions UNQUALIFIED04/03/2021
Total Customers:4
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerIzzy Garufi AustraliaDorl, James J Esq PROPOSAL03/16/2021
Amy ElsnerIvar Paprocki FranceChanay, Jeffrey A Esq QUALIFIED03/30/2021
Amy ElsnerOctavia Malet BrazilRousseaux, Michael Esq PROPOSAL04/09/2021
Amy ElsnerEmily Whobrey RussiaDorl, James J Esq UNQUALIFIED03/20/2021
Amy ElsnerAshley Doe ArgentinaChapman, Ross E Esq NEW03/20/2021
Amy ElsnerCosta Dilliard FranceTruhlar And Truhlar Attys RENEWAL03/14/2021
Anna FaliLeon Oldroyd United KingdomMorlong Associates NEW03/16/2021
Anna FaliMisaki Royster United KingdomRousseaux, Michael Esq PROPOSAL03/30/2021
Anna FaliSilvio Slusarski CanadaChanay, Jeffrey A Esq QUALIFIED04/02/2021
Anna FaliKadeem Flosi RussiaFeltz Printing Service QUALIFIED04/03/2021
Anna FaliJames Butt ItalyFeltz Printing Service UNQUALIFIED04/01/2021
Anna FaliJulie Stenseth CanadaFeltz Printing Service RENEWAL04/08/2021
Anna FaliIsabel Bowley ItalyFeltz Printing Service NEW04/08/2021
Anna FaliJennifer Amigon ItalyTruhlar And Truhlar Attys NEW03/18/2021
Asiya JavayantAlejandro Perin AustraliaPrinting Dimensions UNQUALIFIED03/15/2021
Asiya JavayantSilvio Slusarski BrazilPrinting Dimensions UNQUALIFIED04/06/2021
Asiya JavayantAntonio Caudy ItalyFeiner Bros PROPOSAL03/13/2021
Bernardo DominicTony Foller BrazilFeltz Printing Service PROPOSAL04/06/2021
Bernardo DominicStacey Maclead SpainFeltz Printing Service NEGOTIATION03/14/2021
Bernardo DominicJefferson Schemmer United KingdomChanay, Jeffrey A Esq NEGOTIATION03/18/2021
Elwin SharvillJeanfrancois Venere BrazilRangoni Of Florence QUALIFIED04/02/2021
Elwin SharvillMisaki Royster CanadaKing, Christopher A Esq NEW03/19/2021
Elwin SharvillChavez Briddick RussiaRousseaux, Michael Esq NEW04/05/2021
Elwin SharvillAshley Doe SpainRousseaux, Michael Esq NEGOTIATION03/30/2021
Elwin SharvillIzzy Garufi JapanRangoni Of Florence PROPOSAL04/07/2021
Ioni BowcherAntonio Caudy ItalyFeltz Printing Service NEW04/05/2021
Ioni BowcherAdams Morasca United KingdomRousseaux, Michael Esq NEW03/12/2021
Ioni BowcherJuan Wieser RussiaCommercial Press QUALIFIED03/28/2021
Ioni BowcherLeja Caldarera SpainKing, Christopher A Esq RENEWAL04/05/2021
Ioni BowcherNicolas Iturbide United KingdomPrinting Dimensions QUALIFIED03/25/2021
Ioni BowcherAntonio Caudy RussiaFeltz Printing Service NEGOTIATION03/13/2021
Ivan MagalhaesNicolas Iturbide United KingdomChapman, Ross E Esq RENEWAL04/01/2021
Ivan MagalhaesMorrow Ruta BrazilMorlong Associates UNQUALIFIED03/19/2021
Ivan MagalhaesIsabel Bowley JapanRangoni Of Florence NEGOTIATION03/18/2021
Ivan MagalhaesJohnson Sergi CanadaDorl, James J Esq PROPOSAL04/07/2021
Onyama LimbaAlejandro Perin BrazilChanay, Jeffrey A Esq NEGOTIATION04/01/2021
Onyama LimbaMunro Ferencz BrazilBuckley Miller Wright UNQUALIFIED03/18/2021
Onyama LimbaRodrigues Campain CanadaKing, Christopher A Esq RENEWAL03/19/2021
Onyama LimbaJames Butt ArgentinaKing, Christopher A Esq RENEWAL04/06/2021
Onyama LimbaSinclair Waycott CanadaTruhlar And Truhlar Attys RENEWAL04/09/2021
Onyama LimbaClifford Rim JapanFeltz Printing Service PROPOSAL04/02/2021
Onyama LimbaDarci Poquette ArgentinaCommercial Press NEW04/08/2021
Stephen ShawJeanfrancois Venere RussiaTruhlar And Truhlar Attys NEGOTIATION03/24/2021
Stephen ShawAdams Morasca GermanyMorlong Associates NEGOTIATION04/01/2021
Stephen ShawJames Butt BrazilRangoni Of Florence QUALIFIED04/03/2021
Stephen ShawLeja Caldarera GermanyPrinting Dimensions PROPOSAL03/22/2021
Xuxue FengIzzy Garufi FranceFeiner Bros RENEWAL04/01/2021
Xuxue FengDarci Poquette ItalyMorlong Associates UNQUALIFIED03/12/2021
Xuxue FengEmily Whobrey JapanChapman, Ross E Esq PROPOSAL03/21/2021
Xuxue FengJohnson Sergi United KingdomPrinting Dimensions UNQUALIFIED04/03/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>