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 ElsnerSilvio R Campain IndiaPrinting Dimensions RENEWAL05/16/2025
Amy ElsnerMorrow W Inouye GermanyChemel, James L Cpa NEW06/08/2025
Amy ElsnerAditya Z Maclead FranceFeiner Bros RENEWAL06/07/2025
Amy ElsnerIvar M Glick United KingdomChemel, James L Cpa RENEWAL05/17/2025
Total Customers:4
Anna Fali
Anna FaliJulie Q Caldarera ItalyChemel, James L Cpa NEGOTIATION05/18/2025
Anna FaliJefferson L Malet ArgentinaKing, Christopher A Esq QUALIFIED05/21/2025
Anna FaliCody S Poquette ItalyBenton, John B Jr QUALIFIED05/28/2025
Total Customers:3
Asiya Javayant
Asiya JavayantArvin N Rulapaugh CanadaPrinting Dimensions NEW05/30/2025
Asiya JavayantLeon P Sergi IndiaFeltz Printing Service UNQUALIFIED06/07/2025
Asiya JavayantMaisha T Garufi IndiaKing, Christopher A Esq NEW05/25/2025
Asiya JavayantLeon L Marrier FranceTruhlar And Truhlar Attys PROPOSAL06/04/2025
Asiya JavayantJennifer B Stenseth CanadaChemel, James L Cpa NEGOTIATION05/25/2025
Asiya JavayantAruna C Caudy GermanyMorlong Associates PROPOSAL06/01/2025
Asiya JavayantIzzy S Inouye IndiaFeltz Printing Service QUALIFIED06/06/2025
Total Customers:7
Bernardo Dominic
Bernardo DominicLeja B Figeroa CanadaDorl, James J Esq QUALIFIED06/05/2025
Bernardo DominicWickens V Chui ItalyChapman, Ross E Esq RENEWAL06/12/2025
Bernardo DominicJennifer A Bowley ItalyRangoni Of Florence RENEWAL06/05/2025
Bernardo DominicJefferson H Albares SpainFeiner Bros PROPOSAL06/12/2025
Bernardo DominicMaria O Maclead GermanyMorlong Associates QUALIFIED06/02/2025
Total Customers:5
Elwin Sharvill
Elwin SharvillAshley Q Stenseth SpainFeiner Bros UNQUALIFIED05/21/2025
Elwin SharvillAika N Campain GermanyBenton, John B Jr NEW05/28/2025
Elwin SharvillMunro M Rulapaugh BrazilChapman, Ross E Esq NEW06/08/2025
Elwin SharvillKadeem C Maclead United KingdomMorlong Associates NEGOTIATION05/28/2025
Elwin SharvillAlejandro U Schemmer CanadaMorlong Associates UNQUALIFIED06/13/2025
Elwin SharvillRodrigues D Rim CanadaKing, Christopher A Esq NEGOTIATION06/10/2025
Total Customers:6
Ioni Bowcher
Ioni BowcherMisaki X Inouye AustraliaBenton, John B Jr NEW06/13/2025
Ioni BowcherJames K Maclead IndiaPrinting Dimensions QUALIFIED05/17/2025
Ioni BowcherEmily M Shinko ItalyChanay, Jeffrey A Esq PROPOSAL06/11/2025
Ioni BowcherDeepesh A Foller CanadaCommercial Press NEW06/14/2025
Total Customers:4
Ivan Magalhaes
Ivan MagalhaesDavid F Rulapaugh SpainChanay, Jeffrey A Esq PROPOSAL06/14/2025
Ivan MagalhaesMisaki D Morasca CanadaChanay, Jeffrey A Esq NEGOTIATION05/17/2025
Ivan MagalhaesDavid Y Ostrosky JapanBuckley Miller Wright PROPOSAL05/16/2025
Ivan MagalhaesLeon Z Ferencz CanadaDorl, James J Esq NEW06/08/2025
Total Customers:4
Onyama Limba
Onyama LimbaClaire Y Albares ArgentinaRangoni Of Florence NEW05/26/2025
Onyama LimbaRicardo S Saylors ItalyMorlong Associates RENEWAL05/22/2025
Onyama LimbaJones J Shinko United KingdomChanay, Jeffrey A Esq RENEWAL06/03/2025
Onyama LimbaDavid Z Slusarski FranceChanay, Jeffrey A Esq NEGOTIATION05/30/2025
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengMisaki B Ferencz United KingdomChanay, Jeffrey A Esq PROPOSAL06/08/2025
Xuxue FengCody C Flosi AustraliaDorl, James J Esq UNQUALIFIED06/12/2025
Xuxue FengOctavia D Ostrosky GermanyRangoni Of Florence RENEWAL05/25/2025
Xuxue FengClifford A Inouye CanadaPrinting Dimensions NEGOTIATION06/04/2025
Xuxue FengClaire W Ruta CanadaBenton, John B Jr NEW06/03/2025
Total Customers:5
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerSilvio R Campain IndiaPrinting Dimensions RENEWAL05/16/2025
Amy ElsnerMorrow W Inouye GermanyChemel, James L Cpa NEW06/08/2025
Amy ElsnerAditya Z Maclead FranceFeiner Bros RENEWAL06/07/2025
Amy ElsnerIvar M Glick United KingdomChemel, James L Cpa RENEWAL05/17/2025
Anna FaliJulie Q Caldarera ItalyChemel, James L Cpa NEGOTIATION05/18/2025
Anna FaliJefferson L Malet ArgentinaKing, Christopher A Esq QUALIFIED05/21/2025
Anna FaliCody S Poquette ItalyBenton, John B Jr QUALIFIED05/28/2025
Asiya JavayantArvin N Rulapaugh CanadaPrinting Dimensions NEW05/30/2025
Asiya JavayantLeon P Sergi IndiaFeltz Printing Service UNQUALIFIED06/07/2025
Asiya JavayantMaisha T Garufi IndiaKing, Christopher A Esq NEW05/25/2025
Asiya JavayantLeon L Marrier FranceTruhlar And Truhlar Attys PROPOSAL06/04/2025
Asiya JavayantJennifer B Stenseth CanadaChemel, James L Cpa NEGOTIATION05/25/2025
Asiya JavayantAruna C Caudy GermanyMorlong Associates PROPOSAL06/01/2025
Asiya JavayantIzzy S Inouye IndiaFeltz Printing Service QUALIFIED06/06/2025
Bernardo DominicLeja B Figeroa CanadaDorl, James J Esq QUALIFIED06/05/2025
Bernardo DominicWickens V Chui ItalyChapman, Ross E Esq RENEWAL06/12/2025
Bernardo DominicJennifer A Bowley ItalyRangoni Of Florence RENEWAL06/05/2025
Bernardo DominicJefferson H Albares SpainFeiner Bros PROPOSAL06/12/2025
Bernardo DominicMaria O Maclead GermanyMorlong Associates QUALIFIED06/02/2025
Elwin SharvillAshley Q Stenseth SpainFeiner Bros UNQUALIFIED05/21/2025
Elwin SharvillAika N Campain GermanyBenton, John B Jr NEW05/28/2025
Elwin SharvillMunro M Rulapaugh BrazilChapman, Ross E Esq NEW06/08/2025
Elwin SharvillKadeem C Maclead United KingdomMorlong Associates NEGOTIATION05/28/2025
Elwin SharvillAlejandro U Schemmer CanadaMorlong Associates UNQUALIFIED06/13/2025
Elwin SharvillRodrigues D Rim CanadaKing, Christopher A Esq NEGOTIATION06/10/2025
Ioni BowcherMisaki X Inouye AustraliaBenton, John B Jr NEW06/13/2025
Ioni BowcherJames K Maclead IndiaPrinting Dimensions QUALIFIED05/17/2025
Ioni BowcherEmily M Shinko ItalyChanay, Jeffrey A Esq PROPOSAL06/11/2025
Ioni BowcherDeepesh A Foller CanadaCommercial Press NEW06/14/2025
Ivan MagalhaesDavid F Rulapaugh SpainChanay, Jeffrey A Esq PROPOSAL06/14/2025
Ivan MagalhaesMisaki D Morasca CanadaChanay, Jeffrey A Esq NEGOTIATION05/17/2025
Ivan MagalhaesDavid Y Ostrosky JapanBuckley Miller Wright PROPOSAL05/16/2025
Ivan MagalhaesLeon Z Ferencz CanadaDorl, James J Esq NEW06/08/2025
Onyama LimbaClaire Y Albares ArgentinaRangoni Of Florence NEW05/26/2025
Onyama LimbaRicardo S Saylors ItalyMorlong Associates RENEWAL05/22/2025
Onyama LimbaJones J Shinko United KingdomChanay, Jeffrey A Esq RENEWAL06/03/2025
Onyama LimbaDavid Z Slusarski FranceChanay, Jeffrey A Esq NEGOTIATION05/30/2025
Stephen ShawAdams H Butt JapanChapman, Ross E Esq UNQUALIFIED06/12/2025
Stephen ShawFrancesco K Stockham FranceFeltz Printing Service PROPOSAL05/30/2025
Stephen ShawFrancesco J Amigon SpainKing, Christopher A Esq RENEWAL06/08/2025
Stephen ShawAruna Y Ostrosky JapanDorl, James J Esq NEW06/09/2025
Stephen ShawLeja V Nicka FrancePrinting Dimensions NEW06/04/2025
Stephen ShawStacey B Shinko RussiaPrinting Dimensions UNQUALIFIED05/28/2025
Stephen ShawRodrigues I Foller ItalyDorl, James J Esq NEGOTIATION06/11/2025
Stephen ShawAntonio K Whobrey ItalyFeltz Printing Service QUALIFIED06/06/2025
Xuxue FengMisaki B Ferencz United KingdomChanay, Jeffrey A Esq PROPOSAL06/08/2025
Xuxue FengCody C Flosi AustraliaDorl, James J Esq UNQUALIFIED06/12/2025
Xuxue FengOctavia D Ostrosky GermanyRangoni Of Florence RENEWAL05/25/2025
Xuxue FengClifford A Inouye CanadaPrinting Dimensions NEGOTIATION06/04/2025
Xuxue FengClaire W Ruta CanadaBenton, John B Jr NEW06/03/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>