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 ElsnerFaith Gillian GermanyRousseaux, Michael Esq UNQUALIFIED11/21/2021
Amy ElsnerRodrigues Campain ArgentinaFeltz Printing Service PROPOSAL11/02/2021
Amy ElsnerIzzy Garufi FranceDorl, James J Esq QUALIFIED11/03/2021
Amy ElsnerOctavia Malet IndiaMorlong Associates NEW10/29/2021
Amy ElsnerAshley Doe CanadaDorl, James J Esq RENEWAL11/03/2021
Total Customers:5
Anna Fali
Anna FaliDavid Darakjy AustraliaRangoni Of Florence QUALIFIED11/04/2021
Anna FaliDavid Darakjy United KingdomChemel, James L Cpa PROPOSAL11/13/2021
Anna FaliKaitlin Ostrosky SpainFeltz Printing Service RENEWAL11/15/2021
Total Customers:3
Asiya Javayant
Asiya JavayantSalvatore Stockham ArgentinaRousseaux, Michael Esq RENEWAL11/23/2021
Asiya JavayantMaria Marrier BrazilFeiner Bros UNQUALIFIED11/24/2021
Asiya JavayantJeanfrancois Venere GermanyMorlong Associates NEGOTIATION11/15/2021
Asiya JavayantAika Inouye United KingdomBuckley Miller Wright NEW11/24/2021
Total Customers:4
Bernardo Dominic
Bernardo DominicCosta Dilliard RussiaChanay, Jeffrey A Esq RENEWAL11/16/2021
Bernardo DominicKadeem Flosi AustraliaFeiner Bros RENEWAL11/06/2021
Bernardo DominicMayumi Kolmetz IndiaKing, Christopher A Esq QUALIFIED11/18/2021
Bernardo DominicLeja Caldarera IndiaCommercial Press NEW11/15/2021
Bernardo DominicJeanfrancois Venere ItalyCommercial Press QUALIFIED11/04/2021
Bernardo DominicOctavia Malet RussiaRousseaux, Michael Esq NEW11/17/2021
Bernardo DominicAdams Morasca GermanyBenton, John B Jr PROPOSAL11/15/2021
Bernardo DominicAshley Doe ArgentinaTruhlar And Truhlar Attys NEGOTIATION11/05/2021
Bernardo DominicMisaki Royster RussiaBenton, John B Jr QUALIFIED11/26/2021
Total Customers:9
Elwin Sharvill
Elwin SharvillDeepesh Chui RussiaFeltz Printing Service UNQUALIFIED11/03/2021
Elwin SharvillLeja Caldarera AustraliaTruhlar And Truhlar Attys UNQUALIFIED11/08/2021
Elwin SharvillClaire Tollner JapanChapman, Ross E Esq UNQUALIFIED11/14/2021
Elwin SharvillSalvatore Stockham IndiaBuckley Miller Wright NEW11/05/2021
Elwin SharvillLeon Oldroyd GermanyBenton, John B Jr QUALIFIED11/12/2021
Elwin SharvillSmith Glick ItalyChanay, Jeffrey A Esq NEW11/24/2021
Total Customers:6
Ioni Bowcher
Ioni BowcherIvar Paprocki RussiaChemel, James L Cpa PROPOSAL11/13/2021
Ioni BowcherKaitlin Ostrosky CanadaChemel, James L Cpa RENEWAL11/15/2021
Ioni BowcherEmily Whobrey IndiaTruhlar And Truhlar Attys QUALIFIED11/06/2021
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesJuan Wieser GermanyKing, Christopher A Esq NEW11/04/2021
Ivan MagalhaesEmily Whobrey United KingdomMorlong Associates RENEWAL11/04/2021
Ivan MagalhaesAlejandro Perin United KingdomCommercial Press NEW11/08/2021
Ivan MagalhaesKadeem Flosi United KingdomMorlong Associates QUALIFIED11/05/2021
Ivan MagalhaesAditya Kusko GermanyFeltz Printing Service RENEWAL11/02/2021
Ivan MagalhaesCody Saylors FranceChemel, James L Cpa PROPOSAL11/08/2021
Ivan MagalhaesJeanfrancois Venere ItalyChanay, Jeffrey A Esq QUALIFIED11/26/2021
Total Customers:7
Onyama Limba
Onyama LimbaFaith Gillian BrazilPrinting Dimensions NEGOTIATION11/15/2021
Onyama LimbaSalvatore Stockham BrazilFeiner Bros NEGOTIATION10/29/2021
Onyama LimbaMurillo Malet ItalyRangoni Of Florence NEW11/23/2021
Onyama LimbaJuan Wieser FranceRousseaux, Michael Esq UNQUALIFIED11/04/2021
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengSmith Glick IndiaRousseaux, Michael Esq NEGOTIATION11/19/2021
Xuxue FengJennifer Amigon BrazilChanay, Jeffrey A Esq NEGOTIATION11/07/2021
Xuxue FengMurillo Malet RussiaMorlong Associates NEW10/30/2021
Xuxue FengKadeem Flosi ArgentinaMorlong Associates RENEWAL11/05/2021
Xuxue FengOctavia Malet FranceKing, Christopher A Esq NEW11/11/2021
Xuxue FengAditya Kusko AustraliaCommercial Press UNQUALIFIED11/22/2021
Xuxue FengJuan Wieser SpainMorlong Associates RENEWAL11/23/2021
Total Customers:7
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerFaith Gillian GermanyRousseaux, Michael Esq UNQUALIFIED11/21/2021
Amy ElsnerRodrigues Campain ArgentinaFeltz Printing Service PROPOSAL11/02/2021
Amy ElsnerIzzy Garufi FranceDorl, James J Esq QUALIFIED11/03/2021
Amy ElsnerOctavia Malet IndiaMorlong Associates NEW10/29/2021
Amy ElsnerAshley Doe CanadaDorl, James J Esq RENEWAL11/03/2021
Anna FaliDavid Darakjy AustraliaRangoni Of Florence QUALIFIED11/04/2021
Anna FaliDavid Darakjy United KingdomChemel, James L Cpa PROPOSAL11/13/2021
Anna FaliKaitlin Ostrosky SpainFeltz Printing Service RENEWAL11/15/2021
Asiya JavayantSalvatore Stockham ArgentinaRousseaux, Michael Esq RENEWAL11/23/2021
Asiya JavayantMaria Marrier BrazilFeiner Bros UNQUALIFIED11/24/2021
Asiya JavayantJeanfrancois Venere GermanyMorlong Associates NEGOTIATION11/15/2021
Asiya JavayantAika Inouye United KingdomBuckley Miller Wright NEW11/24/2021
Bernardo DominicCosta Dilliard RussiaChanay, Jeffrey A Esq RENEWAL11/16/2021
Bernardo DominicKadeem Flosi AustraliaFeiner Bros RENEWAL11/06/2021
Bernardo DominicMayumi Kolmetz IndiaKing, Christopher A Esq QUALIFIED11/18/2021
Bernardo DominicLeja Caldarera IndiaCommercial Press NEW11/15/2021
Bernardo DominicJeanfrancois Venere ItalyCommercial Press QUALIFIED11/04/2021
Bernardo DominicOctavia Malet RussiaRousseaux, Michael Esq NEW11/17/2021
Bernardo DominicAdams Morasca GermanyBenton, John B Jr PROPOSAL11/15/2021
Bernardo DominicAshley Doe ArgentinaTruhlar And Truhlar Attys NEGOTIATION11/05/2021
Bernardo DominicMisaki Royster RussiaBenton, John B Jr QUALIFIED11/26/2021
Elwin SharvillDeepesh Chui RussiaFeltz Printing Service UNQUALIFIED11/03/2021
Elwin SharvillLeja Caldarera AustraliaTruhlar And Truhlar Attys UNQUALIFIED11/08/2021
Elwin SharvillClaire Tollner JapanChapman, Ross E Esq UNQUALIFIED11/14/2021
Elwin SharvillSalvatore Stockham IndiaBuckley Miller Wright NEW11/05/2021
Elwin SharvillLeon Oldroyd GermanyBenton, John B Jr QUALIFIED11/12/2021
Elwin SharvillSmith Glick ItalyChanay, Jeffrey A Esq NEW11/24/2021
Ioni BowcherIvar Paprocki RussiaChemel, James L Cpa PROPOSAL11/13/2021
Ioni BowcherKaitlin Ostrosky CanadaChemel, James L Cpa RENEWAL11/15/2021
Ioni BowcherEmily Whobrey IndiaTruhlar And Truhlar Attys QUALIFIED11/06/2021
Ivan MagalhaesJuan Wieser GermanyKing, Christopher A Esq NEW11/04/2021
Ivan MagalhaesEmily Whobrey United KingdomMorlong Associates RENEWAL11/04/2021
Ivan MagalhaesAlejandro Perin United KingdomCommercial Press NEW11/08/2021
Ivan MagalhaesKadeem Flosi United KingdomMorlong Associates QUALIFIED11/05/2021
Ivan MagalhaesAditya Kusko GermanyFeltz Printing Service RENEWAL11/02/2021
Ivan MagalhaesCody Saylors FranceChemel, James L Cpa PROPOSAL11/08/2021
Ivan MagalhaesJeanfrancois Venere ItalyChanay, Jeffrey A Esq QUALIFIED11/26/2021
Onyama LimbaFaith Gillian BrazilPrinting Dimensions NEGOTIATION11/15/2021
Onyama LimbaSalvatore Stockham BrazilFeiner Bros NEGOTIATION10/29/2021
Onyama LimbaMurillo Malet ItalyRangoni Of Florence NEW11/23/2021
Onyama LimbaJuan Wieser FranceRousseaux, Michael Esq UNQUALIFIED11/04/2021
Stephen ShawNicolas Iturbide IndiaRangoni Of Florence RENEWAL11/21/2021
Stephen ShawDeepesh Chui ItalyTruhlar And Truhlar Attys QUALIFIED11/03/2021
Xuxue FengSmith Glick IndiaRousseaux, Michael Esq NEGOTIATION11/19/2021
Xuxue FengJennifer Amigon BrazilChanay, Jeffrey A Esq NEGOTIATION11/07/2021
Xuxue FengMurillo Malet RussiaMorlong Associates NEW10/30/2021
Xuxue FengKadeem Flosi ArgentinaMorlong Associates RENEWAL11/05/2021
Xuxue FengOctavia Malet FranceKing, Christopher A Esq NEW11/11/2021
Xuxue FengAditya Kusko AustraliaCommercial Press UNQUALIFIED11/22/2021
Xuxue FengJuan Wieser SpainMorlong Associates RENEWAL11/23/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: