Locale

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 Grouping

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 United KingdomRousseaux, Michael Esq PROPOSAL02/01/2021
Amy ElsnerMaisha Rulapaugh JapanFeiner Bros NEGOTIATION02/13/2021
Amy ElsnerDavid Darakjy GermanyDorl, James J Esq QUALIFIED02/07/2021
Amy ElsnerRodrigues Campain CanadaChanay, Jeffrey A Esq QUALIFIED02/15/2021
Amy ElsnerCosta Dilliard SpainFeiner Bros RENEWAL02/28/2021
Total Customers:5
Anna Fali
Anna FaliIvar Paprocki ItalyCommercial Press NEGOTIATION02/07/2021
Anna FaliMisaki Royster United KingdomCommercial Press NEGOTIATION02/17/2021
Anna FaliKadeem Flosi SpainBenton, John B Jr RENEWAL02/03/2021
Anna FaliTony Foller United KingdomRousseaux, Michael Esq QUALIFIED02/11/2021
Anna FaliJennifer Amigon ItalyChapman, Ross E Esq QUALIFIED02/13/2021
Anna FaliLeon Oldroyd JapanChapman, Ross E Esq RENEWAL02/09/2021
Anna FaliJulie Stenseth SpainRousseaux, Michael Esq RENEWAL01/31/2021
Anna FaliAntonio Caudy JapanBenton, John B Jr PROPOSAL02/11/2021
Anna FaliSmith Glick AustraliaFeltz Printing Service UNQUALIFIED02/26/2021
Total Customers:9
Asiya Javayant
Asiya JavayantJames Butt FranceFeiner Bros QUALIFIED02/17/2021
Asiya JavayantWickens Nestle ItalyRousseaux, Michael Esq NEGOTIATION02/04/2021
Asiya JavayantJones Vocelka SpainPrinting Dimensions NEW02/26/2021
Asiya JavayantMaria Marrier RussiaPrinting Dimensions UNQUALIFIED02/08/2021
Total Customers:4
Bernardo Dominic
Bernardo DominicCosta Dilliard SpainMorlong Associates RENEWAL02/11/2021
Bernardo DominicIzzy Garufi JapanDorl, James J Esq QUALIFIED02/27/2021
Bernardo DominicMorrow Ruta FranceTruhlar And Truhlar Attys NEGOTIATION02/03/2021
Bernardo DominicAlejandro Perin IndiaTruhlar And Truhlar Attys QUALIFIED02/05/2021
Bernardo DominicKadeem Flosi ArgentinaKing, Christopher A Esq NEW02/13/2021
Bernardo DominicJohnson Sergi IndiaDorl, James J Esq PROPOSAL01/31/2021
Bernardo DominicAika Inouye United KingdomRangoni Of Florence RENEWAL02/12/2021
Bernardo DominicStacey Maclead CanadaChapman, Ross E Esq NEW02/16/2021
Bernardo DominicJennifer Amigon RussiaFeiner Bros QUALIFIED02/02/2021
Total Customers:9
Elwin Sharvill
Elwin SharvillJennifer Amigon JapanBenton, John B Jr NEW02/05/2021
Elwin SharvillMorrow Ruta ArgentinaFeiner Bros PROPOSAL02/24/2021
Elwin SharvillSinclair Waycott AustraliaPrinting Dimensions PROPOSAL02/15/2021
Total Customers:3
Ioni Bowcher
Ioni BowcherKaitlin Ostrosky BrazilDorl, James J Esq UNQUALIFIED02/13/2021
Ioni BowcherMorrow Ruta FranceBenton, John B Jr RENEWAL02/03/2021
Ioni BowcherDeepesh Chui IndiaChapman, Ross E Esq NEGOTIATION02/07/2021
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesSilvio Slusarski BrazilChemel, James L Cpa NEW02/11/2021
Ivan MagalhaesIvar Paprocki SpainTruhlar And Truhlar Attys PROPOSAL02/26/2021
Ivan MagalhaesAdams Morasca RussiaBenton, John B Jr QUALIFIED02/20/2021
Ivan MagalhaesLeja Caldarera FranceRousseaux, Michael Esq QUALIFIED02/23/2021
Ivan MagalhaesKadeem Flosi JapanFeiner Bros NEGOTIATION02/27/2021
Total Customers:5
Onyama Limba
Onyama LimbaIzzy Garufi RussiaFeltz Printing Service NEGOTIATION02/12/2021
Onyama LimbaJulie Stenseth United KingdomTruhlar And Truhlar Attys PROPOSAL02/12/2021
Total Customers:2
Stephen Shaw
Xuxue Feng
Xuxue FengChavez Briddick SpainFeiner Bros UNQUALIFIED02/12/2021
Xuxue FengFaith Gillian United KingdomFeltz Printing Service RENEWAL02/10/2021
Xuxue FengJefferson Schemmer JapanChemel, James L Cpa QUALIFIED02/28/2021
Xuxue FengMorrow Ruta RussiaRangoni Of Florence PROPOSAL02/07/2021
Xuxue FengMunro Ferencz BrazilFeiner Bros UNQUALIFIED01/31/2021
Total Customers:5
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerLeja Caldarera United KingdomRousseaux, Michael Esq PROPOSAL02/01/2021
Amy ElsnerMaisha Rulapaugh JapanFeiner Bros NEGOTIATION02/13/2021
Amy ElsnerDavid Darakjy GermanyDorl, James J Esq QUALIFIED02/07/2021
Amy ElsnerRodrigues Campain CanadaChanay, Jeffrey A Esq QUALIFIED02/15/2021
Amy ElsnerCosta Dilliard SpainFeiner Bros RENEWAL02/28/2021
Anna FaliIvar Paprocki ItalyCommercial Press NEGOTIATION02/07/2021
Anna FaliMisaki Royster United KingdomCommercial Press NEGOTIATION02/17/2021
Anna FaliKadeem Flosi SpainBenton, John B Jr RENEWAL02/03/2021
Anna FaliTony Foller United KingdomRousseaux, Michael Esq QUALIFIED02/11/2021
Anna FaliJennifer Amigon ItalyChapman, Ross E Esq QUALIFIED02/13/2021
Anna FaliLeon Oldroyd JapanChapman, Ross E Esq RENEWAL02/09/2021
Anna FaliJulie Stenseth SpainRousseaux, Michael Esq RENEWAL01/31/2021
Anna FaliAntonio Caudy JapanBenton, John B Jr PROPOSAL02/11/2021
Anna FaliSmith Glick AustraliaFeltz Printing Service UNQUALIFIED02/26/2021
Asiya JavayantJames Butt FranceFeiner Bros QUALIFIED02/17/2021
Asiya JavayantWickens Nestle ItalyRousseaux, Michael Esq NEGOTIATION02/04/2021
Asiya JavayantJones Vocelka SpainPrinting Dimensions NEW02/26/2021
Asiya JavayantMaria Marrier RussiaPrinting Dimensions UNQUALIFIED02/08/2021
Bernardo DominicCosta Dilliard SpainMorlong Associates RENEWAL02/11/2021
Bernardo DominicIzzy Garufi JapanDorl, James J Esq QUALIFIED02/27/2021
Bernardo DominicMorrow Ruta FranceTruhlar And Truhlar Attys NEGOTIATION02/03/2021
Bernardo DominicAlejandro Perin IndiaTruhlar And Truhlar Attys QUALIFIED02/05/2021
Bernardo DominicKadeem Flosi ArgentinaKing, Christopher A Esq NEW02/13/2021
Bernardo DominicJohnson Sergi IndiaDorl, James J Esq PROPOSAL01/31/2021
Bernardo DominicAika Inouye United KingdomRangoni Of Florence RENEWAL02/12/2021
Bernardo DominicStacey Maclead CanadaChapman, Ross E Esq NEW02/16/2021
Bernardo DominicJennifer Amigon RussiaFeiner Bros QUALIFIED02/02/2021
Elwin SharvillJennifer Amigon JapanBenton, John B Jr NEW02/05/2021
Elwin SharvillMorrow Ruta ArgentinaFeiner Bros PROPOSAL02/24/2021
Elwin SharvillSinclair Waycott AustraliaPrinting Dimensions PROPOSAL02/15/2021
Ioni BowcherKaitlin Ostrosky BrazilDorl, James J Esq UNQUALIFIED02/13/2021
Ioni BowcherMorrow Ruta FranceBenton, John B Jr RENEWAL02/03/2021
Ioni BowcherDeepesh Chui IndiaChapman, Ross E Esq NEGOTIATION02/07/2021
Ivan MagalhaesSilvio Slusarski BrazilChemel, James L Cpa NEW02/11/2021
Ivan MagalhaesIvar Paprocki SpainTruhlar And Truhlar Attys PROPOSAL02/26/2021
Ivan MagalhaesAdams Morasca RussiaBenton, John B Jr QUALIFIED02/20/2021
Ivan MagalhaesLeja Caldarera FranceRousseaux, Michael Esq QUALIFIED02/23/2021
Ivan MagalhaesKadeem Flosi JapanFeiner Bros NEGOTIATION02/27/2021
Onyama LimbaIzzy Garufi RussiaFeltz Printing Service NEGOTIATION02/12/2021
Onyama LimbaJulie Stenseth United KingdomTruhlar And Truhlar Attys PROPOSAL02/12/2021
Stephen ShawKaitlin Ostrosky ArgentinaTruhlar And Truhlar Attys RENEWAL02/21/2021
Stephen ShawMorrow Ruta RussiaFeiner Bros PROPOSAL02/08/2021
Stephen ShawAlejandro Perin SpainRousseaux, Michael Esq NEGOTIATION01/31/2021
Stephen ShawCosta Dilliard CanadaDorl, James J Esq RENEWAL02/26/2021
Stephen ShawOctavia Malet AustraliaDorl, James J Esq NEGOTIATION02/02/2021
Xuxue FengChavez Briddick SpainFeiner Bros UNQUALIFIED02/12/2021
Xuxue FengFaith Gillian United KingdomFeltz Printing Service RENEWAL02/10/2021
Xuxue FengJefferson Schemmer JapanChemel, James L Cpa QUALIFIED02/28/2021
Xuxue FengMorrow Ruta RussiaRangoni Of Florence PROPOSAL02/07/2021
Xuxue FengMunro Ferencz BrazilFeiner Bros UNQUALIFIED01/31/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>