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 ElsnerJefferson R Gillian IndiaKing, Christopher A Esq UNQUALIFIED04/09/2025
Amy ElsnerSmith C Saylors SpainKing, Christopher A Esq UNQUALIFIED04/14/2025
Amy ElsnerEmily Q Nestle RussiaFeiner Bros NEW04/28/2025
Amy ElsnerClifford Z Waycott ArgentinaRangoni Of Florence QUALIFIED04/04/2025
Total Customers:4
Anna Fali
Anna FaliMisaki T Paprocki GermanyRangoni Of Florence RENEWAL04/12/2025
Anna FaliDavid W Gaucho CanadaKing, Christopher A Esq NEGOTIATION04/04/2025
Anna FaliClifford W Caudy SpainRousseaux, Michael Esq QUALIFIED04/11/2025
Anna FaliMujtaba P Bowley ArgentinaFeiner Bros QUALIFIED04/01/2025
Anna FaliRicardo L Doe AustraliaFeiner Bros NEW04/28/2025
Total Customers:5
Asiya Javayant
Asiya JavayantJones O Ruta United KingdomFeiner Bros QUALIFIED04/02/2025
Asiya JavayantJuan W Shinko RussiaBenton, John B Jr UNQUALIFIED04/06/2025
Asiya JavayantFrancesco L Venere FranceFeltz Printing Service NEGOTIATION04/06/2025
Asiya JavayantDarci D Maclead United KingdomTruhlar And Truhlar Attys NEGOTIATION04/09/2025
Total Customers:4
Bernardo Dominic
Bernardo DominicClaire T Inouye FranceChanay, Jeffrey A Esq UNQUALIFIED04/14/2025
Bernardo DominicStacey T Sergi RussiaFeiner Bros PROPOSAL04/16/2025
Bernardo DominicLeon W Shinko AustraliaRangoni Of Florence NEW04/19/2025
Total Customers:3
Elwin Sharvill
Elwin SharvillJennifer Q Perin JapanFeiner Bros PROPOSAL04/14/2025
Elwin SharvillTony B Caudy RussiaFeltz Printing Service NEW04/28/2025
Elwin SharvillCosta M Nicka FranceBenton, John B Jr NEW04/21/2025
Elwin SharvillFrancesco S Ruta FranceRousseaux, Michael Esq UNQUALIFIED04/15/2025
Elwin SharvillKaitlin Y Malet ArgentinaBuckley Miller Wright NEGOTIATION04/07/2025
Elwin SharvillAruna H Garufi GermanyFeltz Printing Service UNQUALIFIED04/14/2025
Total Customers:6
Ioni Bowcher
Ioni BowcherChavez S Schemmer ItalyFeiner Bros PROPOSAL04/23/2025
Ioni BowcherFaith Q Nestle JapanChanay, Jeffrey A Esq QUALIFIED04/26/2025
Ioni BowcherMunro Q Bowley ItalyPrinting Dimensions QUALIFIED04/24/2025
Ioni BowcherJefferson M Kusko CanadaDorl, James J Esq UNQUALIFIED04/16/2025
Total Customers:4
Ivan Magalhaes
Ivan MagalhaesOctavia O Paprocki AustraliaChanay, Jeffrey A Esq PROPOSAL04/18/2025
Ivan MagalhaesAshley A Marrier ItalyBenton, John B Jr QUALIFIED04/10/2025
Ivan MagalhaesRicardo Z Albares RussiaFeiner Bros QUALIFIED04/16/2025
Ivan MagalhaesWickens M Tollner CanadaPrinting Dimensions NEGOTIATION04/29/2025
Ivan MagalhaesMujtaba W Ruta RussiaRangoni Of Florence UNQUALIFIED04/18/2025
Ivan MagalhaesAntonio Z Chui FranceChemel, James L Cpa NEGOTIATION04/13/2025
Ivan MagalhaesAditya K Albares BrazilChapman, Ross E Esq NEW04/24/2025
Total Customers:7
Onyama Limba
Onyama LimbaMayumi H Kolmetz ArgentinaKing, Christopher A Esq UNQUALIFIED04/07/2025
Onyama LimbaFrancesco T Ruta FranceRangoni Of Florence RENEWAL04/27/2025
Onyama LimbaAlejandro Y Vocelka ArgentinaDorl, James J Esq PROPOSAL04/01/2025
Onyama LimbaAntonio P Sergi United KingdomCommercial Press UNQUALIFIED04/20/2025
Onyama LimbaMujtaba J Bowley RussiaMorlong Associates RENEWAL04/10/2025
Onyama LimbaIsabel I Glick CanadaBuckley Miller Wright NEGOTIATION04/10/2025
Total Customers:6
Stephen Shaw
Xuxue Feng
Xuxue FengCody P Darakjy United KingdomChapman, Ross E Esq NEGOTIATION04/20/2025
Xuxue FengMunro S Iturbide JapanMorlong Associates RENEWAL04/28/2025
Xuxue FengDarci E Vocelka JapanKing, Christopher A Esq NEGOTIATION04/03/2025
Xuxue FengWickens V Rim CanadaPrinting Dimensions UNQUALIFIED04/01/2025
Xuxue FengEmily X Maclead FranceChapman, Ross E Esq PROPOSAL04/09/2025
Xuxue FengSmith L Slusarski FranceChanay, Jeffrey A Esq UNQUALIFIED04/23/2025
Xuxue FengJefferson W Shinko United KingdomChemel, James L Cpa QUALIFIED04/19/2025
Total Customers:7
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerJefferson R Gillian IndiaKing, Christopher A Esq UNQUALIFIED04/09/2025
Amy ElsnerSmith C Saylors SpainKing, Christopher A Esq UNQUALIFIED04/14/2025
Amy ElsnerEmily Q Nestle RussiaFeiner Bros NEW04/28/2025
Amy ElsnerClifford Z Waycott ArgentinaRangoni Of Florence QUALIFIED04/04/2025
Anna FaliMisaki T Paprocki GermanyRangoni Of Florence RENEWAL04/12/2025
Anna FaliDavid W Gaucho CanadaKing, Christopher A Esq NEGOTIATION04/04/2025
Anna FaliClifford W Caudy SpainRousseaux, Michael Esq QUALIFIED04/11/2025
Anna FaliMujtaba P Bowley ArgentinaFeiner Bros QUALIFIED04/01/2025
Anna FaliRicardo L Doe AustraliaFeiner Bros NEW04/28/2025
Asiya JavayantJones O Ruta United KingdomFeiner Bros QUALIFIED04/02/2025
Asiya JavayantJuan W Shinko RussiaBenton, John B Jr UNQUALIFIED04/06/2025
Asiya JavayantFrancesco L Venere FranceFeltz Printing Service NEGOTIATION04/06/2025
Asiya JavayantDarci D Maclead United KingdomTruhlar And Truhlar Attys NEGOTIATION04/09/2025
Bernardo DominicClaire T Inouye FranceChanay, Jeffrey A Esq UNQUALIFIED04/14/2025
Bernardo DominicStacey T Sergi RussiaFeiner Bros PROPOSAL04/16/2025
Bernardo DominicLeon W Shinko AustraliaRangoni Of Florence NEW04/19/2025
Elwin SharvillJennifer Q Perin JapanFeiner Bros PROPOSAL04/14/2025
Elwin SharvillTony B Caudy RussiaFeltz Printing Service NEW04/28/2025
Elwin SharvillCosta M Nicka FranceBenton, John B Jr NEW04/21/2025
Elwin SharvillFrancesco S Ruta FranceRousseaux, Michael Esq UNQUALIFIED04/15/2025
Elwin SharvillKaitlin Y Malet ArgentinaBuckley Miller Wright NEGOTIATION04/07/2025
Elwin SharvillAruna H Garufi GermanyFeltz Printing Service UNQUALIFIED04/14/2025
Ioni BowcherChavez S Schemmer ItalyFeiner Bros PROPOSAL04/23/2025
Ioni BowcherFaith Q Nestle JapanChanay, Jeffrey A Esq QUALIFIED04/26/2025
Ioni BowcherMunro Q Bowley ItalyPrinting Dimensions QUALIFIED04/24/2025
Ioni BowcherJefferson M Kusko CanadaDorl, James J Esq UNQUALIFIED04/16/2025
Ivan MagalhaesOctavia O Paprocki AustraliaChanay, Jeffrey A Esq PROPOSAL04/18/2025
Ivan MagalhaesAshley A Marrier ItalyBenton, John B Jr QUALIFIED04/10/2025
Ivan MagalhaesRicardo Z Albares RussiaFeiner Bros QUALIFIED04/16/2025
Ivan MagalhaesWickens M Tollner CanadaPrinting Dimensions NEGOTIATION04/29/2025
Ivan MagalhaesMujtaba W Ruta RussiaRangoni Of Florence UNQUALIFIED04/18/2025
Ivan MagalhaesAntonio Z Chui FranceChemel, James L Cpa NEGOTIATION04/13/2025
Ivan MagalhaesAditya K Albares BrazilChapman, Ross E Esq NEW04/24/2025
Onyama LimbaMayumi H Kolmetz ArgentinaKing, Christopher A Esq UNQUALIFIED04/07/2025
Onyama LimbaFrancesco T Ruta FranceRangoni Of Florence RENEWAL04/27/2025
Onyama LimbaAlejandro Y Vocelka ArgentinaDorl, James J Esq PROPOSAL04/01/2025
Onyama LimbaAntonio P Sergi United KingdomCommercial Press UNQUALIFIED04/20/2025
Onyama LimbaMujtaba J Bowley RussiaMorlong Associates RENEWAL04/10/2025
Onyama LimbaIsabel I Glick CanadaBuckley Miller Wright NEGOTIATION04/10/2025
Stephen ShawAshley Z Doe ArgentinaTruhlar And Truhlar Attys UNQUALIFIED04/07/2025
Stephen ShawClifford A Gaucho AustraliaBenton, John B Jr PROPOSAL04/26/2025
Stephen ShawWickens Q Caudy ItalyTruhlar And Truhlar Attys PROPOSAL04/12/2025
Stephen ShawGreenwood U Paprocki CanadaChanay, Jeffrey A Esq RENEWAL04/01/2025
Xuxue FengCody P Darakjy United KingdomChapman, Ross E Esq NEGOTIATION04/20/2025
Xuxue FengMunro S Iturbide JapanMorlong Associates RENEWAL04/28/2025
Xuxue FengDarci E Vocelka JapanKing, Christopher A Esq NEGOTIATION04/03/2025
Xuxue FengWickens V Rim CanadaPrinting Dimensions UNQUALIFIED04/01/2025
Xuxue FengEmily X Maclead FranceChapman, Ross E Esq PROPOSAL04/09/2025
Xuxue FengSmith L Slusarski FranceChanay, Jeffrey A Esq UNQUALIFIED04/23/2025
Xuxue FengJefferson W Shinko United KingdomChemel, James L Cpa QUALIFIED04/19/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>