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 ElsnerAruna M Tollner ArgentinaBuckley Miller Wright QUALIFIED05/22/2024
Amy ElsnerArvin J Doe FranceChapman, Ross E Esq RENEWAL05/17/2024
Amy ElsnerIzzy T Slusarski IndiaBuckley Miller Wright RENEWAL05/23/2024
Amy ElsnerWickens Y Chui AustraliaBuckley Miller Wright NEGOTIATION05/05/2024
Amy ElsnerGreenwood O Gaucho FranceFeiner Bros QUALIFIED05/20/2024
Amy ElsnerArvin M Gaucho AustraliaRangoni Of Florence NEW05/08/2024
Total Customers:6
Anna Fali
Anna FaliSinclair T Campain United KingdomPrinting Dimensions UNQUALIFIED05/17/2024
Anna FaliFrancesco M Nestle JapanChapman, Ross E Esq RENEWAL05/28/2024
Anna FaliJohnson B Stockham ItalyRousseaux, Michael Esq NEW05/11/2024
Anna FaliAika D Nestle ArgentinaChapman, Ross E Esq QUALIFIED05/28/2024
Anna FaliMaisha R Dilliard United KingdomPrinting Dimensions NEGOTIATION05/29/2024
Anna FaliDavid I Kolmetz GermanyDorl, James J Esq PROPOSAL05/26/2024
Anna FaliWickens W Slusarski ArgentinaBenton, John B Jr RENEWAL05/29/2024
Anna FaliRicardo I Glick BrazilFeiner Bros NEGOTIATION05/24/2024
Total Customers:8
Asiya Javayant
Asiya JavayantTony U Bolognia United KingdomKing, Christopher A Esq UNQUALIFIED05/08/2024
Asiya JavayantGreenwood W Stenseth FranceChanay, Jeffrey A Esq NEW05/03/2024
Total Customers:2
Bernardo Dominic
Bernardo DominicJones D Bowley ArgentinaMorlong Associates PROPOSAL05/06/2024
Bernardo DominicAntonio C Nestle United KingdomChapman, Ross E Esq NEW05/17/2024
Bernardo DominicNicolas N Wieser FranceFeltz Printing Service NEGOTIATION05/15/2024
Bernardo DominicMujtaba I Ostrosky GermanyRousseaux, Michael Esq QUALIFIED05/11/2024
Bernardo DominicJohnson M Bolognia United KingdomFeiner Bros NEGOTIATION05/02/2024
Total Customers:5
Elwin Sharvill
Elwin SharvillMunro Y Saylors JapanDorl, James J Esq RENEWAL05/29/2024
Elwin SharvillJones Q Paprocki GermanyCommercial Press PROPOSAL05/10/2024
Elwin SharvillCody L Kusko United KingdomPrinting Dimensions QUALIFIED05/23/2024
Total Customers:3
Ioni Bowcher
Ioni BowcherJuan J Paprocki RussiaChemel, James L Cpa NEGOTIATION05/02/2024
Ioni BowcherJefferson Y Stockham RussiaDorl, James J Esq NEGOTIATION05/06/2024
Ioni BowcherFrancesco A Stockham CanadaRangoni Of Florence RENEWAL05/11/2024
Ioni BowcherFaith L Schemmer SpainChanay, Jeffrey A Esq NEW05/10/2024
Total Customers:4
Ivan Magalhaes
Ivan MagalhaesMurillo E Kolmetz IndiaChanay, Jeffrey A Esq PROPOSAL05/04/2024
Ivan MagalhaesNicolas Z Foller SpainMorlong Associates PROPOSAL05/22/2024
Ivan MagalhaesCosta K Venere BrazilPrinting Dimensions NEW05/24/2024
Ivan MagalhaesMujtaba B Whobrey FranceRousseaux, Michael Esq RENEWAL05/31/2024
Ivan MagalhaesWickens J Kolmetz ItalyBenton, John B Jr NEW05/26/2024
Ivan MagalhaesRodrigues D Stenseth RussiaDorl, James J Esq PROPOSAL05/02/2024
Ivan MagalhaesSilvio U Gaucho ItalyMorlong Associates RENEWAL05/09/2024
Ivan MagalhaesChavez F Perin AustraliaKing, Christopher A Esq NEW05/30/2024
Total Customers:8
Onyama Limba
Onyama LimbaMaria I Dilliard ArgentinaMorlong Associates QUALIFIED05/29/2024
Onyama LimbaJames A Saylors GermanyCommercial Press QUALIFIED05/29/2024
Onyama LimbaAshley I Caudy GermanyChapman, Ross E Esq PROPOSAL05/29/2024
Onyama LimbaAruna P Kusko AustraliaChapman, Ross E Esq UNQUALIFIED05/23/2024
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengMaisha L Malet RussiaFeiner Bros UNQUALIFIED05/24/2024
Xuxue FengFrancesco R Malet GermanyBuckley Miller Wright UNQUALIFIED05/16/2024
Xuxue FengMaria V Campain JapanRousseaux, Michael Esq NEW05/10/2024
Xuxue FengMisaki R Inouye United KingdomBuckley Miller Wright RENEWAL05/24/2024
Xuxue FengIzzy L Morasca ArgentinaTruhlar And Truhlar Attys NEW05/10/2024
Xuxue FengJeanfrancois X Paprocki AustraliaPrinting Dimensions NEGOTIATION05/13/2024
Xuxue FengDarci Q Chui AustraliaRangoni Of Florence PROPOSAL05/30/2024
Total Customers:7
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerAruna M Tollner ArgentinaBuckley Miller Wright QUALIFIED05/22/2024
Amy ElsnerArvin J Doe FranceChapman, Ross E Esq RENEWAL05/17/2024
Amy ElsnerIzzy T Slusarski IndiaBuckley Miller Wright RENEWAL05/23/2024
Amy ElsnerWickens Y Chui AustraliaBuckley Miller Wright NEGOTIATION05/05/2024
Amy ElsnerGreenwood O Gaucho FranceFeiner Bros QUALIFIED05/20/2024
Amy ElsnerArvin M Gaucho AustraliaRangoni Of Florence NEW05/08/2024
Anna FaliSinclair T Campain United KingdomPrinting Dimensions UNQUALIFIED05/17/2024
Anna FaliFrancesco M Nestle JapanChapman, Ross E Esq RENEWAL05/28/2024
Anna FaliJohnson B Stockham ItalyRousseaux, Michael Esq NEW05/11/2024
Anna FaliAika D Nestle ArgentinaChapman, Ross E Esq QUALIFIED05/28/2024
Anna FaliMaisha R Dilliard United KingdomPrinting Dimensions NEGOTIATION05/29/2024
Anna FaliDavid I Kolmetz GermanyDorl, James J Esq PROPOSAL05/26/2024
Anna FaliWickens W Slusarski ArgentinaBenton, John B Jr RENEWAL05/29/2024
Anna FaliRicardo I Glick BrazilFeiner Bros NEGOTIATION05/24/2024
Asiya JavayantTony U Bolognia United KingdomKing, Christopher A Esq UNQUALIFIED05/08/2024
Asiya JavayantGreenwood W Stenseth FranceChanay, Jeffrey A Esq NEW05/03/2024
Bernardo DominicJones D Bowley ArgentinaMorlong Associates PROPOSAL05/06/2024
Bernardo DominicAntonio C Nestle United KingdomChapman, Ross E Esq NEW05/17/2024
Bernardo DominicNicolas N Wieser FranceFeltz Printing Service NEGOTIATION05/15/2024
Bernardo DominicMujtaba I Ostrosky GermanyRousseaux, Michael Esq QUALIFIED05/11/2024
Bernardo DominicJohnson M Bolognia United KingdomFeiner Bros NEGOTIATION05/02/2024
Elwin SharvillMunro Y Saylors JapanDorl, James J Esq RENEWAL05/29/2024
Elwin SharvillJones Q Paprocki GermanyCommercial Press PROPOSAL05/10/2024
Elwin SharvillCody L Kusko United KingdomPrinting Dimensions QUALIFIED05/23/2024
Ioni BowcherJuan J Paprocki RussiaChemel, James L Cpa NEGOTIATION05/02/2024
Ioni BowcherJefferson Y Stockham RussiaDorl, James J Esq NEGOTIATION05/06/2024
Ioni BowcherFrancesco A Stockham CanadaRangoni Of Florence RENEWAL05/11/2024
Ioni BowcherFaith L Schemmer SpainChanay, Jeffrey A Esq NEW05/10/2024
Ivan MagalhaesMurillo E Kolmetz IndiaChanay, Jeffrey A Esq PROPOSAL05/04/2024
Ivan MagalhaesNicolas Z Foller SpainMorlong Associates PROPOSAL05/22/2024
Ivan MagalhaesCosta K Venere BrazilPrinting Dimensions NEW05/24/2024
Ivan MagalhaesMujtaba B Whobrey FranceRousseaux, Michael Esq RENEWAL05/31/2024
Ivan MagalhaesWickens J Kolmetz ItalyBenton, John B Jr NEW05/26/2024
Ivan MagalhaesRodrigues D Stenseth RussiaDorl, James J Esq PROPOSAL05/02/2024
Ivan MagalhaesSilvio U Gaucho ItalyMorlong Associates RENEWAL05/09/2024
Ivan MagalhaesChavez F Perin AustraliaKing, Christopher A Esq NEW05/30/2024
Onyama LimbaMaria I Dilliard ArgentinaMorlong Associates QUALIFIED05/29/2024
Onyama LimbaJames A Saylors GermanyCommercial Press QUALIFIED05/29/2024
Onyama LimbaAshley I Caudy GermanyChapman, Ross E Esq PROPOSAL05/29/2024
Onyama LimbaAruna P Kusko AustraliaChapman, Ross E Esq UNQUALIFIED05/23/2024
Stephen ShawNicolas T Malet ItalyCommercial Press QUALIFIED05/15/2024
Stephen ShawLeon V Rulapaugh United KingdomDorl, James J Esq NEGOTIATION05/31/2024
Stephen ShawJohnson F Figeroa FranceChemel, James L Cpa NEGOTIATION05/11/2024
Xuxue FengMaisha L Malet RussiaFeiner Bros UNQUALIFIED05/24/2024
Xuxue FengFrancesco R Malet GermanyBuckley Miller Wright UNQUALIFIED05/16/2024
Xuxue FengMaria V Campain JapanRousseaux, Michael Esq NEW05/10/2024
Xuxue FengMisaki R Inouye United KingdomBuckley Miller Wright RENEWAL05/24/2024
Xuxue FengIzzy L Morasca ArgentinaTruhlar And Truhlar Attys NEW05/10/2024
Xuxue FengJeanfrancois X Paprocki AustraliaPrinting Dimensions NEGOTIATION05/13/2024
Xuxue FengDarci Q Chui AustraliaRangoni Of Florence PROPOSAL05/30/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>