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 ElsnerAika X Kusko RussiaFeltz Printing Service PROPOSAL07/01/2026
Amy ElsnerFrancesco G Stenseth SpainRousseaux, Michael Esq PROPOSAL06/18/2026
Total Customers:2
Anna Fali
Anna FaliTony G Nicka ItalyFeiner Bros NEGOTIATION07/02/2026
Anna FaliCody L Perin IndiaFeiner Bros QUALIFIED07/01/2026
Anna FaliMisaki C Kolmetz United KingdomKing, Christopher A Esq NEW06/22/2026
Anna FaliSinclair V Iturbide ItalyDorl, James J Esq PROPOSAL06/25/2026
Anna FaliLeja O Paprocki RussiaBenton, John B Jr RENEWAL06/22/2026
Anna FaliMaisha G Briddick BrazilChapman, Ross E Esq QUALIFIED07/07/2026
Total Customers:6
Asiya Javayant
Asiya JavayantArvin Z Stenseth CanadaKing, Christopher A Esq PROPOSAL06/17/2026
Asiya JavayantJones Z Whobrey ItalyChanay, Jeffrey A Esq NEW07/09/2026
Asiya JavayantDavid V Foller FranceFeltz Printing Service NEGOTIATION07/06/2026
Asiya JavayantAika L Glick FranceCommercial Press NEGOTIATION07/12/2026
Asiya JavayantMurillo X Ferencz SpainRousseaux, Michael Esq NEW07/11/2026
Total Customers:5
Bernardo Dominic
Bernardo DominicNicolas T Shinko IndiaTruhlar And Truhlar Attys NEW06/20/2026
Bernardo DominicTony E Wieser United KingdomRangoni Of Florence NEGOTIATION06/23/2026
Bernardo DominicClaire O Iturbide BrazilKing, Christopher A Esq QUALIFIED07/06/2026
Bernardo DominicRicardo W Poquette FranceBuckley Miller Wright UNQUALIFIED07/08/2026
Bernardo DominicSilvio N Morasca GermanyRangoni Of Florence RENEWAL06/22/2026
Total Customers:5
Elwin Sharvill
Elwin SharvillMunro W Gaucho FranceFeltz Printing Service UNQUALIFIED06/22/2026
Elwin SharvillTony L Schemmer ItalyBenton, John B Jr NEW06/30/2026
Elwin SharvillJohnson G Waycott CanadaDorl, James J Esq QUALIFIED06/25/2026
Elwin SharvillClaire H Vocelka GermanyMorlong Associates PROPOSAL06/28/2026
Elwin SharvillStacey L Ruta IndiaDorl, James J Esq PROPOSAL07/15/2026
Elwin SharvillAruna L Dilliard FranceChanay, Jeffrey A Esq UNQUALIFIED07/08/2026
Elwin SharvillMurillo C Kolmetz JapanRangoni Of Florence RENEWAL07/11/2026
Total Customers:7
Ioni Bowcher
Ioni BowcherJefferson E Malet BrazilRousseaux, Michael Esq PROPOSAL07/14/2026
Ioni BowcherMaisha F Saylors GermanyMorlong Associates PROPOSAL06/18/2026
Ioni BowcherCody I Stockham FrancePrinting Dimensions NEGOTIATION06/26/2026
Ioni BowcherIsabel T Slusarski SpainBuckley Miller Wright RENEWAL07/11/2026
Total Customers:4
Ivan Magalhaes
Ivan MagalhaesJennifer V Waycott AustraliaKing, Christopher A Esq NEGOTIATION07/08/2026
Ivan MagalhaesSinclair N Kusko GermanyChanay, Jeffrey A Esq NEW07/03/2026
Ivan MagalhaesFrancesco Q Flosi ArgentinaChanay, Jeffrey A Esq UNQUALIFIED06/30/2026
Ivan MagalhaesSilvio X Caldarera ItalyRangoni Of Florence PROPOSAL07/11/2026
Ivan MagalhaesJefferson Q Amigon ArgentinaTruhlar And Truhlar Attys NEW06/18/2026
Ivan MagalhaesJefferson A Doe RussiaChapman, Ross E Esq PROPOSAL06/30/2026
Ivan MagalhaesStacey K Marrier ItalyRangoni Of Florence UNQUALIFIED07/06/2026
Total Customers:7
Onyama Limba
Onyama LimbaSmith V Nicka RussiaChapman, Ross E Esq UNQUALIFIED06/25/2026
Onyama LimbaJones F Iturbide GermanyBenton, John B Jr NEGOTIATION06/26/2026
Onyama LimbaJennifer A Tollner GermanyTruhlar And Truhlar Attys UNQUALIFIED07/08/2026
Onyama LimbaIzzy R Foller JapanBuckley Miller Wright PROPOSAL06/26/2026
Onyama LimbaLeja R Saylors ItalyBenton, John B Jr NEGOTIATION06/28/2026
Onyama LimbaGreenwood X Oldroyd FranceCommercial Press NEGOTIATION06/24/2026
Onyama LimbaJeanfrancois X Bowley AustraliaBuckley Miller Wright RENEWAL07/08/2026
Total Customers:7
Stephen Shaw
Xuxue Feng
Xuxue FengAika R Glick JapanTruhlar And Truhlar Attys NEGOTIATION06/25/2026
Xuxue FengDarci U Waycott SpainChemel, James L Cpa RENEWAL06/20/2026
Total Customers:2
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerAika X Kusko RussiaFeltz Printing Service PROPOSAL07/01/2026
Amy ElsnerFrancesco G Stenseth SpainRousseaux, Michael Esq PROPOSAL06/18/2026
Anna FaliTony G Nicka ItalyFeiner Bros NEGOTIATION07/02/2026
Anna FaliCody L Perin IndiaFeiner Bros QUALIFIED07/01/2026
Anna FaliMisaki C Kolmetz United KingdomKing, Christopher A Esq NEW06/22/2026
Anna FaliSinclair V Iturbide ItalyDorl, James J Esq PROPOSAL06/25/2026
Anna FaliLeja O Paprocki RussiaBenton, John B Jr RENEWAL06/22/2026
Anna FaliMaisha G Briddick BrazilChapman, Ross E Esq QUALIFIED07/07/2026
Asiya JavayantArvin Z Stenseth CanadaKing, Christopher A Esq PROPOSAL06/17/2026
Asiya JavayantJones Z Whobrey ItalyChanay, Jeffrey A Esq NEW07/09/2026
Asiya JavayantDavid V Foller FranceFeltz Printing Service NEGOTIATION07/06/2026
Asiya JavayantAika L Glick FranceCommercial Press NEGOTIATION07/12/2026
Asiya JavayantMurillo X Ferencz SpainRousseaux, Michael Esq NEW07/11/2026
Bernardo DominicNicolas T Shinko IndiaTruhlar And Truhlar Attys NEW06/20/2026
Bernardo DominicTony E Wieser United KingdomRangoni Of Florence NEGOTIATION06/23/2026
Bernardo DominicClaire O Iturbide BrazilKing, Christopher A Esq QUALIFIED07/06/2026
Bernardo DominicRicardo W Poquette FranceBuckley Miller Wright UNQUALIFIED07/08/2026
Bernardo DominicSilvio N Morasca GermanyRangoni Of Florence RENEWAL06/22/2026
Elwin SharvillMunro W Gaucho FranceFeltz Printing Service UNQUALIFIED06/22/2026
Elwin SharvillTony L Schemmer ItalyBenton, John B Jr NEW06/30/2026
Elwin SharvillJohnson G Waycott CanadaDorl, James J Esq QUALIFIED06/25/2026
Elwin SharvillClaire H Vocelka GermanyMorlong Associates PROPOSAL06/28/2026
Elwin SharvillStacey L Ruta IndiaDorl, James J Esq PROPOSAL07/15/2026
Elwin SharvillAruna L Dilliard FranceChanay, Jeffrey A Esq UNQUALIFIED07/08/2026
Elwin SharvillMurillo C Kolmetz JapanRangoni Of Florence RENEWAL07/11/2026
Ioni BowcherJefferson E Malet BrazilRousseaux, Michael Esq PROPOSAL07/14/2026
Ioni BowcherMaisha F Saylors GermanyMorlong Associates PROPOSAL06/18/2026
Ioni BowcherCody I Stockham FrancePrinting Dimensions NEGOTIATION06/26/2026
Ioni BowcherIsabel T Slusarski SpainBuckley Miller Wright RENEWAL07/11/2026
Ivan MagalhaesJennifer V Waycott AustraliaKing, Christopher A Esq NEGOTIATION07/08/2026
Ivan MagalhaesSinclair N Kusko GermanyChanay, Jeffrey A Esq NEW07/03/2026
Ivan MagalhaesFrancesco Q Flosi ArgentinaChanay, Jeffrey A Esq UNQUALIFIED06/30/2026
Ivan MagalhaesSilvio X Caldarera ItalyRangoni Of Florence PROPOSAL07/11/2026
Ivan MagalhaesJefferson Q Amigon ArgentinaTruhlar And Truhlar Attys NEW06/18/2026
Ivan MagalhaesJefferson A Doe RussiaChapman, Ross E Esq PROPOSAL06/30/2026
Ivan MagalhaesStacey K Marrier ItalyRangoni Of Florence UNQUALIFIED07/06/2026
Onyama LimbaSmith V Nicka RussiaChapman, Ross E Esq UNQUALIFIED06/25/2026
Onyama LimbaJones F Iturbide GermanyBenton, John B Jr NEGOTIATION06/26/2026
Onyama LimbaJennifer A Tollner GermanyTruhlar And Truhlar Attys UNQUALIFIED07/08/2026
Onyama LimbaIzzy R Foller JapanBuckley Miller Wright PROPOSAL06/26/2026
Onyama LimbaLeja R Saylors ItalyBenton, John B Jr NEGOTIATION06/28/2026
Onyama LimbaGreenwood X Oldroyd FranceCommercial Press NEGOTIATION06/24/2026
Onyama LimbaJeanfrancois X Bowley AustraliaBuckley Miller Wright RENEWAL07/08/2026
Stephen ShawIsabel P Garufi ArgentinaChapman, Ross E Esq NEGOTIATION07/16/2026
Stephen ShawJeanfrancois C Butt ItalyPrinting Dimensions UNQUALIFIED06/28/2026
Stephen ShawJohnson I Nestle GermanyCommercial Press QUALIFIED06/22/2026
Stephen ShawMaisha M Kusko RussiaPrinting Dimensions UNQUALIFIED07/16/2026
Stephen ShawSilvio L Nicka FranceKing, Christopher A Esq PROPOSAL07/05/2026
Xuxue FengAika R Glick JapanTruhlar And Truhlar Attys NEGOTIATION06/25/2026
Xuxue FengDarci U Waycott SpainChemel, James L Cpa RENEWAL06/20/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>