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 ElsnerMorrow T Glick BrazilFeltz Printing Service PROPOSAL06/04/2025
Amy ElsnerAdams P Oldroyd FranceChemel, James L Cpa PROPOSAL06/07/2025
Amy ElsnerClifford U Butt FranceKing, Christopher A Esq RENEWAL06/04/2025
Amy ElsnerOctavia N Albares CanadaBuckley Miller Wright UNQUALIFIED05/19/2025
Total Customers:4
Anna Fali
Anna FaliDeepesh L Butt JapanChemel, James L Cpa NEGOTIATION06/01/2025
Anna FaliLeon M Venere GermanyDorl, James J Esq RENEWAL05/23/2025
Anna FaliDarci R Venere FranceChemel, James L Cpa RENEWAL05/23/2025
Total Customers:3
Asiya Javayant
Asiya JavayantAdams H Doe RussiaCommercial Press NEGOTIATION05/20/2025
Asiya JavayantJuan V Inouye GermanyChapman, Ross E Esq UNQUALIFIED05/31/2025
Asiya JavayantSmith O Bolognia United KingdomChapman, Ross E Esq NEW06/15/2025
Total Customers:3
Bernardo Dominic
Bernardo DominicMayumi W Chui SpainFeltz Printing Service PROPOSAL06/03/2025
Bernardo DominicMisaki R Rulapaugh JapanFeiner Bros QUALIFIED06/08/2025
Bernardo DominicFaith P Stockham RussiaChapman, Ross E Esq UNQUALIFIED05/24/2025
Bernardo DominicDeepesh X Gaucho IndiaFeltz Printing Service NEW06/14/2025
Bernardo DominicSmith K Venere ArgentinaCommercial Press RENEWAL05/28/2025
Total Customers:5
Elwin Sharvill
Elwin SharvillSinclair V Morasca AustraliaPrinting Dimensions NEGOTIATION05/20/2025
Elwin SharvillMorrow P Nicka SpainFeiner Bros UNQUALIFIED05/31/2025
Elwin SharvillOctavia Z Butt CanadaRousseaux, Michael Esq PROPOSAL06/07/2025
Elwin SharvillAruna D Rulapaugh IndiaRousseaux, Michael Esq PROPOSAL05/19/2025
Elwin SharvillRicardo U Venere CanadaCommercial Press UNQUALIFIED06/06/2025
Elwin SharvillCosta Y Sergi CanadaChapman, Ross E Esq NEW05/26/2025
Elwin SharvillJulie H Caldarera GermanyTruhlar And Truhlar Attys NEW05/27/2025
Elwin SharvillJohnson Q Garufi GermanyFeltz Printing Service UNQUALIFIED06/08/2025
Total Customers:8
Ioni Bowcher
Ioni BowcherTony N Whobrey BrazilRousseaux, Michael Esq RENEWAL05/25/2025
Ioni BowcherGreenwood T Foller SpainChemel, James L Cpa QUALIFIED06/08/2025
Ioni BowcherDavid O Slusarski RussiaFeiner Bros UNQUALIFIED06/05/2025
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesJulie T Gillian GermanyKing, Christopher A Esq PROPOSAL06/15/2025
Ivan MagalhaesAshley S Ostrosky BrazilDorl, James J Esq PROPOSAL06/12/2025
Ivan MagalhaesCosta Q Kusko FranceFeltz Printing Service QUALIFIED06/05/2025
Ivan MagalhaesMunro V Chui IndiaPrinting Dimensions NEGOTIATION06/04/2025
Ivan MagalhaesMayumi Q Wieser SpainDorl, James J Esq NEGOTIATION05/20/2025
Ivan MagalhaesDarci Y Caudy United KingdomRousseaux, Michael Esq PROPOSAL05/22/2025
Ivan MagalhaesJeanfrancois H Royster CanadaMorlong Associates NEW05/31/2025
Ivan MagalhaesKaitlin B Venere SpainKing, Christopher A Esq QUALIFIED06/02/2025
Total Customers:8
Onyama Limba
Onyama LimbaCody K Amigon FrancePrinting Dimensions NEW05/21/2025
Onyama LimbaLeja W Maclead FranceCommercial Press UNQUALIFIED05/27/2025
Onyama LimbaJefferson K Saylors JapanDorl, James J Esq UNQUALIFIED06/13/2025
Onyama LimbaSalvatore W Gillian United KingdomRousseaux, Michael Esq QUALIFIED06/03/2025
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengClaire L Wieser AustraliaChanay, Jeffrey A Esq NEGOTIATION05/19/2025
Xuxue FengChavez T Foller ArgentinaRousseaux, Michael Esq NEW05/21/2025
Xuxue FengLeja T Nestle AustraliaRousseaux, Michael Esq NEGOTIATION05/27/2025
Xuxue FengMaria H Stockham CanadaChapman, Ross E Esq PROPOSAL06/09/2025
Xuxue FengMaria C Bowley IndiaKing, Christopher A Esq QUALIFIED06/04/2025
Xuxue FengAditya D Malet GermanyBenton, John B Jr NEGOTIATION06/02/2025
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerMorrow T Glick BrazilFeltz Printing Service PROPOSAL06/04/2025
Amy ElsnerAdams P Oldroyd FranceChemel, James L Cpa PROPOSAL06/07/2025
Amy ElsnerClifford U Butt FranceKing, Christopher A Esq RENEWAL06/04/2025
Amy ElsnerOctavia N Albares CanadaBuckley Miller Wright UNQUALIFIED05/19/2025
Anna FaliDeepesh L Butt JapanChemel, James L Cpa NEGOTIATION06/01/2025
Anna FaliLeon M Venere GermanyDorl, James J Esq RENEWAL05/23/2025
Anna FaliDarci R Venere FranceChemel, James L Cpa RENEWAL05/23/2025
Asiya JavayantAdams H Doe RussiaCommercial Press NEGOTIATION05/20/2025
Asiya JavayantJuan V Inouye GermanyChapman, Ross E Esq UNQUALIFIED05/31/2025
Asiya JavayantSmith O Bolognia United KingdomChapman, Ross E Esq NEW06/15/2025
Bernardo DominicMayumi W Chui SpainFeltz Printing Service PROPOSAL06/03/2025
Bernardo DominicMisaki R Rulapaugh JapanFeiner Bros QUALIFIED06/08/2025
Bernardo DominicFaith P Stockham RussiaChapman, Ross E Esq UNQUALIFIED05/24/2025
Bernardo DominicDeepesh X Gaucho IndiaFeltz Printing Service NEW06/14/2025
Bernardo DominicSmith K Venere ArgentinaCommercial Press RENEWAL05/28/2025
Elwin SharvillSinclair V Morasca AustraliaPrinting Dimensions NEGOTIATION05/20/2025
Elwin SharvillMorrow P Nicka SpainFeiner Bros UNQUALIFIED05/31/2025
Elwin SharvillOctavia Z Butt CanadaRousseaux, Michael Esq PROPOSAL06/07/2025
Elwin SharvillAruna D Rulapaugh IndiaRousseaux, Michael Esq PROPOSAL05/19/2025
Elwin SharvillRicardo U Venere CanadaCommercial Press UNQUALIFIED06/06/2025
Elwin SharvillCosta Y Sergi CanadaChapman, Ross E Esq NEW05/26/2025
Elwin SharvillJulie H Caldarera GermanyTruhlar And Truhlar Attys NEW05/27/2025
Elwin SharvillJohnson Q Garufi GermanyFeltz Printing Service UNQUALIFIED06/08/2025
Ioni BowcherTony N Whobrey BrazilRousseaux, Michael Esq RENEWAL05/25/2025
Ioni BowcherGreenwood T Foller SpainChemel, James L Cpa QUALIFIED06/08/2025
Ioni BowcherDavid O Slusarski RussiaFeiner Bros UNQUALIFIED06/05/2025
Ivan MagalhaesJulie T Gillian GermanyKing, Christopher A Esq PROPOSAL06/15/2025
Ivan MagalhaesAshley S Ostrosky BrazilDorl, James J Esq PROPOSAL06/12/2025
Ivan MagalhaesCosta Q Kusko FranceFeltz Printing Service QUALIFIED06/05/2025
Ivan MagalhaesMunro V Chui IndiaPrinting Dimensions NEGOTIATION06/04/2025
Ivan MagalhaesMayumi Q Wieser SpainDorl, James J Esq NEGOTIATION05/20/2025
Ivan MagalhaesDarci Y Caudy United KingdomRousseaux, Michael Esq PROPOSAL05/22/2025
Ivan MagalhaesJeanfrancois H Royster CanadaMorlong Associates NEW05/31/2025
Ivan MagalhaesKaitlin B Venere SpainKing, Christopher A Esq QUALIFIED06/02/2025
Onyama LimbaCody K Amigon FrancePrinting Dimensions NEW05/21/2025
Onyama LimbaLeja W Maclead FranceCommercial Press UNQUALIFIED05/27/2025
Onyama LimbaJefferson K Saylors JapanDorl, James J Esq UNQUALIFIED06/13/2025
Onyama LimbaSalvatore W Gillian United KingdomRousseaux, Michael Esq QUALIFIED06/03/2025
Stephen ShawMurillo T Darakjy United KingdomChemel, James L Cpa RENEWAL06/04/2025
Stephen ShawSmith E Ostrosky RussiaBenton, John B Jr RENEWAL06/09/2025
Stephen ShawMorrow M Briddick IndiaKing, Christopher A Esq QUALIFIED05/31/2025
Stephen ShawSilvio M Rulapaugh SpainMorlong Associates UNQUALIFIED05/20/2025
Stephen ShawMisaki W Glick SpainTruhlar And Truhlar Attys PROPOSAL06/14/2025
Stephen ShawClaire R Rulapaugh CanadaPrinting Dimensions NEGOTIATION06/06/2025
Xuxue FengClaire L Wieser AustraliaChanay, Jeffrey A Esq NEGOTIATION05/19/2025
Xuxue FengChavez T Foller ArgentinaRousseaux, Michael Esq NEW05/21/2025
Xuxue FengLeja T Nestle AustraliaRousseaux, Michael Esq NEGOTIATION05/27/2025
Xuxue FengMaria H Stockham CanadaChapman, Ross E Esq PROPOSAL06/09/2025
Xuxue FengMaria C Bowley IndiaKing, Christopher A Esq QUALIFIED06/04/2025
Xuxue FengAditya D Malet GermanyBenton, John B Jr NEGOTIATION06/02/2025

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