Locale

Language
English
English
English
French
German
German
German
Italian
Korean
Spanish
Catalan
Dutch
Portuguese
Portuguese
Arabic
Arabic
Bulgarian
Bangla
Bosnian
Czech
Greek
Estonian
Persian
Finnish
Danish
Hindi
Indonesian
Icelandic
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
Uzbek
Vietnamese
Chinese
Chinese

Input Style

Free Themes

Built-in component themes created by the PrimeFaces Theme Designer.

Saga Saga
Vela Vela
Arya Arya

Legacy Free Themes

Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink
Nova Nova
Nova Nova Alt
Nova Nova Accent

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 ElsnerClaire Tollner AustraliaChemel, James L Cpa NEW06/30/2025
Amy ElsnerStacey Maclead FranceRousseaux, Michael Esq RENEWAL07/05/2025
Amy ElsnerJefferson Schemmer BrazilChapman, Ross E Esq NEW06/20/2025
Total Customers:3
Anna Fali
Anna FaliAika Inouye ItalyKing, Christopher A Esq PROPOSAL06/11/2025
Anna FaliIsabel Bowley GermanyKing, Christopher A Esq PROPOSAL07/01/2025
Anna FaliArvin Albares CanadaBuckley Miller Wright RENEWAL06/06/2025
Anna FaliKaitlin Ostrosky GermanyKing, Christopher A Esq NEGOTIATION06/30/2025
Total Customers:4
Asiya Javayant
Asiya JavayantJefferson Schemmer IndiaRousseaux, Michael Esq PROPOSAL06/29/2025
Asiya JavayantMaisha Rulapaugh BrazilPrinting Dimensions RENEWAL06/12/2025
Asiya JavayantSilvio Slusarski United KingdomCommercial Press RENEWAL07/02/2025
Asiya JavayantMurillo Malet CanadaMorlong Associates QUALIFIED06/12/2025
Asiya JavayantJennifer Amigon RussiaTruhlar And Truhlar Attys NEGOTIATION07/03/2025
Total Customers:5
Bernardo Dominic
Bernardo DominicEmily Whobrey IndiaPrinting Dimensions UNQUALIFIED07/04/2025
Bernardo DominicMayumi Kolmetz AustraliaTruhlar And Truhlar Attys NEGOTIATION06/24/2025
Bernardo DominicJennifer Amigon BrazilCommercial Press PROPOSAL06/06/2025
Bernardo DominicMayumi Kolmetz CanadaDorl, James J Esq NEGOTIATION06/23/2025
Total Customers:4
Elwin Sharvill
Elwin SharvillSmith Glick RussiaKing, Christopher A Esq RENEWAL06/25/2025
Elwin SharvillRicardo Gaucho CanadaDorl, James J Esq QUALIFIED06/15/2025
Total Customers:2
Ioni Bowcher
Ioni BowcherDavid Darakjy CanadaTruhlar And Truhlar Attys UNQUALIFIED07/05/2025
Ioni BowcherMisaki Royster GermanyDorl, James J Esq UNQUALIFIED07/04/2025
Ioni BowcherAdams Morasca IndiaKing, Christopher A Esq PROPOSAL06/22/2025
Ioni BowcherDeepesh Chui FranceCommercial Press PROPOSAL06/24/2025
Total Customers:4
Ivan Magalhaes
Ivan MagalhaesMurillo Malet FrancePrinting Dimensions NEGOTIATION06/08/2025
Ivan MagalhaesStacey Maclead BrazilDorl, James J Esq RENEWAL06/17/2025
Total Customers:2
Onyama Limba
Onyama LimbaAika Inouye ItalyBuckley Miller Wright QUALIFIED07/03/2025
Onyama LimbaRicardo Gaucho AustraliaRousseaux, Michael Esq QUALIFIED06/14/2025
Onyama LimbaIzzy Garufi JapanChapman, Ross E Esq RENEWAL07/03/2025
Onyama LimbaAdams Morasca JapanKing, Christopher A Esq QUALIFIED06/19/2025
Onyama LimbaAditya Kusko United KingdomFeiner Bros QUALIFIED06/09/2025
Onyama LimbaCosta Dilliard IndiaChapman, Ross E Esq NEW07/01/2025
Total Customers:6
Stephen Shaw
Xuxue Feng
Xuxue FengMaria Marrier ItalyCommercial Press PROPOSAL06/09/2025
Xuxue FengIzzy Garufi IndiaDorl, James J Esq NEW06/07/2025
Xuxue FengLeja Caldarera BrazilRousseaux, Michael Esq RENEWAL06/16/2025
Xuxue FengChavez Briddick FranceKing, Christopher A Esq RENEWAL06/25/2025
Xuxue FengMayumi Kolmetz GermanyKing, Christopher A Esq PROPOSAL06/08/2025
Xuxue FengJames Butt ItalyRousseaux, Michael Esq UNQUALIFIED06/24/2025
Xuxue FengSinclair Waycott SpainMorlong Associates RENEWAL06/23/2025
Total Customers:7
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerClaire Tollner AustraliaChemel, James L Cpa NEW06/30/2025
Amy ElsnerStacey Maclead FranceRousseaux, Michael Esq RENEWAL07/05/2025
Amy ElsnerJefferson Schemmer BrazilChapman, Ross E Esq NEW06/20/2025
Anna FaliAika Inouye ItalyKing, Christopher A Esq PROPOSAL06/11/2025
Anna FaliIsabel Bowley GermanyKing, Christopher A Esq PROPOSAL07/01/2025
Anna FaliArvin Albares CanadaBuckley Miller Wright RENEWAL06/06/2025
Anna FaliKaitlin Ostrosky GermanyKing, Christopher A Esq NEGOTIATION06/30/2025
Asiya JavayantJefferson Schemmer IndiaRousseaux, Michael Esq PROPOSAL06/29/2025
Asiya JavayantMaisha Rulapaugh BrazilPrinting Dimensions RENEWAL06/12/2025
Asiya JavayantSilvio Slusarski United KingdomCommercial Press RENEWAL07/02/2025
Asiya JavayantMurillo Malet CanadaMorlong Associates QUALIFIED06/12/2025
Asiya JavayantJennifer Amigon RussiaTruhlar And Truhlar Attys NEGOTIATION07/03/2025
Bernardo DominicEmily Whobrey IndiaPrinting Dimensions UNQUALIFIED07/04/2025
Bernardo DominicMayumi Kolmetz AustraliaTruhlar And Truhlar Attys NEGOTIATION06/24/2025
Bernardo DominicJennifer Amigon BrazilCommercial Press PROPOSAL06/06/2025
Bernardo DominicMayumi Kolmetz CanadaDorl, James J Esq NEGOTIATION06/23/2025
Elwin SharvillSmith Glick RussiaKing, Christopher A Esq RENEWAL06/25/2025
Elwin SharvillRicardo Gaucho CanadaDorl, James J Esq QUALIFIED06/15/2025
Ioni BowcherDavid Darakjy CanadaTruhlar And Truhlar Attys UNQUALIFIED07/05/2025
Ioni BowcherMisaki Royster GermanyDorl, James J Esq UNQUALIFIED07/04/2025
Ioni BowcherAdams Morasca IndiaKing, Christopher A Esq PROPOSAL06/22/2025
Ioni BowcherDeepesh Chui FranceCommercial Press PROPOSAL06/24/2025
Ivan MagalhaesMurillo Malet FrancePrinting Dimensions NEGOTIATION06/08/2025
Ivan MagalhaesStacey Maclead BrazilDorl, James J Esq RENEWAL06/17/2025
Onyama LimbaAika Inouye ItalyBuckley Miller Wright QUALIFIED07/03/2025
Onyama LimbaRicardo Gaucho AustraliaRousseaux, Michael Esq QUALIFIED06/14/2025
Onyama LimbaIzzy Garufi JapanChapman, Ross E Esq RENEWAL07/03/2025
Onyama LimbaAdams Morasca JapanKing, Christopher A Esq QUALIFIED06/19/2025
Onyama LimbaAditya Kusko United KingdomFeiner Bros QUALIFIED06/09/2025
Onyama LimbaCosta Dilliard IndiaChapman, Ross E Esq NEW07/01/2025
Stephen ShawSalvatore Stockham JapanDorl, James J Esq QUALIFIED06/17/2025
Stephen ShawJuan Wieser ArgentinaPrinting Dimensions QUALIFIED06/28/2025
Stephen ShawMunro Ferencz FranceCommercial Press NEW06/08/2025
Stephen ShawClifford Rim IndiaChemel, James L Cpa NEW06/09/2025
Stephen ShawLeja Caldarera AustraliaDorl, James J Esq PROPOSAL06/12/2025
Stephen ShawMurillo Malet AustraliaMorlong Associates RENEWAL06/22/2025
Stephen ShawJames Butt RussiaFeltz Printing Service PROPOSAL06/21/2025
Stephen ShawMorrow Ruta ItalyFeltz Printing Service NEW06/18/2025
Stephen ShawCody Saylors GermanyTruhlar And Truhlar Attys NEGOTIATION06/06/2025
Stephen ShawJennifer Amigon AustraliaChemel, James L Cpa RENEWAL06/26/2025
Stephen ShawStacey Maclead AustraliaFeiner Bros NEW06/18/2025
Stephen ShawSinclair Waycott RussiaFeiner Bros UNQUALIFIED06/10/2025
Stephen ShawDeepesh Chui RussiaFeiner Bros NEW06/20/2025
Xuxue FengMaria Marrier ItalyCommercial Press PROPOSAL06/09/2025
Xuxue FengIzzy Garufi IndiaDorl, James J Esq NEW06/07/2025
Xuxue FengLeja Caldarera BrazilRousseaux, Michael Esq RENEWAL06/16/2025
Xuxue FengChavez Briddick FranceKing, Christopher A Esq RENEWAL06/25/2025
Xuxue FengMayumi Kolmetz GermanyKing, Christopher A Esq PROPOSAL06/08/2025
Xuxue FengJames Butt ItalyRousseaux, Michael Esq UNQUALIFIED06/24/2025
Xuxue FengSinclair Waycott SpainMorlong Associates RENEWAL06/23/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.statusName}">#{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.statusName}">#{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>