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 ElsnerSalvatore C Shinko ItalyKing, Christopher A Esq QUALIFIED08/23/2026
Amy ElsnerNicolas L Caudy ItalyBuckley Miller Wright RENEWAL08/18/2026
Amy ElsnerAditya Z Garufi ItalyCommercial Press PROPOSAL08/22/2026
Amy ElsnerJohnson C Tollner JapanPrinting Dimensions RENEWAL08/16/2026
Amy ElsnerMaria C Flosi ArgentinaMorlong Associates NEGOTIATION08/11/2026
Total Customers:5
Anna Fali
Anna FaliJames H Inouye CanadaFeltz Printing Service QUALIFIED07/30/2026
Anna FaliArvin Y Tollner SpainChanay, Jeffrey A Esq NEW08/15/2026
Anna FaliMayumi Y Tollner RussiaFeiner Bros RENEWAL08/24/2026
Anna FaliDeepesh Z Saylors JapanBenton, John B Jr QUALIFIED08/12/2026
Anna FaliJames D Dilliard JapanChapman, Ross E Esq UNQUALIFIED07/31/2026
Total Customers:5
Bernardo Dominic
Bernardo DominicRicardo I Gaucho United KingdomBenton, John B Jr PROPOSAL08/05/2026
Bernardo DominicJennifer Y Amigon SpainChanay, Jeffrey A Esq NEGOTIATION08/11/2026
Bernardo DominicLeja M Paprocki RussiaBuckley Miller Wright QUALIFIED08/18/2026
Bernardo DominicJames L Malet GermanyChanay, Jeffrey A Esq PROPOSAL08/04/2026
Bernardo DominicGreenwood A Chui IndiaFeiner Bros RENEWAL08/15/2026
Bernardo DominicIzzy E Saylors ItalyTruhlar And Truhlar Attys UNQUALIFIED08/19/2026
Bernardo DominicEmily S Campain AustraliaChemel, James L Cpa NEW08/10/2026
Bernardo DominicWickens C Maclead GermanyFeltz Printing Service RENEWAL08/04/2026
Bernardo DominicGreenwood V Tollner IndiaChemel, James L Cpa PROPOSAL07/28/2026
Total Customers:9
Elwin Sharvill
Elwin SharvillSmith P Wieser SpainCommercial Press NEW08/03/2026
Elwin SharvillLeja G Whobrey JapanTruhlar And Truhlar Attys UNQUALIFIED08/15/2026
Elwin SharvillKaitlin E Wieser United KingdomChapman, Ross E Esq PROPOSAL08/21/2026
Elwin SharvillMunro N Vocelka BrazilBuckley Miller Wright PROPOSAL08/15/2026
Elwin SharvillRicardo B Butt United KingdomMorlong Associates UNQUALIFIED08/18/2026
Total Customers:5
Ioni Bowcher
Ioni BowcherKadeem K Marrier FranceBenton, John B Jr NEGOTIATION08/15/2026
Ioni BowcherIsabel Z Flosi AustraliaChanay, Jeffrey A Esq RENEWAL08/16/2026
Ioni BowcherJohnson G Tollner SpainDorl, James J Esq QUALIFIED08/03/2026
Ioni BowcherJones J Nicka United KingdomRangoni Of Florence PROPOSAL07/29/2026
Ioni BowcherJames N Caudy ArgentinaFeltz Printing Service UNQUALIFIED08/18/2026
Ioni BowcherCody W Ostrosky GermanyBenton, John B Jr PROPOSAL08/08/2026
Ioni BowcherRicardo Z Perin BrazilCommercial Press RENEWAL07/27/2026
Total Customers:7
Ivan Magalhaes
Ivan MagalhaesOctavia U Chui JapanCommercial Press RENEWAL08/12/2026
Ivan MagalhaesAntonio X Sergi IndiaBenton, John B Jr NEGOTIATION08/09/2026
Ivan MagalhaesKaitlin F Malet AustraliaRousseaux, Michael Esq PROPOSAL08/09/2026
Total Customers:3
Onyama Limba
Onyama LimbaMunro B Rulapaugh United KingdomRousseaux, Michael Esq RENEWAL08/03/2026
Onyama LimbaSinclair H Whobrey CanadaBenton, John B Jr NEW08/05/2026
Onyama LimbaJulie M Foller AustraliaChanay, Jeffrey A Esq UNQUALIFIED08/03/2026
Onyama LimbaMisaki P Caudy ArgentinaTruhlar And Truhlar Attys QUALIFIED08/06/2026
Onyama LimbaMaisha W Stenseth CanadaDorl, James J Esq NEW08/04/2026
Total Customers:5
Stephen Shaw
Xuxue Feng
Xuxue FengDeepesh G Garufi RussiaFeltz Printing Service RENEWAL08/16/2026
Xuxue FengOctavia G Caudy IndiaBenton, John B Jr NEGOTIATION07/29/2026
Xuxue FengAruna V Malet CanadaRousseaux, Michael Esq QUALIFIED08/02/2026
Xuxue FengChavez F Inouye United KingdomKing, Christopher A Esq PROPOSAL08/03/2026
Xuxue FengAntonio B Stockham RussiaCommercial Press QUALIFIED08/02/2026
Xuxue FengJefferson L Doe IndiaCommercial Press NEW08/17/2026
Xuxue FengGreenwood A Saylors SpainBuckley Miller Wright QUALIFIED08/09/2026
Total Customers:7
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerSalvatore C Shinko ItalyKing, Christopher A Esq QUALIFIED08/23/2026
Amy ElsnerNicolas L Caudy ItalyBuckley Miller Wright RENEWAL08/18/2026
Amy ElsnerAditya Z Garufi ItalyCommercial Press PROPOSAL08/22/2026
Amy ElsnerJohnson C Tollner JapanPrinting Dimensions RENEWAL08/16/2026
Amy ElsnerMaria C Flosi ArgentinaMorlong Associates NEGOTIATION08/11/2026
Anna FaliJames H Inouye CanadaFeltz Printing Service QUALIFIED07/30/2026
Anna FaliArvin Y Tollner SpainChanay, Jeffrey A Esq NEW08/15/2026
Anna FaliMayumi Y Tollner RussiaFeiner Bros RENEWAL08/24/2026
Anna FaliDeepesh Z Saylors JapanBenton, John B Jr QUALIFIED08/12/2026
Anna FaliJames D Dilliard JapanChapman, Ross E Esq UNQUALIFIED07/31/2026
Bernardo DominicRicardo I Gaucho United KingdomBenton, John B Jr PROPOSAL08/05/2026
Bernardo DominicJennifer Y Amigon SpainChanay, Jeffrey A Esq NEGOTIATION08/11/2026
Bernardo DominicLeja M Paprocki RussiaBuckley Miller Wright QUALIFIED08/18/2026
Bernardo DominicJames L Malet GermanyChanay, Jeffrey A Esq PROPOSAL08/04/2026
Bernardo DominicGreenwood A Chui IndiaFeiner Bros RENEWAL08/15/2026
Bernardo DominicIzzy E Saylors ItalyTruhlar And Truhlar Attys UNQUALIFIED08/19/2026
Bernardo DominicEmily S Campain AustraliaChemel, James L Cpa NEW08/10/2026
Bernardo DominicWickens C Maclead GermanyFeltz Printing Service RENEWAL08/04/2026
Bernardo DominicGreenwood V Tollner IndiaChemel, James L Cpa PROPOSAL07/28/2026
Elwin SharvillSmith P Wieser SpainCommercial Press NEW08/03/2026
Elwin SharvillLeja G Whobrey JapanTruhlar And Truhlar Attys UNQUALIFIED08/15/2026
Elwin SharvillKaitlin E Wieser United KingdomChapman, Ross E Esq PROPOSAL08/21/2026
Elwin SharvillMunro N Vocelka BrazilBuckley Miller Wright PROPOSAL08/15/2026
Elwin SharvillRicardo B Butt United KingdomMorlong Associates UNQUALIFIED08/18/2026
Ioni BowcherKadeem K Marrier FranceBenton, John B Jr NEGOTIATION08/15/2026
Ioni BowcherIsabel Z Flosi AustraliaChanay, Jeffrey A Esq RENEWAL08/16/2026
Ioni BowcherJohnson G Tollner SpainDorl, James J Esq QUALIFIED08/03/2026
Ioni BowcherJones J Nicka United KingdomRangoni Of Florence PROPOSAL07/29/2026
Ioni BowcherJames N Caudy ArgentinaFeltz Printing Service UNQUALIFIED08/18/2026
Ioni BowcherCody W Ostrosky GermanyBenton, John B Jr PROPOSAL08/08/2026
Ioni BowcherRicardo Z Perin BrazilCommercial Press RENEWAL07/27/2026
Ivan MagalhaesOctavia U Chui JapanCommercial Press RENEWAL08/12/2026
Ivan MagalhaesAntonio X Sergi IndiaBenton, John B Jr NEGOTIATION08/09/2026
Ivan MagalhaesKaitlin F Malet AustraliaRousseaux, Michael Esq PROPOSAL08/09/2026
Onyama LimbaMunro B Rulapaugh United KingdomRousseaux, Michael Esq RENEWAL08/03/2026
Onyama LimbaSinclair H Whobrey CanadaBenton, John B Jr NEW08/05/2026
Onyama LimbaJulie M Foller AustraliaChanay, Jeffrey A Esq UNQUALIFIED08/03/2026
Onyama LimbaMisaki P Caudy ArgentinaTruhlar And Truhlar Attys QUALIFIED08/06/2026
Onyama LimbaMaisha W Stenseth CanadaDorl, James J Esq NEW08/04/2026
Stephen ShawWickens F Butt AustraliaCommercial Press NEW08/13/2026
Stephen ShawLeja J Malet United KingdomTruhlar And Truhlar Attys PROPOSAL08/20/2026
Stephen ShawJohnson Y Wieser IndiaFeiner Bros RENEWAL08/09/2026
Stephen ShawKaitlin M Slusarski IndiaCommercial Press RENEWAL08/13/2026
Xuxue FengDeepesh G Garufi RussiaFeltz Printing Service RENEWAL08/16/2026
Xuxue FengOctavia G Caudy IndiaBenton, John B Jr NEGOTIATION07/29/2026
Xuxue FengAruna V Malet CanadaRousseaux, Michael Esq QUALIFIED08/02/2026
Xuxue FengChavez F Inouye United KingdomKing, Christopher A Esq PROPOSAL08/03/2026
Xuxue FengAntonio B Stockham RussiaCommercial Press QUALIFIED08/02/2026
Xuxue FengJefferson L Doe IndiaCommercial Press NEW08/17/2026
Xuxue FengGreenwood A Saylors SpainBuckley Miller Wright QUALIFIED08/09/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>