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 ElsnerAshley W Morasca FrancePrinting Dimensions UNQUALIFIED06/16/2024
Amy ElsnerAntonio N Caudy ItalyFeltz Printing Service RENEWAL06/21/2024
Amy ElsnerAruna O Shinko GermanyBenton, John B Jr NEW06/14/2024
Total Customers:3
Anna Fali
Anna FaliKaitlin X Figeroa BrazilTruhlar And Truhlar Attys UNQUALIFIED06/07/2024
Anna FaliClaire K Campain RussiaDorl, James J Esq NEGOTIATION06/09/2024
Anna FaliJames D Malet United KingdomChapman, Ross E Esq PROPOSAL06/11/2024
Anna FaliWickens I Shinko IndiaCommercial Press NEW05/23/2024
Anna FaliJeanfrancois C Flosi BrazilCommercial Press RENEWAL05/23/2024
Anna FaliArvin U Malet BrazilRousseaux, Michael Esq NEGOTIATION06/14/2024
Anna FaliJennifer R Darakjy JapanBenton, John B Jr QUALIFIED06/09/2024
Total Customers:7
Asiya Javayant
Asiya JavayantArvin R Malet JapanBuckley Miller Wright PROPOSAL06/18/2024
Asiya JavayantIsabel C Waycott United KingdomDorl, James J Esq NEW06/17/2024
Total Customers:2
Bernardo Dominic
Bernardo DominicGreenwood C Ferencz GermanyTruhlar And Truhlar Attys UNQUALIFIED06/20/2024
Bernardo DominicJeanfrancois R Gillian GermanyRousseaux, Michael Esq NEGOTIATION06/16/2024
Bernardo DominicSmith Y Chui SpainRousseaux, Michael Esq NEGOTIATION06/05/2024
Bernardo DominicClaire D Garufi IndiaChanay, Jeffrey A Esq NEGOTIATION06/14/2024
Total Customers:4
Elwin Sharvill
Elwin SharvillNicolas B Flosi FranceTruhlar And Truhlar Attys NEW06/14/2024
Elwin SharvillMunro L Shinko CanadaBuckley Miller Wright NEW06/19/2024
Elwin SharvillKadeem A Oldroyd United KingdomMorlong Associates PROPOSAL06/11/2024
Elwin SharvillRicardo Z Gillian ItalyFeiner Bros PROPOSAL05/30/2024
Total Customers:4
Ioni Bowcher
Ioni BowcherJones U Ostrosky SpainBuckley Miller Wright NEGOTIATION05/31/2024
Ioni BowcherMorrow U Caudy FranceBuckley Miller Wright RENEWAL05/23/2024
Ioni BowcherMurillo Y Venere CanadaRangoni Of Florence PROPOSAL05/23/2024
Ioni BowcherSalvatore Q Briddick AustraliaChanay, Jeffrey A Esq PROPOSAL05/27/2024
Total Customers:4
Ivan Magalhaes
Ivan MagalhaesJohnson Y Tollner ItalyKing, Christopher A Esq UNQUALIFIED06/20/2024
Ivan MagalhaesCosta R Albares SpainRousseaux, Michael Esq NEW05/28/2024
Ivan MagalhaesCody Y Bolognia SpainBuckley Miller Wright RENEWAL06/07/2024
Ivan MagalhaesJames M Garufi United KingdomChanay, Jeffrey A Esq NEGOTIATION05/29/2024
Ivan MagalhaesArvin Q Oldroyd RussiaBenton, John B Jr UNQUALIFIED06/21/2024
Ivan MagalhaesGreenwood V Butt FranceRangoni Of Florence PROPOSAL06/13/2024
Ivan MagalhaesEmily H Garufi SpainRangoni Of Florence RENEWAL06/16/2024
Ivan MagalhaesCody Z Foller ItalyChemel, James L Cpa UNQUALIFIED06/19/2024
Total Customers:8
Onyama Limba
Onyama LimbaJefferson M Caudy United KingdomTruhlar And Truhlar Attys QUALIFIED05/26/2024
Onyama LimbaDarci O Tollner IndiaChanay, Jeffrey A Esq NEGOTIATION06/11/2024
Onyama LimbaDavid T Paprocki BrazilChemel, James L Cpa NEW05/25/2024
Total Customers:3
Stephen Shaw
Xuxue Feng
Xuxue FengDeepesh R Nestle CanadaChanay, Jeffrey A Esq NEW06/06/2024
Xuxue FengClifford G Venere FranceChanay, Jeffrey A Esq NEW06/15/2024
Xuxue FengAdams X Dilliard ArgentinaRousseaux, Michael Esq PROPOSAL06/15/2024
Xuxue FengMujtaba G Gillian SpainBuckley Miller Wright NEW06/17/2024
Xuxue FengStacey E Rulapaugh United KingdomDorl, James J Esq NEW06/01/2024
Xuxue FengJohnson H Dilliard JapanRangoni Of Florence QUALIFIED06/09/2024
Xuxue FengCody J Briddick GermanyRousseaux, Michael Esq NEGOTIATION06/05/2024
Xuxue FengJeanfrancois A Bowley IndiaRangoni Of Florence NEW05/23/2024
Xuxue FengAditya S Ostrosky JapanBenton, John B Jr RENEWAL06/06/2024
Total Customers:9
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerAshley W Morasca FrancePrinting Dimensions UNQUALIFIED06/16/2024
Amy ElsnerAntonio N Caudy ItalyFeltz Printing Service RENEWAL06/21/2024
Amy ElsnerAruna O Shinko GermanyBenton, John B Jr NEW06/14/2024
Anna FaliKaitlin X Figeroa BrazilTruhlar And Truhlar Attys UNQUALIFIED06/07/2024
Anna FaliClaire K Campain RussiaDorl, James J Esq NEGOTIATION06/09/2024
Anna FaliJames D Malet United KingdomChapman, Ross E Esq PROPOSAL06/11/2024
Anna FaliWickens I Shinko IndiaCommercial Press NEW05/23/2024
Anna FaliJeanfrancois C Flosi BrazilCommercial Press RENEWAL05/23/2024
Anna FaliArvin U Malet BrazilRousseaux, Michael Esq NEGOTIATION06/14/2024
Anna FaliJennifer R Darakjy JapanBenton, John B Jr QUALIFIED06/09/2024
Asiya JavayantArvin R Malet JapanBuckley Miller Wright PROPOSAL06/18/2024
Asiya JavayantIsabel C Waycott United KingdomDorl, James J Esq NEW06/17/2024
Bernardo DominicGreenwood C Ferencz GermanyTruhlar And Truhlar Attys UNQUALIFIED06/20/2024
Bernardo DominicJeanfrancois R Gillian GermanyRousseaux, Michael Esq NEGOTIATION06/16/2024
Bernardo DominicSmith Y Chui SpainRousseaux, Michael Esq NEGOTIATION06/05/2024
Bernardo DominicClaire D Garufi IndiaChanay, Jeffrey A Esq NEGOTIATION06/14/2024
Elwin SharvillNicolas B Flosi FranceTruhlar And Truhlar Attys NEW06/14/2024
Elwin SharvillMunro L Shinko CanadaBuckley Miller Wright NEW06/19/2024
Elwin SharvillKadeem A Oldroyd United KingdomMorlong Associates PROPOSAL06/11/2024
Elwin SharvillRicardo Z Gillian ItalyFeiner Bros PROPOSAL05/30/2024
Ioni BowcherJones U Ostrosky SpainBuckley Miller Wright NEGOTIATION05/31/2024
Ioni BowcherMorrow U Caudy FranceBuckley Miller Wright RENEWAL05/23/2024
Ioni BowcherMurillo Y Venere CanadaRangoni Of Florence PROPOSAL05/23/2024
Ioni BowcherSalvatore Q Briddick AustraliaChanay, Jeffrey A Esq PROPOSAL05/27/2024
Ivan MagalhaesJohnson Y Tollner ItalyKing, Christopher A Esq UNQUALIFIED06/20/2024
Ivan MagalhaesCosta R Albares SpainRousseaux, Michael Esq NEW05/28/2024
Ivan MagalhaesCody Y Bolognia SpainBuckley Miller Wright RENEWAL06/07/2024
Ivan MagalhaesJames M Garufi United KingdomChanay, Jeffrey A Esq NEGOTIATION05/29/2024
Ivan MagalhaesArvin Q Oldroyd RussiaBenton, John B Jr UNQUALIFIED06/21/2024
Ivan MagalhaesGreenwood V Butt FranceRangoni Of Florence PROPOSAL06/13/2024
Ivan MagalhaesEmily H Garufi SpainRangoni Of Florence RENEWAL06/16/2024
Ivan MagalhaesCody Z Foller ItalyChemel, James L Cpa UNQUALIFIED06/19/2024
Onyama LimbaJefferson M Caudy United KingdomTruhlar And Truhlar Attys QUALIFIED05/26/2024
Onyama LimbaDarci O Tollner IndiaChanay, Jeffrey A Esq NEGOTIATION06/11/2024
Onyama LimbaDavid T Paprocki BrazilChemel, James L Cpa NEW05/25/2024
Stephen ShawCody G Figeroa AustraliaPrinting Dimensions UNQUALIFIED06/13/2024
Stephen ShawMisaki R Tollner ArgentinaPrinting Dimensions RENEWAL06/19/2024
Stephen ShawSinclair R Butt GermanyDorl, James J Esq NEW06/20/2024
Stephen ShawJefferson O Poquette United KingdomCommercial Press PROPOSAL06/12/2024
Stephen ShawJohnson R Iturbide AustraliaChapman, Ross E Esq NEGOTIATION06/20/2024
Stephen ShawMorrow K Venere United KingdomChapman, Ross E Esq RENEWAL06/05/2024
Xuxue FengDeepesh R Nestle CanadaChanay, Jeffrey A Esq NEW06/06/2024
Xuxue FengClifford G Venere FranceChanay, Jeffrey A Esq NEW06/15/2024
Xuxue FengAdams X Dilliard ArgentinaRousseaux, Michael Esq PROPOSAL06/15/2024
Xuxue FengMujtaba G Gillian SpainBuckley Miller Wright NEW06/17/2024
Xuxue FengStacey E Rulapaugh United KingdomDorl, James J Esq NEW06/01/2024
Xuxue FengJohnson H Dilliard JapanRangoni Of Florence QUALIFIED06/09/2024
Xuxue FengCody J Briddick GermanyRousseaux, Michael Esq NEGOTIATION06/05/2024
Xuxue FengJeanfrancois A Bowley IndiaRangoni Of Florence NEW05/23/2024
Xuxue FengAditya S Ostrosky JapanBenton, John B Jr RENEWAL06/06/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>