Locale

Change the locale of the datepicker, schedule and client side validation messages.

Language
English
English
English
French
German
German
German
Italian
Korean
Spanish
Catalan
Dutch
Portuguese
Portuguese
Arabic
Arabic
Bulgarian
Czech
Greek
Persian
Finnish
Danish
Hindi
Indonesian
Croatian
Japanese
Hungarian
Hebrew
Georgian
Central Kurdish
Khmer
Kyrgyz
Kazakh
Lithuanian
Latvian
Malay
Norwegian
Polish
Romanian
Russian
Slovak
Slovenian
Serbian
Serbian
Swedish
Thai
Turkish
Ukrainian
Vietnamese
Chinese
Chinese

Input Style

Themes

PrimeOne
Saga Saga
Vela Vela
Arya Arya
Bootstrap
bootstrap4-blue-light Bootstrap Blue
bootstrap4-purple-light Bootstrap Purple
bootstrap4-blue-dark Bootstrap Blue
bootstrap4-purple-dark Bootstrap Purple
Material Design
material-indigo-light Indigo
material-deeppurple-light' Deep Purple
material-indigo-dark Indigo
material-deeppurple-dark' Deep Purple
Material Design Compact
material-indigo-light Indigo
material-deeppurple-light' Deep Purple
material-indigo-dark Indigo
material-deeppurple-dark' Deep Purple

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 ElsnerIvar W Garufi ArgentinaRousseaux, Michael Esq NEW07/28/2026
Amy ElsnerCosta Q Venere JapanTruhlar And Truhlar Attys RENEWAL07/21/2026
Amy ElsnerFrancesco C Sergi ArgentinaTruhlar And Truhlar Attys NEW07/13/2026
Amy ElsnerEmily Z Gillian ArgentinaFeltz Printing Service UNQUALIFIED07/15/2026
Amy ElsnerAlejandro R Morasca SpainChemel, James L Cpa NEW07/11/2026
Amy ElsnerSalvatore J Inouye SpainChanay, Jeffrey A Esq RENEWAL07/08/2026
Total Customers:6
Anna Fali
Anna FaliDeepesh L Albares AustraliaTruhlar And Truhlar Attys NEGOTIATION07/02/2026
Anna FaliSmith C Chui ArgentinaBuckley Miller Wright UNQUALIFIED07/19/2026
Anna FaliChavez R Stenseth ItalyBuckley Miller Wright NEGOTIATION07/21/2026
Anna FaliIsabel B Nicka GermanyCommercial Press UNQUALIFIED07/14/2026
Total Customers:4
Asiya Javayant
Asiya JavayantLeon X Slusarski United KingdomRousseaux, Michael Esq PROPOSAL07/25/2026
Asiya JavayantCody M Dilliard JapanChanay, Jeffrey A Esq QUALIFIED07/21/2026
Asiya JavayantCody A Nicka SpainCommercial Press RENEWAL06/29/2026
Asiya JavayantCosta P Doe SpainChanay, Jeffrey A Esq UNQUALIFIED07/26/2026
Asiya JavayantJohnson M Caudy JapanFeiner Bros QUALIFIED07/25/2026
Asiya JavayantRicardo W Marrier AustraliaRangoni Of Florence UNQUALIFIED07/14/2026
Total Customers:6
Bernardo Dominic
Bernardo DominicRodrigues X Oldroyd JapanBuckley Miller Wright PROPOSAL07/27/2026
Bernardo DominicDarci H Kolmetz BrazilFeltz Printing Service PROPOSAL07/27/2026
Bernardo DominicDeepesh S Caudy CanadaMorlong Associates NEW07/09/2026
Bernardo DominicAlejandro Q Morasca ArgentinaTruhlar And Truhlar Attys PROPOSAL07/19/2026
Bernardo DominicClifford Q Campain IndiaChemel, James L Cpa NEGOTIATION07/06/2026
Bernardo DominicAditya B Caudy GermanyBuckley Miller Wright NEW07/03/2026
Bernardo DominicMaria U Iturbide AustraliaRangoni Of Florence QUALIFIED07/17/2026
Total Customers:7
Elwin Sharvill
Elwin SharvillArvin Y Glick JapanBenton, John B Jr UNQUALIFIED07/04/2026
Elwin SharvillAditya T Butt BrazilRousseaux, Michael Esq QUALIFIED07/26/2026
Elwin SharvillIvar K Ferencz ArgentinaBenton, John B Jr QUALIFIED07/05/2026
Total Customers:3
Ioni Bowcher
Ioni BowcherSinclair W Shinko GermanyMorlong Associates NEW07/16/2026
Ioni BowcherEmily G Malet IndiaPrinting Dimensions PROPOSAL07/21/2026
Ioni BowcherJames G Amigon United KingdomCommercial Press NEGOTIATION07/06/2026
Ioni BowcherJames M Gillian CanadaChemel, James L Cpa RENEWAL07/28/2026
Total Customers:4
Ivan Magalhaes
Ivan MagalhaesAditya M Doe FranceBenton, John B Jr QUALIFIED07/08/2026
Ivan MagalhaesClaire H Oldroyd JapanChemel, James L Cpa RENEWAL07/12/2026
Ivan MagalhaesLeja T Glick FranceTruhlar And Truhlar Attys QUALIFIED07/27/2026
Total Customers:3
Onyama Limba
Onyama LimbaFrancesco U Caldarera IndiaPrinting Dimensions UNQUALIFIED07/04/2026
Onyama LimbaStacey J Doe SpainPrinting Dimensions PROPOSAL07/08/2026
Onyama LimbaJefferson K Rulapaugh FranceChemel, James L Cpa RENEWAL07/20/2026
Total Customers:3
Stephen Shaw
Xuxue Feng
Xuxue FengLeon L Slusarski GermanyKing, Christopher A Esq NEW06/29/2026
Xuxue FengArvin E Venere United KingdomMorlong Associates NEGOTIATION07/23/2026
Xuxue FengDeepesh J Saylors SpainCommercial Press NEW07/22/2026
Xuxue FengAditya G Bowley IndiaChanay, Jeffrey A Esq QUALIFIED07/20/2026
Xuxue FengArvin S Kolmetz RussiaChemel, James L Cpa NEGOTIATION07/08/2026
Total Customers:5
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerIvar W Garufi ArgentinaRousseaux, Michael Esq NEW07/28/2026
Amy ElsnerCosta Q Venere JapanTruhlar And Truhlar Attys RENEWAL07/21/2026
Amy ElsnerFrancesco C Sergi ArgentinaTruhlar And Truhlar Attys NEW07/13/2026
Amy ElsnerEmily Z Gillian ArgentinaFeltz Printing Service UNQUALIFIED07/15/2026
Amy ElsnerAlejandro R Morasca SpainChemel, James L Cpa NEW07/11/2026
Amy ElsnerSalvatore J Inouye SpainChanay, Jeffrey A Esq RENEWAL07/08/2026
Anna FaliDeepesh L Albares AustraliaTruhlar And Truhlar Attys NEGOTIATION07/02/2026
Anna FaliSmith C Chui ArgentinaBuckley Miller Wright UNQUALIFIED07/19/2026
Anna FaliChavez R Stenseth ItalyBuckley Miller Wright NEGOTIATION07/21/2026
Anna FaliIsabel B Nicka GermanyCommercial Press UNQUALIFIED07/14/2026
Asiya JavayantLeon X Slusarski United KingdomRousseaux, Michael Esq PROPOSAL07/25/2026
Asiya JavayantCody M Dilliard JapanChanay, Jeffrey A Esq QUALIFIED07/21/2026
Asiya JavayantCody A Nicka SpainCommercial Press RENEWAL06/29/2026
Asiya JavayantCosta P Doe SpainChanay, Jeffrey A Esq UNQUALIFIED07/26/2026
Asiya JavayantJohnson M Caudy JapanFeiner Bros QUALIFIED07/25/2026
Asiya JavayantRicardo W Marrier AustraliaRangoni Of Florence UNQUALIFIED07/14/2026
Bernardo DominicRodrigues X Oldroyd JapanBuckley Miller Wright PROPOSAL07/27/2026
Bernardo DominicDarci H Kolmetz BrazilFeltz Printing Service PROPOSAL07/27/2026
Bernardo DominicDeepesh S Caudy CanadaMorlong Associates NEW07/09/2026
Bernardo DominicAlejandro Q Morasca ArgentinaTruhlar And Truhlar Attys PROPOSAL07/19/2026
Bernardo DominicClifford Q Campain IndiaChemel, James L Cpa NEGOTIATION07/06/2026
Bernardo DominicAditya B Caudy GermanyBuckley Miller Wright NEW07/03/2026
Bernardo DominicMaria U Iturbide AustraliaRangoni Of Florence QUALIFIED07/17/2026
Elwin SharvillArvin Y Glick JapanBenton, John B Jr UNQUALIFIED07/04/2026
Elwin SharvillAditya T Butt BrazilRousseaux, Michael Esq QUALIFIED07/26/2026
Elwin SharvillIvar K Ferencz ArgentinaBenton, John B Jr QUALIFIED07/05/2026
Ioni BowcherSinclair W Shinko GermanyMorlong Associates NEW07/16/2026
Ioni BowcherEmily G Malet IndiaPrinting Dimensions PROPOSAL07/21/2026
Ioni BowcherJames G Amigon United KingdomCommercial Press NEGOTIATION07/06/2026
Ioni BowcherJames M Gillian CanadaChemel, James L Cpa RENEWAL07/28/2026
Ivan MagalhaesAditya M Doe FranceBenton, John B Jr QUALIFIED07/08/2026
Ivan MagalhaesClaire H Oldroyd JapanChemel, James L Cpa RENEWAL07/12/2026
Ivan MagalhaesLeja T Glick FranceTruhlar And Truhlar Attys QUALIFIED07/27/2026
Onyama LimbaFrancesco U Caldarera IndiaPrinting Dimensions UNQUALIFIED07/04/2026
Onyama LimbaStacey J Doe SpainPrinting Dimensions PROPOSAL07/08/2026
Onyama LimbaJefferson K Rulapaugh FranceChemel, James L Cpa RENEWAL07/20/2026
Stephen ShawKaitlin T Kolmetz JapanChemel, James L Cpa NEW07/10/2026
Stephen ShawCosta T Ostrosky GermanyBuckley Miller Wright UNQUALIFIED07/15/2026
Stephen ShawSmith E Butt JapanDorl, James J Esq NEGOTIATION07/03/2026
Stephen ShawDarci D Foller RussiaChapman, Ross E Esq UNQUALIFIED07/20/2026
Stephen ShawJames I Slusarski ItalyRousseaux, Michael Esq PROPOSAL07/09/2026
Stephen ShawIsabel B Malet BrazilMorlong Associates RENEWAL07/19/2026
Stephen ShawSalvatore D Ruta JapanMorlong Associates NEW07/13/2026
Stephen ShawJuan R Foller AustraliaTruhlar And Truhlar Attys QUALIFIED07/03/2026
Stephen ShawIzzy N Amigon RussiaMorlong Associates RENEWAL07/20/2026
Xuxue FengLeon L Slusarski GermanyKing, Christopher A Esq NEW06/29/2026
Xuxue FengArvin E Venere United KingdomMorlong Associates NEGOTIATION07/23/2026
Xuxue FengDeepesh J Saylors SpainCommercial Press NEW07/22/2026
Xuxue FengAditya G Bowley IndiaChanay, Jeffrey A Esq QUALIFIED07/20/2026
Xuxue FengArvin S Kolmetz RussiaChemel, James L Cpa NEGOTIATION07/08/2026

<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="inline-flex align-items-center" style="vertical-align: middle">
                        <p:graphicImage name="images/avatar/#{customer.representative.image}" library="demo" width="32" style="vertical-align: middle"/>
                        <h:outputText styleClass="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>