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 ElsnerDavid Darakjy RussiaMorlong Associates RENEWAL12/23/2021
Amy ElsnerJones Vocelka ItalyPrinting Dimensions RENEWAL01/02/2022
Amy ElsnerNicolas Iturbide ArgentinaBenton, John B Jr NEGOTIATION12/25/2021
Amy ElsnerKaitlin Ostrosky AustraliaFeiner Bros NEGOTIATION12/22/2021
Amy ElsnerJulie Stenseth AustraliaRousseaux, Michael Esq NEGOTIATION01/04/2022
Amy ElsnerClifford Rim AustraliaRangoni Of Florence PROPOSAL01/03/2022
Amy ElsnerClaire Tollner ArgentinaRousseaux, Michael Esq UNQUALIFIED01/20/2022
Total Customers:7
Anna Fali
Anna FaliIvar Paprocki JapanFeiner Bros RENEWAL12/29/2021
Anna FaliJames Butt RussiaFeiner Bros UNQUALIFIED12/27/2021
Anna FaliStacey Maclead SpainDorl, James J Esq PROPOSAL01/10/2022
Anna FaliMisaki Royster United KingdomMorlong Associates NEGOTIATION01/17/2022
Anna FaliJeanfrancois Venere JapanBenton, John B Jr PROPOSAL01/18/2022
Anna FaliJulie Stenseth FranceTruhlar And Truhlar Attys RENEWAL12/23/2021
Anna FaliJeanfrancois Venere ArgentinaChanay, Jeffrey A Esq NEGOTIATION12/22/2021
Total Customers:7
Asiya Javayant
Asiya JavayantKadeem Flosi SpainFeiner Bros RENEWAL12/28/2021
Asiya JavayantDeepesh Chui RussiaDorl, James J Esq PROPOSAL01/02/2022
Asiya JavayantMayumi Kolmetz JapanDorl, James J Esq PROPOSAL12/23/2021
Asiya JavayantGreenwood Bolognia CanadaBenton, John B Jr UNQUALIFIED12/24/2021
Total Customers:4
Bernardo Dominic
Bernardo DominicJuan Wieser CanadaTruhlar And Truhlar Attys NEW01/07/2022
Bernardo DominicKadeem Flosi AustraliaRangoni Of Florence UNQUALIFIED01/19/2022
Total Customers:2
Elwin Sharvill
Elwin SharvillMurillo Malet JapanTruhlar And Truhlar Attys PROPOSAL01/14/2022
Elwin SharvillAntonio Caudy JapanRangoni Of Florence PROPOSAL01/08/2022
Total Customers:2
Ioni Bowcher
Ioni BowcherGreenwood Bolognia IndiaChapman, Ross E Esq PROPOSAL01/09/2022
Ioni BowcherAlejandro Perin AustraliaChapman, Ross E Esq NEGOTIATION12/25/2021
Ioni BowcherSalvatore Stockham JapanChemel, James L Cpa NEW01/08/2022
Ioni BowcherTony Foller ArgentinaChemel, James L Cpa PROPOSAL01/09/2022
Ioni BowcherChavez Briddick CanadaPrinting Dimensions NEGOTIATION01/01/2022
Ioni BowcherClifford Rim United KingdomCommercial Press NEGOTIATION01/01/2022
Ioni BowcherJames Butt SpainRangoni Of Florence NEW01/19/2022
Total Customers:7
Ivan Magalhaes
Ivan MagalhaesNicolas Iturbide BrazilChemel, James L Cpa NEGOTIATION12/24/2021
Ivan MagalhaesKaitlin Ostrosky GermanyCommercial Press NEW12/31/2021
Ivan MagalhaesMujtaba Nicka RussiaFeiner Bros QUALIFIED01/04/2022
Total Customers:3
Onyama Limba
Onyama LimbaMorrow Ruta GermanyMorlong Associates PROPOSAL12/31/2021
Onyama LimbaIsabel Bowley United KingdomChapman, Ross E Esq RENEWAL01/10/2022
Onyama LimbaIsabel Bowley JapanFeltz Printing Service PROPOSAL12/23/2021
Onyama LimbaNicolas Iturbide RussiaKing, Christopher A Esq NEGOTIATION12/25/2021
Onyama LimbaChavez Briddick IndiaRangoni Of Florence PROPOSAL12/25/2021
Total Customers:5
Stephen Shaw
Xuxue Feng
Xuxue FengIsabel Bowley RussiaKing, Christopher A Esq NEW01/20/2022
Xuxue FengAditya Kusko RussiaPrinting Dimensions UNQUALIFIED01/18/2022
Xuxue FengJones Vocelka United KingdomChemel, James L Cpa QUALIFIED12/27/2021
Xuxue FengJeanfrancois Venere CanadaRousseaux, Michael Esq QUALIFIED01/15/2022
Xuxue FengAshley Doe BrazilChapman, Ross E Esq NEGOTIATION12/27/2021
Xuxue FengAshley Doe IndiaChanay, Jeffrey A Esq RENEWAL01/13/2022
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerDavid Darakjy RussiaMorlong Associates RENEWAL12/23/2021
Amy ElsnerJones Vocelka ItalyPrinting Dimensions RENEWAL01/02/2022
Amy ElsnerNicolas Iturbide ArgentinaBenton, John B Jr NEGOTIATION12/25/2021
Amy ElsnerKaitlin Ostrosky AustraliaFeiner Bros NEGOTIATION12/22/2021
Amy ElsnerJulie Stenseth AustraliaRousseaux, Michael Esq NEGOTIATION01/04/2022
Amy ElsnerClifford Rim AustraliaRangoni Of Florence PROPOSAL01/03/2022
Amy ElsnerClaire Tollner ArgentinaRousseaux, Michael Esq UNQUALIFIED01/20/2022
Anna FaliIvar Paprocki JapanFeiner Bros RENEWAL12/29/2021
Anna FaliJames Butt RussiaFeiner Bros UNQUALIFIED12/27/2021
Anna FaliStacey Maclead SpainDorl, James J Esq PROPOSAL01/10/2022
Anna FaliMisaki Royster United KingdomMorlong Associates NEGOTIATION01/17/2022
Anna FaliJeanfrancois Venere JapanBenton, John B Jr PROPOSAL01/18/2022
Anna FaliJulie Stenseth FranceTruhlar And Truhlar Attys RENEWAL12/23/2021
Anna FaliJeanfrancois Venere ArgentinaChanay, Jeffrey A Esq NEGOTIATION12/22/2021
Asiya JavayantKadeem Flosi SpainFeiner Bros RENEWAL12/28/2021
Asiya JavayantDeepesh Chui RussiaDorl, James J Esq PROPOSAL01/02/2022
Asiya JavayantMayumi Kolmetz JapanDorl, James J Esq PROPOSAL12/23/2021
Asiya JavayantGreenwood Bolognia CanadaBenton, John B Jr UNQUALIFIED12/24/2021
Bernardo DominicJuan Wieser CanadaTruhlar And Truhlar Attys NEW01/07/2022
Bernardo DominicKadeem Flosi AustraliaRangoni Of Florence UNQUALIFIED01/19/2022
Elwin SharvillMurillo Malet JapanTruhlar And Truhlar Attys PROPOSAL01/14/2022
Elwin SharvillAntonio Caudy JapanRangoni Of Florence PROPOSAL01/08/2022
Ioni BowcherGreenwood Bolognia IndiaChapman, Ross E Esq PROPOSAL01/09/2022
Ioni BowcherAlejandro Perin AustraliaChapman, Ross E Esq NEGOTIATION12/25/2021
Ioni BowcherSalvatore Stockham JapanChemel, James L Cpa NEW01/08/2022
Ioni BowcherTony Foller ArgentinaChemel, James L Cpa PROPOSAL01/09/2022
Ioni BowcherChavez Briddick CanadaPrinting Dimensions NEGOTIATION01/01/2022
Ioni BowcherClifford Rim United KingdomCommercial Press NEGOTIATION01/01/2022
Ioni BowcherJames Butt SpainRangoni Of Florence NEW01/19/2022
Ivan MagalhaesNicolas Iturbide BrazilChemel, James L Cpa NEGOTIATION12/24/2021
Ivan MagalhaesKaitlin Ostrosky GermanyCommercial Press NEW12/31/2021
Ivan MagalhaesMujtaba Nicka RussiaFeiner Bros QUALIFIED01/04/2022
Onyama LimbaMorrow Ruta GermanyMorlong Associates PROPOSAL12/31/2021
Onyama LimbaIsabel Bowley United KingdomChapman, Ross E Esq RENEWAL01/10/2022
Onyama LimbaIsabel Bowley JapanFeltz Printing Service PROPOSAL12/23/2021
Onyama LimbaNicolas Iturbide RussiaKing, Christopher A Esq NEGOTIATION12/25/2021
Onyama LimbaChavez Briddick IndiaRangoni Of Florence PROPOSAL12/25/2021
Stephen ShawCosta Dilliard IndiaFeltz Printing Service PROPOSAL01/12/2022
Stephen ShawSmith Glick IndiaMorlong Associates NEW01/16/2022
Stephen ShawJefferson Schemmer IndiaRousseaux, Michael Esq QUALIFIED12/26/2021
Stephen ShawFrancesco Shinko BrazilBenton, John B Jr NEGOTIATION12/30/2021
Stephen ShawMorrow Ruta JapanChanay, Jeffrey A Esq RENEWAL12/31/2021
Stephen ShawJohnson Sergi CanadaChemel, James L Cpa NEW01/11/2022
Stephen ShawNicolas Iturbide ArgentinaKing, Christopher A Esq QUALIFIED01/19/2022
Xuxue FengIsabel Bowley RussiaKing, Christopher A Esq NEW01/20/2022
Xuxue FengAditya Kusko RussiaPrinting Dimensions UNQUALIFIED01/18/2022
Xuxue FengJones Vocelka United KingdomChemel, James L Cpa QUALIFIED12/27/2021
Xuxue FengJeanfrancois Venere CanadaRousseaux, Michael Esq QUALIFIED01/15/2022
Xuxue FengAshley Doe BrazilChapman, Ross E Esq NEGOTIATION12/27/2021
Xuxue FengAshley Doe IndiaChanay, Jeffrey A Esq RENEWAL01/13/2022

<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: