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 T Flosi BrazilFeiner Bros QUALIFIED05/31/2025
Amy ElsnerRicardo L Poquette ItalyDorl, James J Esq NEGOTIATION06/10/2025
Amy ElsnerAditya F Garufi JapanCommercial Press PROPOSAL06/02/2025
Amy ElsnerFrancesco F Stockham FranceDorl, James J Esq QUALIFIED05/31/2025
Amy ElsnerDarci E Malet BrazilRousseaux, Michael Esq PROPOSAL06/06/2025
Amy ElsnerAntonio T Caudy ItalyMorlong Associates UNQUALIFIED06/06/2025
Amy ElsnerWickens R Flosi BrazilRangoni Of Florence UNQUALIFIED06/06/2025
Total Customers:7
Anna Fali
Anna FaliGreenwood K Whobrey RussiaFeltz Printing Service RENEWAL06/07/2025
Anna FaliFaith Z Morasca RussiaRousseaux, Michael Esq QUALIFIED05/21/2025
Anna FaliJennifer C Venere IndiaRangoni Of Florence RENEWAL06/13/2025
Anna FaliDeepesh U Venere ItalyRousseaux, Michael Esq PROPOSAL06/04/2025
Anna FaliJames B Nicka RussiaRangoni Of Florence NEGOTIATION05/25/2025
Anna FaliMurillo B Whobrey SpainCommercial Press RENEWAL06/01/2025
Anna FaliJuan G Bolognia United KingdomChanay, Jeffrey A Esq NEGOTIATION05/22/2025
Total Customers:7
Asiya Javayant
Asiya JavayantIsabel M Figeroa BrazilChanay, Jeffrey A Esq NEGOTIATION06/02/2025
Asiya JavayantLeon Y Caudy CanadaChanay, Jeffrey A Esq QUALIFIED05/30/2025
Asiya JavayantMurillo S Maclead IndiaChanay, Jeffrey A Esq QUALIFIED06/03/2025
Asiya JavayantSmith I Bolognia FrancePrinting Dimensions PROPOSAL05/19/2025
Asiya JavayantAshley U Waycott United KingdomBuckley Miller Wright UNQUALIFIED06/06/2025
Asiya JavayantAshley B Nestle ArgentinaPrinting Dimensions UNQUALIFIED05/31/2025
Asiya JavayantEmily E Figeroa FrancePrinting Dimensions NEGOTIATION06/03/2025
Total Customers:7
Bernardo Dominic
Bernardo DominicAntonio E Ruta IndiaTruhlar And Truhlar Attys UNQUALIFIED06/05/2025
Bernardo DominicAntonio H Wieser IndiaKing, Christopher A Esq NEW05/27/2025
Bernardo DominicJulie Z Caldarera United KingdomFeltz Printing Service PROPOSAL06/09/2025
Bernardo DominicLeon V Marrier ItalyKing, Christopher A Esq PROPOSAL06/09/2025
Total Customers:4
Elwin Sharvill
Elwin SharvillCosta F Briddick SpainPrinting Dimensions QUALIFIED06/03/2025
Elwin SharvillMujtaba J Campain IndiaFeltz Printing Service NEW05/26/2025
Elwin SharvillMisaki Y Wieser IndiaMorlong Associates UNQUALIFIED06/02/2025
Elwin SharvillArvin K Nestle AustraliaBenton, John B Jr UNQUALIFIED05/22/2025
Elwin SharvillFrancesco N Royster FranceChapman, Ross E Esq PROPOSAL06/10/2025
Elwin SharvillLeja W Malet ArgentinaKing, Christopher A Esq PROPOSAL06/10/2025
Total Customers:6
Ioni Bowcher
Ioni BowcherAika Z Briddick ArgentinaPrinting Dimensions NEW06/04/2025
Ioni BowcherTony W Ruta United KingdomMorlong Associates NEW06/14/2025
Ioni BowcherJuan O Ferencz JapanKing, Christopher A Esq NEGOTIATION06/05/2025
Ioni BowcherSmith K Garufi AustraliaRousseaux, Michael Esq UNQUALIFIED05/30/2025
Total Customers:4
Ivan Magalhaes
Ivan MagalhaesFaith B Campain United KingdomPrinting Dimensions QUALIFIED05/16/2025
Ivan MagalhaesRodrigues N Paprocki AustraliaChemel, James L Cpa NEW05/28/2025
Ivan MagalhaesStacey F Darakjy United KingdomChanay, Jeffrey A Esq NEGOTIATION06/02/2025
Ivan MagalhaesIvar M Nestle AustraliaBenton, John B Jr NEGOTIATION05/25/2025
Ivan MagalhaesAika B Gaucho ItalyCommercial Press UNQUALIFIED05/29/2025
Total Customers:5
Onyama Limba
Onyama LimbaCosta L Perin JapanFeiner Bros QUALIFIED05/25/2025
Onyama LimbaAdams S Kolmetz JapanDorl, James J Esq QUALIFIED05/26/2025
Onyama LimbaJennifer A Perin FranceCommercial Press PROPOSAL05/28/2025
Onyama LimbaRodrigues I Venere ItalyFeltz Printing Service QUALIFIED05/24/2025
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengIsabel G Doe JapanPrinting Dimensions QUALIFIED05/24/2025
Xuxue FengFaith Z Gillian SpainRousseaux, Michael Esq NEGOTIATION06/14/2025
Xuxue FengKadeem L Caudy United KingdomDorl, James J Esq RENEWAL06/08/2025
Xuxue FengDeepesh N Dilliard FranceChanay, Jeffrey A Esq NEW06/10/2025
Xuxue FengAntonio W Morasca AustraliaTruhlar And Truhlar Attys RENEWAL05/30/2025
Total Customers:5
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerAika T Flosi BrazilFeiner Bros QUALIFIED05/31/2025
Amy ElsnerRicardo L Poquette ItalyDorl, James J Esq NEGOTIATION06/10/2025
Amy ElsnerAditya F Garufi JapanCommercial Press PROPOSAL06/02/2025
Amy ElsnerFrancesco F Stockham FranceDorl, James J Esq QUALIFIED05/31/2025
Amy ElsnerDarci E Malet BrazilRousseaux, Michael Esq PROPOSAL06/06/2025
Amy ElsnerAntonio T Caudy ItalyMorlong Associates UNQUALIFIED06/06/2025
Amy ElsnerWickens R Flosi BrazilRangoni Of Florence UNQUALIFIED06/06/2025
Anna FaliGreenwood K Whobrey RussiaFeltz Printing Service RENEWAL06/07/2025
Anna FaliFaith Z Morasca RussiaRousseaux, Michael Esq QUALIFIED05/21/2025
Anna FaliJennifer C Venere IndiaRangoni Of Florence RENEWAL06/13/2025
Anna FaliDeepesh U Venere ItalyRousseaux, Michael Esq PROPOSAL06/04/2025
Anna FaliJames B Nicka RussiaRangoni Of Florence NEGOTIATION05/25/2025
Anna FaliMurillo B Whobrey SpainCommercial Press RENEWAL06/01/2025
Anna FaliJuan G Bolognia United KingdomChanay, Jeffrey A Esq NEGOTIATION05/22/2025
Asiya JavayantIsabel M Figeroa BrazilChanay, Jeffrey A Esq NEGOTIATION06/02/2025
Asiya JavayantLeon Y Caudy CanadaChanay, Jeffrey A Esq QUALIFIED05/30/2025
Asiya JavayantMurillo S Maclead IndiaChanay, Jeffrey A Esq QUALIFIED06/03/2025
Asiya JavayantSmith I Bolognia FrancePrinting Dimensions PROPOSAL05/19/2025
Asiya JavayantAshley U Waycott United KingdomBuckley Miller Wright UNQUALIFIED06/06/2025
Asiya JavayantAshley B Nestle ArgentinaPrinting Dimensions UNQUALIFIED05/31/2025
Asiya JavayantEmily E Figeroa FrancePrinting Dimensions NEGOTIATION06/03/2025
Bernardo DominicAntonio E Ruta IndiaTruhlar And Truhlar Attys UNQUALIFIED06/05/2025
Bernardo DominicAntonio H Wieser IndiaKing, Christopher A Esq NEW05/27/2025
Bernardo DominicJulie Z Caldarera United KingdomFeltz Printing Service PROPOSAL06/09/2025
Bernardo DominicLeon V Marrier ItalyKing, Christopher A Esq PROPOSAL06/09/2025
Elwin SharvillCosta F Briddick SpainPrinting Dimensions QUALIFIED06/03/2025
Elwin SharvillMujtaba J Campain IndiaFeltz Printing Service NEW05/26/2025
Elwin SharvillMisaki Y Wieser IndiaMorlong Associates UNQUALIFIED06/02/2025
Elwin SharvillArvin K Nestle AustraliaBenton, John B Jr UNQUALIFIED05/22/2025
Elwin SharvillFrancesco N Royster FranceChapman, Ross E Esq PROPOSAL06/10/2025
Elwin SharvillLeja W Malet ArgentinaKing, Christopher A Esq PROPOSAL06/10/2025
Ioni BowcherAika Z Briddick ArgentinaPrinting Dimensions NEW06/04/2025
Ioni BowcherTony W Ruta United KingdomMorlong Associates NEW06/14/2025
Ioni BowcherJuan O Ferencz JapanKing, Christopher A Esq NEGOTIATION06/05/2025
Ioni BowcherSmith K Garufi AustraliaRousseaux, Michael Esq UNQUALIFIED05/30/2025
Ivan MagalhaesFaith B Campain United KingdomPrinting Dimensions QUALIFIED05/16/2025
Ivan MagalhaesRodrigues N Paprocki AustraliaChemel, James L Cpa NEW05/28/2025
Ivan MagalhaesStacey F Darakjy United KingdomChanay, Jeffrey A Esq NEGOTIATION06/02/2025
Ivan MagalhaesIvar M Nestle AustraliaBenton, John B Jr NEGOTIATION05/25/2025
Ivan MagalhaesAika B Gaucho ItalyCommercial Press UNQUALIFIED05/29/2025
Onyama LimbaCosta L Perin JapanFeiner Bros QUALIFIED05/25/2025
Onyama LimbaAdams S Kolmetz JapanDorl, James J Esq QUALIFIED05/26/2025
Onyama LimbaJennifer A Perin FranceCommercial Press PROPOSAL05/28/2025
Onyama LimbaRodrigues I Venere ItalyFeltz Printing Service QUALIFIED05/24/2025
Stephen ShawMurillo E Stockham ItalyBenton, John B Jr UNQUALIFIED05/17/2025
Xuxue FengIsabel G Doe JapanPrinting Dimensions QUALIFIED05/24/2025
Xuxue FengFaith Z Gillian SpainRousseaux, Michael Esq NEGOTIATION06/14/2025
Xuxue FengKadeem L Caudy United KingdomDorl, James J Esq RENEWAL06/08/2025
Xuxue FengDeepesh N Dilliard FranceChanay, Jeffrey A Esq NEW06/10/2025
Xuxue FengAntonio W Morasca AustraliaTruhlar And Truhlar Attys RENEWAL05/30/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>