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 ElsnerOctavia C Albares AustraliaFeiner Bros NEW06/08/2024
Amy ElsnerLeja N Kusko CanadaChanay, Jeffrey A Esq NEGOTIATION06/08/2024
Amy ElsnerMurillo M Poquette SpainMorlong Associates UNQUALIFIED06/16/2024
Amy ElsnerSilvio B Perin United KingdomRousseaux, Michael Esq PROPOSAL06/05/2024
Amy ElsnerOctavia Z Oldroyd IndiaCommercial Press NEGOTIATION05/26/2024
Total Customers:5
Anna Fali
Anna FaliAlejandro E Butt ItalyBuckley Miller Wright UNQUALIFIED06/03/2024
Anna FaliMorrow R Butt RussiaRangoni Of Florence RENEWAL06/17/2024
Anna FaliArvin D Kusko IndiaChemel, James L Cpa PROPOSAL05/28/2024
Anna FaliJames T Ruta CanadaPrinting Dimensions NEW05/31/2024
Anna FaliMujtaba U Gillian CanadaPrinting Dimensions QUALIFIED06/11/2024
Anna FaliSalvatore B Waycott United KingdomFeiner Bros NEW06/02/2024
Anna FaliIzzy C Albares IndiaKing, Christopher A Esq NEGOTIATION06/06/2024
Total Customers:7
Asiya Javayant
Asiya JavayantRicardo Y Foller AustraliaBuckley Miller Wright RENEWAL06/21/2024
Asiya JavayantLeon O Malet IndiaChemel, James L Cpa UNQUALIFIED05/28/2024
Asiya JavayantJones A Dilliard AustraliaChapman, Ross E Esq NEW05/25/2024
Asiya JavayantMujtaba X Amigon AustraliaRousseaux, Michael Esq PROPOSAL05/31/2024
Asiya JavayantAdams V Bolognia United KingdomFeltz Printing Service NEW06/20/2024
Total Customers:5
Bernardo Dominic
Bernardo DominicSilvio C Waycott ArgentinaChapman, Ross E Esq NEW06/05/2024
Bernardo DominicAshley E Amigon AustraliaChapman, Ross E Esq QUALIFIED06/09/2024
Bernardo DominicDarci L Bolognia United KingdomChapman, Ross E Esq NEGOTIATION05/25/2024
Bernardo DominicNicolas U Caldarera AustraliaPrinting Dimensions NEGOTIATION06/16/2024
Total Customers:4
Elwin Sharvill
Elwin SharvillMaisha Q Perin JapanMorlong Associates RENEWAL06/09/2024
Elwin SharvillJefferson Z Saylors BrazilRousseaux, Michael Esq PROPOSAL06/20/2024
Elwin SharvillGreenwood G Kolmetz SpainChanay, Jeffrey A Esq NEW05/23/2024
Elwin SharvillMisaki D Oldroyd SpainKing, Christopher A Esq RENEWAL06/12/2024
Elwin SharvillDavid P Morasca IndiaChemel, James L Cpa UNQUALIFIED06/16/2024
Elwin SharvillSilvio O Amigon ItalyBenton, John B Jr QUALIFIED05/29/2024
Total Customers:6
Ioni Bowcher
Ioni BowcherJulie W Bowley CanadaPrinting Dimensions RENEWAL05/25/2024
Ioni BowcherJohnson R Caldarera CanadaCommercial Press RENEWAL06/11/2024
Ioni BowcherJuan A Albares AustraliaKing, Christopher A Esq NEW06/21/2024
Ioni BowcherDarci I Oldroyd JapanRousseaux, Michael Esq UNQUALIFIED06/07/2024
Total Customers:4
Ivan Magalhaes
Ivan MagalhaesAruna C Vocelka ArgentinaFeiner Bros PROPOSAL06/10/2024
Ivan MagalhaesJennifer R Foller United KingdomCommercial Press NEGOTIATION06/02/2024
Ivan MagalhaesAditya Z Glick ItalyBuckley Miller Wright UNQUALIFIED06/17/2024
Total Customers:3
Onyama Limba
Onyama LimbaJones S Kolmetz FranceRousseaux, Michael Esq UNQUALIFIED06/13/2024
Onyama LimbaJefferson E Stockham United KingdomBenton, John B Jr NEW05/29/2024
Onyama LimbaJeanfrancois W Rulapaugh ArgentinaRangoni Of Florence NEGOTIATION06/07/2024
Onyama LimbaMaria K Foller AustraliaRousseaux, Michael Esq UNQUALIFIED05/24/2024
Onyama LimbaMisaki I Figeroa GermanyMorlong Associates PROPOSAL05/23/2024
Onyama LimbaNicolas V Bowley FranceBuckley Miller Wright PROPOSAL06/16/2024
Onyama LimbaClaire W Stenseth AustraliaBuckley Miller Wright UNQUALIFIED05/27/2024
Total Customers:7
Stephen Shaw
Xuxue Feng
Xuxue FengAntonio R Caldarera GermanyMorlong Associates QUALIFIED06/08/2024
Xuxue FengCody H Morasca United KingdomChanay, Jeffrey A Esq UNQUALIFIED06/02/2024
Xuxue FengAdams E Ruta RussiaMorlong Associates QUALIFIED06/17/2024
Xuxue FengArvin K Foller United KingdomPrinting Dimensions QUALIFIED06/19/2024
Total Customers:4
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerOctavia C Albares AustraliaFeiner Bros NEW06/08/2024
Amy ElsnerLeja N Kusko CanadaChanay, Jeffrey A Esq NEGOTIATION06/08/2024
Amy ElsnerMurillo M Poquette SpainMorlong Associates UNQUALIFIED06/16/2024
Amy ElsnerSilvio B Perin United KingdomRousseaux, Michael Esq PROPOSAL06/05/2024
Amy ElsnerOctavia Z Oldroyd IndiaCommercial Press NEGOTIATION05/26/2024
Anna FaliAlejandro E Butt ItalyBuckley Miller Wright UNQUALIFIED06/03/2024
Anna FaliMorrow R Butt RussiaRangoni Of Florence RENEWAL06/17/2024
Anna FaliArvin D Kusko IndiaChemel, James L Cpa PROPOSAL05/28/2024
Anna FaliJames T Ruta CanadaPrinting Dimensions NEW05/31/2024
Anna FaliMujtaba U Gillian CanadaPrinting Dimensions QUALIFIED06/11/2024
Anna FaliSalvatore B Waycott United KingdomFeiner Bros NEW06/02/2024
Anna FaliIzzy C Albares IndiaKing, Christopher A Esq NEGOTIATION06/06/2024
Asiya JavayantRicardo Y Foller AustraliaBuckley Miller Wright RENEWAL06/21/2024
Asiya JavayantLeon O Malet IndiaChemel, James L Cpa UNQUALIFIED05/28/2024
Asiya JavayantJones A Dilliard AustraliaChapman, Ross E Esq NEW05/25/2024
Asiya JavayantMujtaba X Amigon AustraliaRousseaux, Michael Esq PROPOSAL05/31/2024
Asiya JavayantAdams V Bolognia United KingdomFeltz Printing Service NEW06/20/2024
Bernardo DominicSilvio C Waycott ArgentinaChapman, Ross E Esq NEW06/05/2024
Bernardo DominicAshley E Amigon AustraliaChapman, Ross E Esq QUALIFIED06/09/2024
Bernardo DominicDarci L Bolognia United KingdomChapman, Ross E Esq NEGOTIATION05/25/2024
Bernardo DominicNicolas U Caldarera AustraliaPrinting Dimensions NEGOTIATION06/16/2024
Elwin SharvillMaisha Q Perin JapanMorlong Associates RENEWAL06/09/2024
Elwin SharvillJefferson Z Saylors BrazilRousseaux, Michael Esq PROPOSAL06/20/2024
Elwin SharvillGreenwood G Kolmetz SpainChanay, Jeffrey A Esq NEW05/23/2024
Elwin SharvillMisaki D Oldroyd SpainKing, Christopher A Esq RENEWAL06/12/2024
Elwin SharvillDavid P Morasca IndiaChemel, James L Cpa UNQUALIFIED06/16/2024
Elwin SharvillSilvio O Amigon ItalyBenton, John B Jr QUALIFIED05/29/2024
Ioni BowcherJulie W Bowley CanadaPrinting Dimensions RENEWAL05/25/2024
Ioni BowcherJohnson R Caldarera CanadaCommercial Press RENEWAL06/11/2024
Ioni BowcherJuan A Albares AustraliaKing, Christopher A Esq NEW06/21/2024
Ioni BowcherDarci I Oldroyd JapanRousseaux, Michael Esq UNQUALIFIED06/07/2024
Ivan MagalhaesAruna C Vocelka ArgentinaFeiner Bros PROPOSAL06/10/2024
Ivan MagalhaesJennifer R Foller United KingdomCommercial Press NEGOTIATION06/02/2024
Ivan MagalhaesAditya Z Glick ItalyBuckley Miller Wright UNQUALIFIED06/17/2024
Onyama LimbaJones S Kolmetz FranceRousseaux, Michael Esq UNQUALIFIED06/13/2024
Onyama LimbaJefferson E Stockham United KingdomBenton, John B Jr NEW05/29/2024
Onyama LimbaJeanfrancois W Rulapaugh ArgentinaRangoni Of Florence NEGOTIATION06/07/2024
Onyama LimbaMaria K Foller AustraliaRousseaux, Michael Esq UNQUALIFIED05/24/2024
Onyama LimbaMisaki I Figeroa GermanyMorlong Associates PROPOSAL05/23/2024
Onyama LimbaNicolas V Bowley FranceBuckley Miller Wright PROPOSAL06/16/2024
Onyama LimbaClaire W Stenseth AustraliaBuckley Miller Wright UNQUALIFIED05/27/2024
Stephen ShawMisaki L Nicka AustraliaTruhlar And Truhlar Attys NEGOTIATION06/11/2024
Stephen ShawSinclair L Sergi IndiaMorlong Associates RENEWAL06/15/2024
Stephen ShawSmith F Marrier ItalyChemel, James L Cpa UNQUALIFIED06/17/2024
Stephen ShawSilvio Q Venere CanadaChanay, Jeffrey A Esq UNQUALIFIED06/10/2024
Stephen ShawJames G Inouye SpainKing, Christopher A Esq RENEWAL06/18/2024
Xuxue FengAntonio R Caldarera GermanyMorlong Associates QUALIFIED06/08/2024
Xuxue FengCody H Morasca United KingdomChanay, Jeffrey A Esq UNQUALIFIED06/02/2024
Xuxue FengAdams E Ruta RussiaMorlong Associates QUALIFIED06/17/2024
Xuxue FengArvin K Foller United KingdomPrinting Dimensions QUALIFIED06/19/2024

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