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 ElsnerChavez D Doe SpainRangoni Of Florence RENEWAL06/06/2026
Amy ElsnerDeepesh X Malet IndiaRangoni Of Florence NEW06/26/2026
Amy ElsnerTony V Malet BrazilChapman, Ross E Esq PROPOSAL06/09/2026
Total Customers:3
Anna Fali
Anna FaliFrancesco M Schemmer BrazilRousseaux, Michael Esq RENEWAL06/27/2026
Anna FaliAlejandro T Paprocki GermanyChemel, James L Cpa UNQUALIFIED06/14/2026
Anna FaliAruna M Ruta SpainDorl, James J Esq PROPOSAL06/22/2026
Anna FaliKadeem T Vocelka SpainRousseaux, Michael Esq PROPOSAL06/11/2026
Total Customers:4
Asiya Javayant
Asiya JavayantSilvio E Gaucho BrazilFeiner Bros RENEWAL06/28/2026
Asiya JavayantFrancesco W Marrier RussiaRangoni Of Florence PROPOSAL06/22/2026
Asiya JavayantMujtaba V Iturbide JapanChapman, Ross E Esq RENEWAL06/13/2026
Asiya JavayantChavez P Amigon FranceKing, Christopher A Esq NEW06/27/2026
Asiya JavayantNicolas Q Kolmetz United KingdomDorl, James J Esq PROPOSAL06/24/2026
Asiya JavayantSmith Z Rulapaugh CanadaTruhlar And Truhlar Attys NEGOTIATION07/03/2026
Total Customers:6
Bernardo Dominic
Bernardo DominicFrancesco F Royster IndiaCommercial Press PROPOSAL07/01/2026
Bernardo DominicMurillo I Nicka FranceRangoni Of Florence UNQUALIFIED07/03/2026
Bernardo DominicLeon G Darakjy RussiaBuckley Miller Wright NEW06/24/2026
Bernardo DominicNicolas O Marrier AustraliaTruhlar And Truhlar Attys NEGOTIATION06/20/2026
Total Customers:4
Elwin Sharvill
Elwin SharvillRicardo T Slusarski United KingdomRousseaux, Michael Esq NEW07/03/2026
Elwin SharvillEmily B Nestle BrazilBuckley Miller Wright UNQUALIFIED06/28/2026
Elwin SharvillMorrow X Glick AustraliaBenton, John B Jr RENEWAL06/15/2026
Elwin SharvillMaria O Malet AustraliaPrinting Dimensions RENEWAL06/26/2026
Elwin SharvillRodrigues D Rim SpainChemel, James L Cpa QUALIFIED06/25/2026
Elwin SharvillChavez Z Venere SpainChemel, James L Cpa QUALIFIED06/22/2026
Total Customers:6
Ioni Bowcher
Ioni BowcherMaisha B Poquette FranceBuckley Miller Wright NEW06/14/2026
Ioni BowcherCosta Y Butt RussiaFeltz Printing Service UNQUALIFIED06/29/2026
Ioni BowcherAntonio N Rulapaugh United KingdomTruhlar And Truhlar Attys NEGOTIATION06/09/2026
Ioni BowcherAdams M Darakjy CanadaChanay, Jeffrey A Esq RENEWAL06/09/2026
Ioni BowcherMaria L Morasca SpainBenton, John B Jr PROPOSAL06/10/2026
Ioni BowcherAdams F Darakjy CanadaMorlong Associates NEGOTIATION06/24/2026
Total Customers:6
Ivan Magalhaes
Ivan MagalhaesJulie Y Malet SpainKing, Christopher A Esq NEGOTIATION06/30/2026
Ivan MagalhaesJames S Oldroyd CanadaChanay, Jeffrey A Esq RENEWAL06/07/2026
Ivan MagalhaesCosta H Morasca RussiaBenton, John B Jr PROPOSAL06/16/2026
Ivan MagalhaesAlejandro G Figeroa FranceCommercial Press RENEWAL06/18/2026
Ivan MagalhaesJohnson B Tollner CanadaCommercial Press RENEWAL06/21/2026
Ivan MagalhaesDeepesh X Saylors CanadaCommercial Press PROPOSAL06/04/2026
Ivan MagalhaesJohnson M Saylors GermanyRangoni Of Florence NEGOTIATION06/10/2026
Total Customers:7
Onyama Limba
Onyama LimbaMunro G Wieser ArgentinaRangoni Of Florence NEGOTIATION06/07/2026
Onyama LimbaDavid H Paprocki SpainFeltz Printing Service UNQUALIFIED06/23/2026
Total Customers:2
Stephen Shaw
Xuxue Feng
Xuxue FengJeanfrancois A Rulapaugh FranceFeiner Bros NEW06/05/2026
Xuxue FengJohnson U Stockham CanadaDorl, James J Esq PROPOSAL06/25/2026
Xuxue FengFaith V Ferencz CanadaBuckley Miller Wright NEW06/10/2026
Xuxue FengCosta A Waycott GermanyFeiner Bros NEGOTIATION06/24/2026
Xuxue FengLeja G Sergi BrazilChemel, James L Cpa PROPOSAL06/12/2026
Xuxue FengSilvio R Saylors IndiaPrinting Dimensions NEGOTIATION06/29/2026
Xuxue FengMaria E Campain ArgentinaTruhlar And Truhlar Attys RENEWAL06/29/2026
Total Customers:7
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerChavez D Doe SpainRangoni Of Florence RENEWAL06/06/2026
Amy ElsnerDeepesh X Malet IndiaRangoni Of Florence NEW06/26/2026
Amy ElsnerTony V Malet BrazilChapman, Ross E Esq PROPOSAL06/09/2026
Anna FaliFrancesco M Schemmer BrazilRousseaux, Michael Esq RENEWAL06/27/2026
Anna FaliAlejandro T Paprocki GermanyChemel, James L Cpa UNQUALIFIED06/14/2026
Anna FaliAruna M Ruta SpainDorl, James J Esq PROPOSAL06/22/2026
Anna FaliKadeem T Vocelka SpainRousseaux, Michael Esq PROPOSAL06/11/2026
Asiya JavayantSilvio E Gaucho BrazilFeiner Bros RENEWAL06/28/2026
Asiya JavayantFrancesco W Marrier RussiaRangoni Of Florence PROPOSAL06/22/2026
Asiya JavayantMujtaba V Iturbide JapanChapman, Ross E Esq RENEWAL06/13/2026
Asiya JavayantChavez P Amigon FranceKing, Christopher A Esq NEW06/27/2026
Asiya JavayantNicolas Q Kolmetz United KingdomDorl, James J Esq PROPOSAL06/24/2026
Asiya JavayantSmith Z Rulapaugh CanadaTruhlar And Truhlar Attys NEGOTIATION07/03/2026
Bernardo DominicFrancesco F Royster IndiaCommercial Press PROPOSAL07/01/2026
Bernardo DominicMurillo I Nicka FranceRangoni Of Florence UNQUALIFIED07/03/2026
Bernardo DominicLeon G Darakjy RussiaBuckley Miller Wright NEW06/24/2026
Bernardo DominicNicolas O Marrier AustraliaTruhlar And Truhlar Attys NEGOTIATION06/20/2026
Elwin SharvillRicardo T Slusarski United KingdomRousseaux, Michael Esq NEW07/03/2026
Elwin SharvillEmily B Nestle BrazilBuckley Miller Wright UNQUALIFIED06/28/2026
Elwin SharvillMorrow X Glick AustraliaBenton, John B Jr RENEWAL06/15/2026
Elwin SharvillMaria O Malet AustraliaPrinting Dimensions RENEWAL06/26/2026
Elwin SharvillRodrigues D Rim SpainChemel, James L Cpa QUALIFIED06/25/2026
Elwin SharvillChavez Z Venere SpainChemel, James L Cpa QUALIFIED06/22/2026
Ioni BowcherMaisha B Poquette FranceBuckley Miller Wright NEW06/14/2026
Ioni BowcherCosta Y Butt RussiaFeltz Printing Service UNQUALIFIED06/29/2026
Ioni BowcherAntonio N Rulapaugh United KingdomTruhlar And Truhlar Attys NEGOTIATION06/09/2026
Ioni BowcherAdams M Darakjy CanadaChanay, Jeffrey A Esq RENEWAL06/09/2026
Ioni BowcherMaria L Morasca SpainBenton, John B Jr PROPOSAL06/10/2026
Ioni BowcherAdams F Darakjy CanadaMorlong Associates NEGOTIATION06/24/2026
Ivan MagalhaesJulie Y Malet SpainKing, Christopher A Esq NEGOTIATION06/30/2026
Ivan MagalhaesJames S Oldroyd CanadaChanay, Jeffrey A Esq RENEWAL06/07/2026
Ivan MagalhaesCosta H Morasca RussiaBenton, John B Jr PROPOSAL06/16/2026
Ivan MagalhaesAlejandro G Figeroa FranceCommercial Press RENEWAL06/18/2026
Ivan MagalhaesJohnson B Tollner CanadaCommercial Press RENEWAL06/21/2026
Ivan MagalhaesDeepesh X Saylors CanadaCommercial Press PROPOSAL06/04/2026
Ivan MagalhaesJohnson M Saylors GermanyRangoni Of Florence NEGOTIATION06/10/2026
Onyama LimbaMunro G Wieser ArgentinaRangoni Of Florence NEGOTIATION06/07/2026
Onyama LimbaDavid H Paprocki SpainFeltz Printing Service UNQUALIFIED06/23/2026
Stephen ShawAditya P Campain FranceMorlong Associates NEW06/12/2026
Stephen ShawTony P Briddick ItalyRangoni Of Florence RENEWAL06/07/2026
Stephen ShawWickens A Saylors IndiaKing, Christopher A Esq PROPOSAL06/27/2026
Stephen ShawTony Q Marrier United KingdomDorl, James J Esq UNQUALIFIED07/03/2026
Stephen ShawMaisha X Gaucho United KingdomKing, Christopher A Esq NEGOTIATION06/23/2026
Xuxue FengJeanfrancois A Rulapaugh FranceFeiner Bros NEW06/05/2026
Xuxue FengJohnson U Stockham CanadaDorl, James J Esq PROPOSAL06/25/2026
Xuxue FengFaith V Ferencz CanadaBuckley Miller Wright NEW06/10/2026
Xuxue FengCosta A Waycott GermanyFeiner Bros NEGOTIATION06/24/2026
Xuxue FengLeja G Sergi BrazilChemel, James L Cpa PROPOSAL06/12/2026
Xuxue FengSilvio R Saylors IndiaPrinting Dimensions NEGOTIATION06/29/2026
Xuxue FengMaria E Campain ArgentinaTruhlar And Truhlar Attys RENEWAL06/29/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>