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 ElsnerWickens A Vocelka IndiaMorlong Associates NEW04/24/2025
Amy ElsnerAlejandro Q Maclead AustraliaRousseaux, Michael Esq QUALIFIED04/22/2025
Amy ElsnerEmily X Waycott IndiaBenton, John B Jr NEGOTIATION04/25/2025
Amy ElsnerJulie O Garufi GermanyChapman, Ross E Esq NEGOTIATION04/30/2025
Total Customers:4
Anna Fali
Anna FaliAruna Y Briddick FranceCommercial Press QUALIFIED04/11/2025
Anna FaliCody L Briddick United KingdomBenton, John B Jr QUALIFIED04/03/2025
Anna FaliKaitlin C Royster ArgentinaBuckley Miller Wright RENEWAL04/17/2025
Anna FaliMurillo E Venere FranceTruhlar And Truhlar Attys PROPOSAL04/07/2025
Total Customers:4
Asiya Javayant
Asiya JavayantArvin F Ruta FranceBenton, John B Jr RENEWAL04/22/2025
Asiya JavayantRodrigues W Maclead BrazilDorl, James J Esq QUALIFIED04/06/2025
Total Customers:2
Bernardo Dominic
Bernardo DominicIsabel H Flosi United KingdomDorl, James J Esq RENEWAL04/29/2025
Bernardo DominicJennifer E Rulapaugh JapanPrinting Dimensions NEGOTIATION04/20/2025
Bernardo DominicIzzy L Bolognia ItalyChapman, Ross E Esq QUALIFIED04/22/2025
Bernardo DominicChavez P Iturbide SpainFeiner Bros NEW04/08/2025
Bernardo DominicMaria T Butt United KingdomTruhlar And Truhlar Attys NEW04/30/2025
Bernardo DominicMisaki Y Shinko ItalyBuckley Miller Wright QUALIFIED04/18/2025
Bernardo DominicClaire V Nicka RussiaCommercial Press PROPOSAL04/18/2025
Bernardo DominicRicardo O Saylors BrazilChanay, Jeffrey A Esq NEGOTIATION04/26/2025
Bernardo DominicAika M Shinko JapanKing, Christopher A Esq UNQUALIFIED04/22/2025
Bernardo DominicAshley C Royster IndiaCommercial Press NEW04/26/2025
Total Customers:10
Elwin Sharvill
Elwin SharvillMorrow U Gillian AustraliaPrinting Dimensions NEGOTIATION04/29/2025
Elwin SharvillEmily R Butt GermanyRousseaux, Michael Esq NEGOTIATION04/09/2025
Elwin SharvillMujtaba S Nestle JapanChapman, Ross E Esq QUALIFIED04/20/2025
Elwin SharvillIsabel R Amigon AustraliaKing, Christopher A Esq UNQUALIFIED04/25/2025
Elwin SharvillMayumi F Maclead JapanChanay, Jeffrey A Esq RENEWAL04/28/2025
Total Customers:5
Ioni Bowcher
Ioni BowcherMujtaba V Kusko BrazilKing, Christopher A Esq QUALIFIED04/14/2025
Ioni BowcherChavez Y Nicka JapanFeltz Printing Service NEGOTIATION04/16/2025
Ioni BowcherFaith V Bolognia IndiaKing, Christopher A Esq QUALIFIED04/05/2025
Ioni BowcherChavez R Malet SpainFeiner Bros NEGOTIATION04/15/2025
Ioni BowcherMorrow R Malet CanadaPrinting Dimensions NEW04/09/2025
Ioni BowcherSalvatore V Butt GermanyDorl, James J Esq NEW04/08/2025
Ioni BowcherFaith M Wieser United KingdomChemel, James L Cpa RENEWAL04/18/2025
Total Customers:7
Ivan Magalhaes
Ivan MagalhaesTony T Kusko FranceChemel, James L Cpa PROPOSAL04/13/2025
Ivan MagalhaesJuan A Dilliard IndiaChemel, James L Cpa QUALIFIED04/16/2025
Total Customers:2
Onyama Limba
Onyama LimbaTony S Schemmer IndiaFeltz Printing Service PROPOSAL04/15/2025
Onyama LimbaDeepesh L Wieser GermanyKing, Christopher A Esq NEGOTIATION04/11/2025
Onyama LimbaJennifer L Rulapaugh ItalyChemel, James L Cpa UNQUALIFIED04/18/2025
Onyama LimbaMaria T Albares United KingdomRangoni Of Florence QUALIFIED04/16/2025
Onyama LimbaMayumi Z Caudy SpainRousseaux, Michael Esq PROPOSAL04/14/2025
Onyama LimbaDeepesh D Rim SpainFeltz Printing Service QUALIFIED04/26/2025
Onyama LimbaMayumi L Schemmer United KingdomKing, Christopher A Esq QUALIFIED04/05/2025
Total Customers:7
Stephen Shaw
Xuxue Feng
Xuxue FengClifford O Figeroa GermanyRousseaux, Michael Esq RENEWAL04/13/2025
Xuxue FengMujtaba D Butt FranceMorlong Associates NEGOTIATION04/23/2025
Xuxue FengIsabel B Ruta SpainBenton, John B Jr RENEWAL04/20/2025
Xuxue FengJuan O Sergi United KingdomPrinting Dimensions NEGOTIATION04/20/2025
Xuxue FengCody L Rulapaugh CanadaBenton, John B Jr UNQUALIFIED04/28/2025
Xuxue FengMisaki C Slusarski ArgentinaTruhlar And Truhlar Attys PROPOSAL04/23/2025
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerWickens A Vocelka IndiaMorlong Associates NEW04/24/2025
Amy ElsnerAlejandro Q Maclead AustraliaRousseaux, Michael Esq QUALIFIED04/22/2025
Amy ElsnerEmily X Waycott IndiaBenton, John B Jr NEGOTIATION04/25/2025
Amy ElsnerJulie O Garufi GermanyChapman, Ross E Esq NEGOTIATION04/30/2025
Anna FaliAruna Y Briddick FranceCommercial Press QUALIFIED04/11/2025
Anna FaliCody L Briddick United KingdomBenton, John B Jr QUALIFIED04/03/2025
Anna FaliKaitlin C Royster ArgentinaBuckley Miller Wright RENEWAL04/17/2025
Anna FaliMurillo E Venere FranceTruhlar And Truhlar Attys PROPOSAL04/07/2025
Asiya JavayantArvin F Ruta FranceBenton, John B Jr RENEWAL04/22/2025
Asiya JavayantRodrigues W Maclead BrazilDorl, James J Esq QUALIFIED04/06/2025
Bernardo DominicIsabel H Flosi United KingdomDorl, James J Esq RENEWAL04/29/2025
Bernardo DominicJennifer E Rulapaugh JapanPrinting Dimensions NEGOTIATION04/20/2025
Bernardo DominicIzzy L Bolognia ItalyChapman, Ross E Esq QUALIFIED04/22/2025
Bernardo DominicChavez P Iturbide SpainFeiner Bros NEW04/08/2025
Bernardo DominicMaria T Butt United KingdomTruhlar And Truhlar Attys NEW04/30/2025
Bernardo DominicMisaki Y Shinko ItalyBuckley Miller Wright QUALIFIED04/18/2025
Bernardo DominicClaire V Nicka RussiaCommercial Press PROPOSAL04/18/2025
Bernardo DominicRicardo O Saylors BrazilChanay, Jeffrey A Esq NEGOTIATION04/26/2025
Bernardo DominicAika M Shinko JapanKing, Christopher A Esq UNQUALIFIED04/22/2025
Bernardo DominicAshley C Royster IndiaCommercial Press NEW04/26/2025
Elwin SharvillMorrow U Gillian AustraliaPrinting Dimensions NEGOTIATION04/29/2025
Elwin SharvillEmily R Butt GermanyRousseaux, Michael Esq NEGOTIATION04/09/2025
Elwin SharvillMujtaba S Nestle JapanChapman, Ross E Esq QUALIFIED04/20/2025
Elwin SharvillIsabel R Amigon AustraliaKing, Christopher A Esq UNQUALIFIED04/25/2025
Elwin SharvillMayumi F Maclead JapanChanay, Jeffrey A Esq RENEWAL04/28/2025
Ioni BowcherMujtaba V Kusko BrazilKing, Christopher A Esq QUALIFIED04/14/2025
Ioni BowcherChavez Y Nicka JapanFeltz Printing Service NEGOTIATION04/16/2025
Ioni BowcherFaith V Bolognia IndiaKing, Christopher A Esq QUALIFIED04/05/2025
Ioni BowcherChavez R Malet SpainFeiner Bros NEGOTIATION04/15/2025
Ioni BowcherMorrow R Malet CanadaPrinting Dimensions NEW04/09/2025
Ioni BowcherSalvatore V Butt GermanyDorl, James J Esq NEW04/08/2025
Ioni BowcherFaith M Wieser United KingdomChemel, James L Cpa RENEWAL04/18/2025
Ivan MagalhaesTony T Kusko FranceChemel, James L Cpa PROPOSAL04/13/2025
Ivan MagalhaesJuan A Dilliard IndiaChemel, James L Cpa QUALIFIED04/16/2025
Onyama LimbaTony S Schemmer IndiaFeltz Printing Service PROPOSAL04/15/2025
Onyama LimbaDeepesh L Wieser GermanyKing, Christopher A Esq NEGOTIATION04/11/2025
Onyama LimbaJennifer L Rulapaugh ItalyChemel, James L Cpa UNQUALIFIED04/18/2025
Onyama LimbaMaria T Albares United KingdomRangoni Of Florence QUALIFIED04/16/2025
Onyama LimbaMayumi Z Caudy SpainRousseaux, Michael Esq PROPOSAL04/14/2025
Onyama LimbaDeepesh D Rim SpainFeltz Printing Service QUALIFIED04/26/2025
Onyama LimbaMayumi L Schemmer United KingdomKing, Christopher A Esq QUALIFIED04/05/2025
Stephen ShawJohnson N Malet United KingdomChanay, Jeffrey A Esq RENEWAL04/30/2025
Stephen ShawGreenwood E Whobrey CanadaRangoni Of Florence NEGOTIATION04/13/2025
Stephen ShawAruna U Maclead IndiaKing, Christopher A Esq NEGOTIATION04/30/2025
Xuxue FengClifford O Figeroa GermanyRousseaux, Michael Esq RENEWAL04/13/2025
Xuxue FengMujtaba D Butt FranceMorlong Associates NEGOTIATION04/23/2025
Xuxue FengIsabel B Ruta SpainBenton, John B Jr RENEWAL04/20/2025
Xuxue FengJuan O Sergi United KingdomPrinting Dimensions NEGOTIATION04/20/2025
Xuxue FengCody L Rulapaugh CanadaBenton, John B Jr UNQUALIFIED04/28/2025
Xuxue FengMisaki C Slusarski ArgentinaTruhlar And Truhlar Attys PROPOSAL04/23/2025

<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>