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 ElsnerMaisha N Maclead AustraliaRousseaux, Michael Esq NEGOTIATION08/31/2024
Amy ElsnerAika J Gaucho ItalyKing, Christopher A Esq RENEWAL08/31/2024
Amy ElsnerCosta B Briddick United KingdomBuckley Miller Wright RENEWAL09/09/2024
Total Customers:3
Anna Fali
Anna FaliAntonio S Marrier AustraliaPrinting Dimensions NEGOTIATION09/18/2024
Anna FaliAdams C Foller BrazilPrinting Dimensions PROPOSAL09/06/2024
Anna FaliJennifer Q Stockham CanadaChemel, James L Cpa PROPOSAL09/09/2024
Anna FaliKadeem A Venere GermanyRousseaux, Michael Esq RENEWAL09/16/2024
Anna FaliJennifer X Caldarera AustraliaCommercial Press UNQUALIFIED09/01/2024
Anna FaliWickens J Paprocki AustraliaDorl, James J Esq NEW09/10/2024
Total Customers:6
Asiya Javayant
Asiya JavayantIvar Y Flosi SpainChemel, James L Cpa NEW09/22/2024
Asiya JavayantNicolas V Gaucho RussiaCommercial Press NEW09/06/2024
Asiya JavayantMayumi Q Morasca RussiaBuckley Miller Wright QUALIFIED09/10/2024
Asiya JavayantMurillo B Slusarski BrazilChapman, Ross E Esq QUALIFIED09/08/2024
Total Customers:4
Bernardo Dominic
Bernardo DominicJames N Kusko ItalyChanay, Jeffrey A Esq NEGOTIATION08/27/2024
Bernardo DominicMunro T Campain FrancePrinting Dimensions QUALIFIED09/03/2024
Total Customers:2
Elwin Sharvill
Elwin SharvillAshley X Wieser GermanyRousseaux, Michael Esq UNQUALIFIED09/04/2024
Elwin SharvillMaisha W Vocelka United KingdomBenton, John B Jr PROPOSAL09/09/2024
Elwin SharvillMaria F Stockham JapanKing, Christopher A Esq PROPOSAL08/30/2024
Elwin SharvillIvar O Perin United KingdomRangoni Of Florence PROPOSAL08/27/2024
Total Customers:4
Ioni Bowcher
Ioni BowcherClifford Q Stenseth BrazilBuckley Miller Wright QUALIFIED09/02/2024
Ioni BowcherSmith I Iturbide GermanyPrinting Dimensions NEGOTIATION09/05/2024
Ioni BowcherKadeem P Paprocki RussiaPrinting Dimensions PROPOSAL09/18/2024
Ioni BowcherMujtaba A Morasca United KingdomTruhlar And Truhlar Attys NEW09/03/2024
Total Customers:4
Ivan Magalhaes
Ivan MagalhaesJefferson P Caudy FranceDorl, James J Esq UNQUALIFIED08/31/2024
Ivan MagalhaesRodrigues K Shinko GermanyChapman, Ross E Esq RENEWAL09/20/2024
Ivan MagalhaesMaisha O Briddick CanadaMorlong Associates NEGOTIATION09/08/2024
Ivan MagalhaesJames P Rulapaugh JapanRousseaux, Michael Esq QUALIFIED09/15/2024
Ivan MagalhaesSmith I Iturbide United KingdomChapman, Ross E Esq NEGOTIATION09/16/2024
Total Customers:5
Onyama Limba
Onyama LimbaJefferson X Chui BrazilCommercial Press RENEWAL09/17/2024
Onyama LimbaJames D Briddick AustraliaKing, Christopher A Esq RENEWAL09/12/2024
Onyama LimbaClaire G Caldarera ItalyBenton, John B Jr NEGOTIATION09/03/2024
Onyama LimbaSinclair D Tollner JapanChapman, Ross E Esq QUALIFIED09/14/2024
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengMisaki I Foller IndiaKing, Christopher A Esq QUALIFIED09/10/2024
Xuxue FengClaire A Perin BrazilChanay, Jeffrey A Esq PROPOSAL08/29/2024
Xuxue FengRodrigues V Shinko SpainBuckley Miller Wright PROPOSAL09/09/2024
Xuxue FengKadeem Q Albares CanadaRousseaux, Michael Esq UNQUALIFIED09/19/2024
Xuxue FengJulie I Malet ArgentinaCommercial Press PROPOSAL09/19/2024
Xuxue FengChavez I Royster IndiaChemel, James L Cpa UNQUALIFIED09/19/2024
Xuxue FengAruna X Rulapaugh RussiaChanay, Jeffrey A Esq PROPOSAL09/10/2024
Xuxue FengOctavia R Oldroyd AustraliaTruhlar And Truhlar Attys QUALIFIED09/23/2024
Total Customers:8
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerMaisha N Maclead AustraliaRousseaux, Michael Esq NEGOTIATION08/31/2024
Amy ElsnerAika J Gaucho ItalyKing, Christopher A Esq RENEWAL08/31/2024
Amy ElsnerCosta B Briddick United KingdomBuckley Miller Wright RENEWAL09/09/2024
Anna FaliAntonio S Marrier AustraliaPrinting Dimensions NEGOTIATION09/18/2024
Anna FaliAdams C Foller BrazilPrinting Dimensions PROPOSAL09/06/2024
Anna FaliJennifer Q Stockham CanadaChemel, James L Cpa PROPOSAL09/09/2024
Anna FaliKadeem A Venere GermanyRousseaux, Michael Esq RENEWAL09/16/2024
Anna FaliJennifer X Caldarera AustraliaCommercial Press UNQUALIFIED09/01/2024
Anna FaliWickens J Paprocki AustraliaDorl, James J Esq NEW09/10/2024
Asiya JavayantIvar Y Flosi SpainChemel, James L Cpa NEW09/22/2024
Asiya JavayantNicolas V Gaucho RussiaCommercial Press NEW09/06/2024
Asiya JavayantMayumi Q Morasca RussiaBuckley Miller Wright QUALIFIED09/10/2024
Asiya JavayantMurillo B Slusarski BrazilChapman, Ross E Esq QUALIFIED09/08/2024
Bernardo DominicJames N Kusko ItalyChanay, Jeffrey A Esq NEGOTIATION08/27/2024
Bernardo DominicMunro T Campain FrancePrinting Dimensions QUALIFIED09/03/2024
Elwin SharvillAshley X Wieser GermanyRousseaux, Michael Esq UNQUALIFIED09/04/2024
Elwin SharvillMaisha W Vocelka United KingdomBenton, John B Jr PROPOSAL09/09/2024
Elwin SharvillMaria F Stockham JapanKing, Christopher A Esq PROPOSAL08/30/2024
Elwin SharvillIvar O Perin United KingdomRangoni Of Florence PROPOSAL08/27/2024
Ioni BowcherClifford Q Stenseth BrazilBuckley Miller Wright QUALIFIED09/02/2024
Ioni BowcherSmith I Iturbide GermanyPrinting Dimensions NEGOTIATION09/05/2024
Ioni BowcherKadeem P Paprocki RussiaPrinting Dimensions PROPOSAL09/18/2024
Ioni BowcherMujtaba A Morasca United KingdomTruhlar And Truhlar Attys NEW09/03/2024
Ivan MagalhaesJefferson P Caudy FranceDorl, James J Esq UNQUALIFIED08/31/2024
Ivan MagalhaesRodrigues K Shinko GermanyChapman, Ross E Esq RENEWAL09/20/2024
Ivan MagalhaesMaisha O Briddick CanadaMorlong Associates NEGOTIATION09/08/2024
Ivan MagalhaesJames P Rulapaugh JapanRousseaux, Michael Esq QUALIFIED09/15/2024
Ivan MagalhaesSmith I Iturbide United KingdomChapman, Ross E Esq NEGOTIATION09/16/2024
Onyama LimbaJefferson X Chui BrazilCommercial Press RENEWAL09/17/2024
Onyama LimbaJames D Briddick AustraliaKing, Christopher A Esq RENEWAL09/12/2024
Onyama LimbaClaire G Caldarera ItalyBenton, John B Jr NEGOTIATION09/03/2024
Onyama LimbaSinclair D Tollner JapanChapman, Ross E Esq QUALIFIED09/14/2024
Stephen ShawKadeem Q Paprocki JapanDorl, James J Esq UNQUALIFIED09/16/2024
Stephen ShawClifford T Venere BrazilFeiner Bros NEGOTIATION08/27/2024
Stephen ShawSalvatore Y Campain United KingdomCommercial Press UNQUALIFIED08/30/2024
Stephen ShawMaisha Z Malet RussiaTruhlar And Truhlar Attys NEW09/17/2024
Stephen ShawMorrow M Foller IndiaChanay, Jeffrey A Esq NEW08/26/2024
Stephen ShawAika O Kusko BrazilTruhlar And Truhlar Attys PROPOSAL09/07/2024
Stephen ShawSinclair D Inouye ArgentinaKing, Christopher A Esq UNQUALIFIED09/02/2024
Stephen ShawClaire G Royster ItalyFeiner Bros NEGOTIATION09/03/2024
Stephen ShawSilvio S Foller GermanyRangoni Of Florence QUALIFIED09/09/2024
Stephen ShawMurillo M Garufi SpainRangoni Of Florence NEW09/15/2024
Xuxue FengMisaki I Foller IndiaKing, Christopher A Esq QUALIFIED09/10/2024
Xuxue FengClaire A Perin BrazilChanay, Jeffrey A Esq PROPOSAL08/29/2024
Xuxue FengRodrigues V Shinko SpainBuckley Miller Wright PROPOSAL09/09/2024
Xuxue FengKadeem Q Albares CanadaRousseaux, Michael Esq UNQUALIFIED09/19/2024
Xuxue FengJulie I Malet ArgentinaCommercial Press PROPOSAL09/19/2024
Xuxue FengChavez I Royster IndiaChemel, James L Cpa UNQUALIFIED09/19/2024
Xuxue FengAruna X Rulapaugh RussiaChanay, Jeffrey A Esq PROPOSAL09/10/2024
Xuxue FengOctavia R Oldroyd AustraliaTruhlar And Truhlar Attys QUALIFIED09/23/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>