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 ElsnerClifford U Maclead AustraliaChemel, James L Cpa PROPOSAL08/09/2026
Amy ElsnerAlejandro O Darakjy JapanChapman, Ross E Esq QUALIFIED08/03/2026
Amy ElsnerCosta Q Stockham CanadaKing, Christopher A Esq NEGOTIATION08/09/2026
Amy ElsnerNicolas J Bowley GermanyDorl, James J Esq PROPOSAL08/02/2026
Amy ElsnerDeepesh Q Sergi RussiaKing, Christopher A Esq RENEWAL08/06/2026
Amy ElsnerKadeem L Stenseth United KingdomCommercial Press RENEWAL08/17/2026
Amy ElsnerRicardo D Saylors IndiaPrinting Dimensions PROPOSAL08/16/2026
Amy ElsnerJennifer K Malet AustraliaRousseaux, Michael Esq QUALIFIED08/23/2026
Amy ElsnerEmily Q Briddick United KingdomCommercial Press UNQUALIFIED08/20/2026
Amy ElsnerIzzy K Kusko ItalyKing, Christopher A Esq PROPOSAL08/28/2026
Amy ElsnerJefferson D Garufi RussiaFeltz Printing Service PROPOSAL08/28/2026
Amy ElsnerSmith A Inouye GermanyRousseaux, Michael Esq QUALIFIED08/12/2026
Amy ElsnerTony A Bowley FranceFeltz Printing Service UNQUALIFIED08/20/2026
Total Customers:13
Anna Fali
Anna FaliJulie X Perin United KingdomTruhlar And Truhlar Attys QUALIFIED08/13/2026
Anna FaliSilvio L Foller BrazilBenton, John B Jr RENEWAL08/27/2026
Total Customers:2
Asiya Javayant
Asiya JavayantKaitlin R Doe AustraliaChapman, Ross E Esq PROPOSAL08/06/2026
Asiya JavayantEmily B Kusko ArgentinaPrinting Dimensions NEW08/28/2026
Asiya JavayantSilvio V Paprocki RussiaChemel, James L Cpa NEGOTIATION08/29/2026
Asiya JavayantMorrow V Oldroyd FranceCommercial Press QUALIFIED08/24/2026
Asiya JavayantMaria C Inouye CanadaBuckley Miller Wright PROPOSAL08/27/2026
Asiya JavayantJulie T Caldarera SpainFeltz Printing Service RENEWAL08/12/2026
Total Customers:6
Bernardo Dominic
Bernardo DominicJefferson Q Ruta IndiaChapman, Ross E Esq UNQUALIFIED08/04/2026
Bernardo DominicKadeem J Stockham CanadaRousseaux, Michael Esq QUALIFIED08/20/2026
Bernardo DominicArvin N Stockham ArgentinaRousseaux, Michael Esq QUALIFIED08/12/2026
Bernardo DominicRicardo Z Schemmer AustraliaChapman, Ross E Esq NEW08/01/2026
Total Customers:4
Elwin Sharvill
Elwin SharvillSilvio J Slusarski United KingdomMorlong Associates UNQUALIFIED08/30/2026
Total Customers:1
Ioni Bowcher
Ioni BowcherIzzy A Rim CanadaChapman, Ross E Esq NEGOTIATION08/25/2026
Ioni BowcherMaria Y Ferencz ArgentinaPrinting Dimensions NEW08/30/2026
Ioni BowcherLeja D Campain FranceRangoni Of Florence UNQUALIFIED08/27/2026
Ioni BowcherEmily J Gillian United KingdomKing, Christopher A Esq NEW08/23/2026
Ioni BowcherSilvio I Venere IndiaDorl, James J Esq UNQUALIFIED08/07/2026
Total Customers:5
Ivan Magalhaes
Ivan MagalhaesAdams N Bolognia AustraliaBenton, John B Jr NEGOTIATION08/10/2026
Ivan MagalhaesMayumi P Perin CanadaPrinting Dimensions PROPOSAL08/24/2026
Ivan MagalhaesMayumi F Flosi ItalyPrinting Dimensions NEGOTIATION08/05/2026
Ivan MagalhaesArvin Q Shinko ItalyRousseaux, Michael Esq QUALIFIED08/23/2026
Ivan MagalhaesJeanfrancois B Gaucho AustraliaChapman, Ross E Esq QUALIFIED08/29/2026
Total Customers:5
Onyama Limba
Onyama LimbaAdams D Kusko FranceFeltz Printing Service RENEWAL08/05/2026
Onyama LimbaSilvio V Nestle GermanyRousseaux, Michael Esq UNQUALIFIED08/30/2026
Onyama LimbaChavez B Paprocki SpainTruhlar And Truhlar Attys NEGOTIATION08/10/2026
Onyama LimbaSalvatore A Oldroyd ItalyFeiner Bros QUALIFIED08/15/2026
Onyama LimbaJones V Bolognia GermanyChemel, James L Cpa QUALIFIED08/27/2026
Onyama LimbaRodrigues S Tollner CanadaKing, Christopher A Esq NEGOTIATION08/11/2026
Onyama LimbaMisaki S Perin IndiaDorl, James J Esq UNQUALIFIED08/03/2026
Onyama LimbaSmith T Whobrey AustraliaFeiner Bros RENEWAL08/03/2026
Total Customers:8
Stephen Shaw
Xuxue Feng
Xuxue FengRicardo O Sergi CanadaBuckley Miller Wright UNQUALIFIED08/23/2026
Xuxue FengJeanfrancois F Doe IndiaDorl, James J Esq NEGOTIATION08/20/2026
Xuxue FengIzzy X Nicka United KingdomMorlong Associates RENEWAL08/21/2026
Total Customers:3
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerClifford U Maclead AustraliaChemel, James L Cpa PROPOSAL08/09/2026
Amy ElsnerAlejandro O Darakjy JapanChapman, Ross E Esq QUALIFIED08/03/2026
Amy ElsnerCosta Q Stockham CanadaKing, Christopher A Esq NEGOTIATION08/09/2026
Amy ElsnerNicolas J Bowley GermanyDorl, James J Esq PROPOSAL08/02/2026
Amy ElsnerDeepesh Q Sergi RussiaKing, Christopher A Esq RENEWAL08/06/2026
Amy ElsnerKadeem L Stenseth United KingdomCommercial Press RENEWAL08/17/2026
Amy ElsnerRicardo D Saylors IndiaPrinting Dimensions PROPOSAL08/16/2026
Amy ElsnerJennifer K Malet AustraliaRousseaux, Michael Esq QUALIFIED08/23/2026
Amy ElsnerEmily Q Briddick United KingdomCommercial Press UNQUALIFIED08/20/2026
Amy ElsnerIzzy K Kusko ItalyKing, Christopher A Esq PROPOSAL08/28/2026
Amy ElsnerJefferson D Garufi RussiaFeltz Printing Service PROPOSAL08/28/2026
Amy ElsnerSmith A Inouye GermanyRousseaux, Michael Esq QUALIFIED08/12/2026
Amy ElsnerTony A Bowley FranceFeltz Printing Service UNQUALIFIED08/20/2026
Anna FaliJulie X Perin United KingdomTruhlar And Truhlar Attys QUALIFIED08/13/2026
Anna FaliSilvio L Foller BrazilBenton, John B Jr RENEWAL08/27/2026
Asiya JavayantKaitlin R Doe AustraliaChapman, Ross E Esq PROPOSAL08/06/2026
Asiya JavayantEmily B Kusko ArgentinaPrinting Dimensions NEW08/28/2026
Asiya JavayantSilvio V Paprocki RussiaChemel, James L Cpa NEGOTIATION08/29/2026
Asiya JavayantMorrow V Oldroyd FranceCommercial Press QUALIFIED08/24/2026
Asiya JavayantMaria C Inouye CanadaBuckley Miller Wright PROPOSAL08/27/2026
Asiya JavayantJulie T Caldarera SpainFeltz Printing Service RENEWAL08/12/2026
Bernardo DominicJefferson Q Ruta IndiaChapman, Ross E Esq UNQUALIFIED08/04/2026
Bernardo DominicKadeem J Stockham CanadaRousseaux, Michael Esq QUALIFIED08/20/2026
Bernardo DominicArvin N Stockham ArgentinaRousseaux, Michael Esq QUALIFIED08/12/2026
Bernardo DominicRicardo Z Schemmer AustraliaChapman, Ross E Esq NEW08/01/2026
Elwin SharvillSilvio J Slusarski United KingdomMorlong Associates UNQUALIFIED08/30/2026
Ioni BowcherIzzy A Rim CanadaChapman, Ross E Esq NEGOTIATION08/25/2026
Ioni BowcherMaria Y Ferencz ArgentinaPrinting Dimensions NEW08/30/2026
Ioni BowcherLeja D Campain FranceRangoni Of Florence UNQUALIFIED08/27/2026
Ioni BowcherEmily J Gillian United KingdomKing, Christopher A Esq NEW08/23/2026
Ioni BowcherSilvio I Venere IndiaDorl, James J Esq UNQUALIFIED08/07/2026
Ivan MagalhaesAdams N Bolognia AustraliaBenton, John B Jr NEGOTIATION08/10/2026
Ivan MagalhaesMayumi P Perin CanadaPrinting Dimensions PROPOSAL08/24/2026
Ivan MagalhaesMayumi F Flosi ItalyPrinting Dimensions NEGOTIATION08/05/2026
Ivan MagalhaesArvin Q Shinko ItalyRousseaux, Michael Esq QUALIFIED08/23/2026
Ivan MagalhaesJeanfrancois B Gaucho AustraliaChapman, Ross E Esq QUALIFIED08/29/2026
Onyama LimbaAdams D Kusko FranceFeltz Printing Service RENEWAL08/05/2026
Onyama LimbaSilvio V Nestle GermanyRousseaux, Michael Esq UNQUALIFIED08/30/2026
Onyama LimbaChavez B Paprocki SpainTruhlar And Truhlar Attys NEGOTIATION08/10/2026
Onyama LimbaSalvatore A Oldroyd ItalyFeiner Bros QUALIFIED08/15/2026
Onyama LimbaJones V Bolognia GermanyChemel, James L Cpa QUALIFIED08/27/2026
Onyama LimbaRodrigues S Tollner CanadaKing, Christopher A Esq NEGOTIATION08/11/2026
Onyama LimbaMisaki S Perin IndiaDorl, James J Esq UNQUALIFIED08/03/2026
Onyama LimbaSmith T Whobrey AustraliaFeiner Bros RENEWAL08/03/2026
Stephen ShawFaith C Vocelka ItalyRangoni Of Florence NEW08/05/2026
Stephen ShawCody K Doe JapanRousseaux, Michael Esq PROPOSAL08/13/2026
Stephen ShawJuan Q Briddick FranceRangoni Of Florence NEGOTIATION08/24/2026
Xuxue FengRicardo O Sergi CanadaBuckley Miller Wright UNQUALIFIED08/23/2026
Xuxue FengJeanfrancois F Doe IndiaDorl, James J Esq NEGOTIATION08/20/2026
Xuxue FengIzzy X Nicka United KingdomMorlong Associates RENEWAL08/21/2026

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