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 ElsnerAika Inouye CanadaChapman, Ross E Esq RENEWAL09/24/2021
Amy ElsnerAditya Kusko FranceBuckley Miller Wright QUALIFIED10/04/2021
Total Customers:2
Anna Fali
Anna FaliOctavia Malet AustraliaFeltz Printing Service NEW10/19/2021
Anna FaliJeanfrancois Venere JapanRousseaux, Michael Esq NEW10/11/2021
Anna FaliJuan Wieser CanadaCommercial Press QUALIFIED10/19/2021
Total Customers:3
Asiya Javayant
Asiya JavayantLeon Oldroyd IndiaTruhlar And Truhlar Attys NEGOTIATION10/09/2021
Asiya JavayantJuan Wieser FranceBenton, John B Jr PROPOSAL10/13/2021
Asiya JavayantSalvatore Stockham JapanChemel, James L Cpa RENEWAL09/25/2021
Asiya JavayantFrancesco Shinko FranceDorl, James J Esq NEW10/19/2021
Asiya JavayantLeja Caldarera SpainChanay, Jeffrey A Esq QUALIFIED09/27/2021
Asiya JavayantMujtaba Nicka AustraliaChapman, Ross E Esq UNQUALIFIED10/19/2021
Asiya JavayantLeja Caldarera ItalyDorl, James J Esq UNQUALIFIED09/28/2021
Asiya JavayantIsabel Bowley ArgentinaChapman, Ross E Esq NEW09/28/2021
Total Customers:8
Bernardo Dominic
Bernardo DominicMorrow Ruta ArgentinaDorl, James J Esq UNQUALIFIED10/08/2021
Bernardo DominicAika Inouye CanadaChanay, Jeffrey A Esq PROPOSAL10/16/2021
Bernardo DominicChavez Briddick ArgentinaRousseaux, Michael Esq NEGOTIATION09/28/2021
Bernardo DominicIsabel Bowley JapanChanay, Jeffrey A Esq PROPOSAL10/06/2021
Bernardo DominicRicardo Gaucho SpainChanay, Jeffrey A Esq PROPOSAL09/28/2021
Bernardo DominicIsabel Bowley FranceBuckley Miller Wright NEGOTIATION09/28/2021
Total Customers:6
Elwin Sharvill
Elwin SharvillAdams Morasca United KingdomMorlong Associates QUALIFIED09/24/2021
Elwin SharvillClifford Rim CanadaDorl, James J Esq UNQUALIFIED09/24/2021
Elwin SharvillClifford Rim AustraliaFeltz Printing Service NEW10/14/2021
Elwin SharvillOctavia Malet AustraliaTruhlar And Truhlar Attys RENEWAL10/10/2021
Elwin SharvillChavez Briddick RussiaChapman, Ross E Esq QUALIFIED09/23/2021
Elwin SharvillJohnson Sergi RussiaBuckley Miller Wright NEW10/20/2021
Elwin SharvillIsabel Bowley GermanyFeltz Printing Service UNQUALIFIED09/25/2021
Total Customers:7
Ioni Bowcher
Ioni BowcherAika Inouye ItalyRangoni Of Florence RENEWAL10/17/2021
Ioni BowcherJohnson Sergi GermanyChapman, Ross E Esq RENEWAL09/28/2021
Ioni BowcherJones Vocelka JapanFeltz Printing Service QUALIFIED10/16/2021
Ioni BowcherDarci Poquette CanadaRangoni Of Florence QUALIFIED10/01/2021
Ioni BowcherEmily Whobrey ArgentinaRousseaux, Michael Esq QUALIFIED09/30/2021
Total Customers:5
Ivan Magalhaes
Ivan MagalhaesSinclair Waycott AustraliaChemel, James L Cpa RENEWAL10/14/2021
Ivan MagalhaesChavez Briddick RussiaChanay, Jeffrey A Esq QUALIFIED10/13/2021
Ivan MagalhaesRodrigues Campain ArgentinaRousseaux, Michael Esq QUALIFIED10/14/2021
Ivan MagalhaesDeepesh Chui AustraliaMorlong Associates NEW09/29/2021
Ivan MagalhaesFrancesco Shinko FranceFeltz Printing Service UNQUALIFIED10/06/2021
Ivan MagalhaesAditya Kusko ItalyRousseaux, Michael Esq NEGOTIATION10/01/2021
Total Customers:6
Onyama Limba
Onyama LimbaFrancesco Shinko United KingdomFeltz Printing Service PROPOSAL09/28/2021
Onyama LimbaGreenwood Bolognia IndiaCommercial Press PROPOSAL10/08/2021
Onyama LimbaSilvio Slusarski IndiaTruhlar And Truhlar Attys NEGOTIATION10/10/2021
Onyama LimbaKadeem Flosi IndiaKing, Christopher A Esq QUALIFIED10/01/2021
Onyama LimbaTony Foller BrazilMorlong Associates QUALIFIED10/03/2021
Onyama LimbaChavez Briddick United KingdomDorl, James J Esq UNQUALIFIED10/16/2021
Total Customers:6
Stephen Shaw
Xuxue Feng
Xuxue FengFrancesco Shinko ItalyChanay, Jeffrey A Esq QUALIFIED09/24/2021
Xuxue FengClifford Rim AustraliaFeiner Bros NEGOTIATION10/01/2021
Xuxue FengJones Vocelka RussiaTruhlar And Truhlar Attys PROPOSAL09/24/2021
Total Customers:3
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerAika Inouye CanadaChapman, Ross E Esq RENEWAL09/24/2021
Amy ElsnerAditya Kusko FranceBuckley Miller Wright QUALIFIED10/04/2021
Anna FaliOctavia Malet AustraliaFeltz Printing Service NEW10/19/2021
Anna FaliJeanfrancois Venere JapanRousseaux, Michael Esq NEW10/11/2021
Anna FaliJuan Wieser CanadaCommercial Press QUALIFIED10/19/2021
Asiya JavayantLeon Oldroyd IndiaTruhlar And Truhlar Attys NEGOTIATION10/09/2021
Asiya JavayantJuan Wieser FranceBenton, John B Jr PROPOSAL10/13/2021
Asiya JavayantSalvatore Stockham JapanChemel, James L Cpa RENEWAL09/25/2021
Asiya JavayantFrancesco Shinko FranceDorl, James J Esq NEW10/19/2021
Asiya JavayantLeja Caldarera SpainChanay, Jeffrey A Esq QUALIFIED09/27/2021
Asiya JavayantMujtaba Nicka AustraliaChapman, Ross E Esq UNQUALIFIED10/19/2021
Asiya JavayantLeja Caldarera ItalyDorl, James J Esq UNQUALIFIED09/28/2021
Asiya JavayantIsabel Bowley ArgentinaChapman, Ross E Esq NEW09/28/2021
Bernardo DominicMorrow Ruta ArgentinaDorl, James J Esq UNQUALIFIED10/08/2021
Bernardo DominicAika Inouye CanadaChanay, Jeffrey A Esq PROPOSAL10/16/2021
Bernardo DominicChavez Briddick ArgentinaRousseaux, Michael Esq NEGOTIATION09/28/2021
Bernardo DominicIsabel Bowley JapanChanay, Jeffrey A Esq PROPOSAL10/06/2021
Bernardo DominicRicardo Gaucho SpainChanay, Jeffrey A Esq PROPOSAL09/28/2021
Bernardo DominicIsabel Bowley FranceBuckley Miller Wright NEGOTIATION09/28/2021
Elwin SharvillAdams Morasca United KingdomMorlong Associates QUALIFIED09/24/2021
Elwin SharvillClifford Rim CanadaDorl, James J Esq UNQUALIFIED09/24/2021
Elwin SharvillClifford Rim AustraliaFeltz Printing Service NEW10/14/2021
Elwin SharvillOctavia Malet AustraliaTruhlar And Truhlar Attys RENEWAL10/10/2021
Elwin SharvillChavez Briddick RussiaChapman, Ross E Esq QUALIFIED09/23/2021
Elwin SharvillJohnson Sergi RussiaBuckley Miller Wright NEW10/20/2021
Elwin SharvillIsabel Bowley GermanyFeltz Printing Service UNQUALIFIED09/25/2021
Ioni BowcherAika Inouye ItalyRangoni Of Florence RENEWAL10/17/2021
Ioni BowcherJohnson Sergi GermanyChapman, Ross E Esq RENEWAL09/28/2021
Ioni BowcherJones Vocelka JapanFeltz Printing Service QUALIFIED10/16/2021
Ioni BowcherDarci Poquette CanadaRangoni Of Florence QUALIFIED10/01/2021
Ioni BowcherEmily Whobrey ArgentinaRousseaux, Michael Esq QUALIFIED09/30/2021
Ivan MagalhaesSinclair Waycott AustraliaChemel, James L Cpa RENEWAL10/14/2021
Ivan MagalhaesChavez Briddick RussiaChanay, Jeffrey A Esq QUALIFIED10/13/2021
Ivan MagalhaesRodrigues Campain ArgentinaRousseaux, Michael Esq QUALIFIED10/14/2021
Ivan MagalhaesDeepesh Chui AustraliaMorlong Associates NEW09/29/2021
Ivan MagalhaesFrancesco Shinko FranceFeltz Printing Service UNQUALIFIED10/06/2021
Ivan MagalhaesAditya Kusko ItalyRousseaux, Michael Esq NEGOTIATION10/01/2021
Onyama LimbaFrancesco Shinko United KingdomFeltz Printing Service PROPOSAL09/28/2021
Onyama LimbaGreenwood Bolognia IndiaCommercial Press PROPOSAL10/08/2021
Onyama LimbaSilvio Slusarski IndiaTruhlar And Truhlar Attys NEGOTIATION10/10/2021
Onyama LimbaKadeem Flosi IndiaKing, Christopher A Esq QUALIFIED10/01/2021
Onyama LimbaTony Foller BrazilMorlong Associates QUALIFIED10/03/2021
Onyama LimbaChavez Briddick United KingdomDorl, James J Esq UNQUALIFIED10/16/2021
Stephen ShawFaith Gillian ArgentinaFeiner Bros PROPOSAL09/30/2021
Stephen ShawChavez Briddick ItalyPrinting Dimensions NEW10/21/2021
Stephen ShawMaria Marrier United KingdomMorlong Associates RENEWAL10/07/2021
Stephen ShawJuan Wieser JapanMorlong Associates PROPOSAL10/03/2021
Xuxue FengFrancesco Shinko ItalyChanay, Jeffrey A Esq QUALIFIED09/24/2021
Xuxue FengClifford Rim AustraliaFeiner Bros NEGOTIATION10/01/2021
Xuxue FengJones Vocelka RussiaTruhlar And Truhlar Attys PROPOSAL09/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: