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 ElsnerRicardo O Waycott CanadaChemel, James L Cpa QUALIFIED05/04/2024
Amy ElsnerRicardo U Chui GermanyBenton, John B Jr PROPOSAL05/24/2024
Amy ElsnerMisaki Q Maclead CanadaBenton, John B Jr RENEWAL05/27/2024
Amy ElsnerLeon C Ruta IndiaFeltz Printing Service UNQUALIFIED05/15/2024
Total Customers:4
Anna Fali
Anna FaliJennifer P Waycott BrazilMorlong Associates NEW05/16/2024
Anna FaliIzzy L Royster BrazilPrinting Dimensions NEGOTIATION04/28/2024
Anna FaliMayumi U Figeroa CanadaPrinting Dimensions NEGOTIATION04/29/2024
Total Customers:3
Asiya Javayant
Asiya JavayantLeon S Dilliard ArgentinaChapman, Ross E Esq UNQUALIFIED04/30/2024
Asiya JavayantMujtaba W Bolognia FranceChapman, Ross E Esq NEGOTIATION04/30/2024
Asiya JavayantArvin V Gillian BrazilKing, Christopher A Esq NEW05/03/2024
Total Customers:3
Bernardo Dominic
Bernardo DominicAntonio E Maclead ItalyCommercial Press NEW05/10/2024
Bernardo DominicMaria P Venere United KingdomFeltz Printing Service PROPOSAL05/03/2024
Bernardo DominicAshley A Figeroa BrazilKing, Christopher A Esq QUALIFIED05/08/2024
Bernardo DominicSinclair W Amigon ArgentinaChanay, Jeffrey A Esq QUALIFIED04/30/2024
Bernardo DominicMayumi M Kusko CanadaRousseaux, Michael Esq UNQUALIFIED05/21/2024
Bernardo DominicJeanfrancois F Kolmetz CanadaFeltz Printing Service RENEWAL05/16/2024
Bernardo DominicStacey A Rim GermanyPrinting Dimensions RENEWAL05/03/2024
Total Customers:7
Elwin Sharvill
Elwin SharvillClaire B Rim GermanyRousseaux, Michael Esq UNQUALIFIED05/13/2024
Elwin SharvillMayumi M Briddick RussiaKing, Christopher A Esq NEGOTIATION05/12/2024
Elwin SharvillAruna O Kolmetz FranceBenton, John B Jr UNQUALIFIED04/30/2024
Elwin SharvillMorrow Z Maclead SpainMorlong Associates NEGOTIATION05/16/2024
Total Customers:4
Ioni Bowcher
Ioni BowcherSilvio U Dilliard ItalyChapman, Ross E Esq QUALIFIED05/13/2024
Ioni BowcherGreenwood N Gaucho IndiaRangoni Of Florence NEGOTIATION05/08/2024
Ioni BowcherCody A Ostrosky IndiaCommercial Press PROPOSAL05/11/2024
Ioni BowcherOctavia F Saylors BrazilBenton, John B Jr NEGOTIATION05/27/2024
Ioni BowcherSalvatore W Inouye SpainFeiner Bros NEGOTIATION05/20/2024
Ioni BowcherAika N Perin JapanTruhlar And Truhlar Attys QUALIFIED05/11/2024
Total Customers:6
Ivan Magalhaes
Ivan MagalhaesSinclair J Venere GermanyFeltz Printing Service NEGOTIATION05/18/2024
Ivan MagalhaesMaria G Malet JapanChanay, Jeffrey A Esq NEGOTIATION05/25/2024
Ivan MagalhaesGreenwood F Schemmer GermanyFeltz Printing Service QUALIFIED05/25/2024
Ivan MagalhaesAditya G Glick JapanChanay, Jeffrey A Esq QUALIFIED05/02/2024
Ivan MagalhaesMujtaba C Perin RussiaMorlong Associates UNQUALIFIED05/01/2024
Total Customers:5
Onyama Limba
Onyama LimbaRicardo R Malet ArgentinaFeltz Printing Service PROPOSAL05/24/2024
Onyama LimbaMisaki Y Vocelka United KingdomBenton, John B Jr NEGOTIATION05/01/2024
Onyama LimbaIzzy S Waycott AustraliaKing, Christopher A Esq RENEWAL05/13/2024
Onyama LimbaArvin J Inouye United KingdomRousseaux, Michael Esq UNQUALIFIED05/03/2024
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengJeanfrancois X Venere IndiaKing, Christopher A Esq PROPOSAL05/18/2024
Xuxue FengMurillo I Malet IndiaChanay, Jeffrey A Esq NEGOTIATION05/10/2024
Xuxue FengMaria I Stockham CanadaMorlong Associates NEGOTIATION05/20/2024
Xuxue FengEmily J Glick CanadaCommercial Press QUALIFIED05/05/2024
Xuxue FengAika P Marrier RussiaFeiner Bros PROPOSAL05/24/2024
Xuxue FengArvin Z Gaucho SpainTruhlar And Truhlar Attys UNQUALIFIED05/02/2024
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerRicardo O Waycott CanadaChemel, James L Cpa QUALIFIED05/04/2024
Amy ElsnerRicardo U Chui GermanyBenton, John B Jr PROPOSAL05/24/2024
Amy ElsnerMisaki Q Maclead CanadaBenton, John B Jr RENEWAL05/27/2024
Amy ElsnerLeon C Ruta IndiaFeltz Printing Service UNQUALIFIED05/15/2024
Anna FaliJennifer P Waycott BrazilMorlong Associates NEW05/16/2024
Anna FaliIzzy L Royster BrazilPrinting Dimensions NEGOTIATION04/28/2024
Anna FaliMayumi U Figeroa CanadaPrinting Dimensions NEGOTIATION04/29/2024
Asiya JavayantLeon S Dilliard ArgentinaChapman, Ross E Esq UNQUALIFIED04/30/2024
Asiya JavayantMujtaba W Bolognia FranceChapman, Ross E Esq NEGOTIATION04/30/2024
Asiya JavayantArvin V Gillian BrazilKing, Christopher A Esq NEW05/03/2024
Bernardo DominicAntonio E Maclead ItalyCommercial Press NEW05/10/2024
Bernardo DominicMaria P Venere United KingdomFeltz Printing Service PROPOSAL05/03/2024
Bernardo DominicAshley A Figeroa BrazilKing, Christopher A Esq QUALIFIED05/08/2024
Bernardo DominicSinclair W Amigon ArgentinaChanay, Jeffrey A Esq QUALIFIED04/30/2024
Bernardo DominicMayumi M Kusko CanadaRousseaux, Michael Esq UNQUALIFIED05/21/2024
Bernardo DominicJeanfrancois F Kolmetz CanadaFeltz Printing Service RENEWAL05/16/2024
Bernardo DominicStacey A Rim GermanyPrinting Dimensions RENEWAL05/03/2024
Elwin SharvillClaire B Rim GermanyRousseaux, Michael Esq UNQUALIFIED05/13/2024
Elwin SharvillMayumi M Briddick RussiaKing, Christopher A Esq NEGOTIATION05/12/2024
Elwin SharvillAruna O Kolmetz FranceBenton, John B Jr UNQUALIFIED04/30/2024
Elwin SharvillMorrow Z Maclead SpainMorlong Associates NEGOTIATION05/16/2024
Ioni BowcherSilvio U Dilliard ItalyChapman, Ross E Esq QUALIFIED05/13/2024
Ioni BowcherGreenwood N Gaucho IndiaRangoni Of Florence NEGOTIATION05/08/2024
Ioni BowcherCody A Ostrosky IndiaCommercial Press PROPOSAL05/11/2024
Ioni BowcherOctavia F Saylors BrazilBenton, John B Jr NEGOTIATION05/27/2024
Ioni BowcherSalvatore W Inouye SpainFeiner Bros NEGOTIATION05/20/2024
Ioni BowcherAika N Perin JapanTruhlar And Truhlar Attys QUALIFIED05/11/2024
Ivan MagalhaesSinclair J Venere GermanyFeltz Printing Service NEGOTIATION05/18/2024
Ivan MagalhaesMaria G Malet JapanChanay, Jeffrey A Esq NEGOTIATION05/25/2024
Ivan MagalhaesGreenwood F Schemmer GermanyFeltz Printing Service QUALIFIED05/25/2024
Ivan MagalhaesAditya G Glick JapanChanay, Jeffrey A Esq QUALIFIED05/02/2024
Ivan MagalhaesMujtaba C Perin RussiaMorlong Associates UNQUALIFIED05/01/2024
Onyama LimbaRicardo R Malet ArgentinaFeltz Printing Service PROPOSAL05/24/2024
Onyama LimbaMisaki Y Vocelka United KingdomBenton, John B Jr NEGOTIATION05/01/2024
Onyama LimbaIzzy S Waycott AustraliaKing, Christopher A Esq RENEWAL05/13/2024
Onyama LimbaArvin J Inouye United KingdomRousseaux, Michael Esq UNQUALIFIED05/03/2024
Stephen ShawJohnson G Butt BrazilBuckley Miller Wright NEW05/20/2024
Stephen ShawDavid B Ostrosky AustraliaChemel, James L Cpa UNQUALIFIED05/02/2024
Stephen ShawMaisha S Gaucho United KingdomDorl, James J Esq UNQUALIFIED05/01/2024
Stephen ShawMaria Q Schemmer GermanyChapman, Ross E Esq NEW05/15/2024
Stephen ShawDeepesh U Waycott IndiaChemel, James L Cpa PROPOSAL05/17/2024
Stephen ShawFaith M Caudy CanadaRangoni Of Florence NEW05/25/2024
Stephen ShawKadeem H Paprocki ItalyTruhlar And Truhlar Attys QUALIFIED05/10/2024
Stephen ShawMaisha N Foller RussiaFeiner Bros UNQUALIFIED05/08/2024
Xuxue FengJeanfrancois X Venere IndiaKing, Christopher A Esq PROPOSAL05/18/2024
Xuxue FengMurillo I Malet IndiaChanay, Jeffrey A Esq NEGOTIATION05/10/2024
Xuxue FengMaria I Stockham CanadaMorlong Associates NEGOTIATION05/20/2024
Xuxue FengEmily J Glick CanadaCommercial Press QUALIFIED05/05/2024
Xuxue FengAika P Marrier RussiaFeiner Bros PROPOSAL05/24/2024
Xuxue FengArvin Z Gaucho SpainTruhlar And Truhlar Attys UNQUALIFIED05/02/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>