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 ElsnerSalvatore Stockham ArgentinaDorl, James J Esq PROPOSAL04/09/2026
Amy ElsnerJohnson Sergi SpainPrinting Dimensions UNQUALIFIED04/17/2026
Amy ElsnerMayumi Kolmetz GermanyFeltz Printing Service RENEWAL04/15/2026
Amy ElsnerJennifer Amigon GermanyFeiner Bros RENEWAL04/20/2026
Amy ElsnerAlejandro Perin AustraliaChapman, Ross E Esq UNQUALIFIED04/17/2026
Total Customers:5
Anna Fali
Anna FaliFrancesco Shinko ArgentinaChapman, Ross E Esq UNQUALIFIED04/02/2026
Anna FaliIvar Paprocki RussiaFeiner Bros QUALIFIED04/09/2026
Anna FaliAruna Figeroa AustraliaBuckley Miller Wright RENEWAL04/19/2026
Anna FaliMujtaba Nicka United KingdomCommercial Press NEGOTIATION04/10/2026
Anna FaliRodrigues Campain FranceKing, Christopher A Esq PROPOSAL04/25/2026
Total Customers:5
Asiya Javayant
Asiya JavayantCody Saylors SpainKing, Christopher A Esq UNQUALIFIED03/31/2026
Asiya JavayantAdams Morasca GermanyBuckley Miller Wright NEGOTIATION04/14/2026
Asiya JavayantIsabel Bowley ItalyFeltz Printing Service RENEWAL04/11/2026
Asiya JavayantLeon Oldroyd BrazilTruhlar And Truhlar Attys RENEWAL04/14/2026
Asiya JavayantJennifer Amigon IndiaKing, Christopher A Esq QUALIFIED04/14/2026
Asiya JavayantLeon Oldroyd RussiaDorl, James J Esq QUALIFIED04/10/2026
Asiya JavayantKadeem Flosi BrazilBuckley Miller Wright NEGOTIATION04/13/2026
Asiya JavayantAditya Kusko ArgentinaTruhlar And Truhlar Attys NEGOTIATION03/27/2026
Asiya JavayantJeanfrancois Venere IndiaPrinting Dimensions QUALIFIED04/18/2026
Total Customers:9
Bernardo Dominic
Bernardo DominicClaire Tollner IndiaChemel, James L Cpa UNQUALIFIED04/19/2026
Bernardo DominicCody Saylors FranceBenton, John B Jr PROPOSAL04/15/2026
Bernardo DominicJuan Wieser RussiaRangoni Of Florence QUALIFIED04/09/2026
Bernardo DominicRicardo Gaucho AustraliaChapman, Ross E Esq PROPOSAL03/28/2026
Total Customers:4
Elwin Sharvill
Elwin SharvillSinclair Waycott CanadaFeltz Printing Service PROPOSAL03/29/2026
Elwin SharvillKaitlin Ostrosky JapanKing, Christopher A Esq UNQUALIFIED04/01/2026
Elwin SharvillAruna Figeroa FranceDorl, James J Esq PROPOSAL03/27/2026
Elwin SharvillAntonio Caudy FranceFeltz Printing Service PROPOSAL04/06/2026
Elwin SharvillMaisha Rulapaugh United KingdomPrinting Dimensions QUALIFIED04/08/2026
Elwin SharvillAika Inouye AustraliaChapman, Ross E Esq UNQUALIFIED04/13/2026
Total Customers:6
Ioni Bowcher
Ioni BowcherAruna Figeroa BrazilBuckley Miller Wright NEGOTIATION04/15/2026
Ioni BowcherIsabel Bowley AustraliaRousseaux, Michael Esq QUALIFIED03/31/2026
Ioni BowcherEmily Whobrey ArgentinaCommercial Press QUALIFIED04/18/2026
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesJefferson Schemmer JapanTruhlar And Truhlar Attys NEGOTIATION04/15/2026
Ivan MagalhaesMaisha Rulapaugh ArgentinaRousseaux, Michael Esq PROPOSAL04/07/2026
Ivan MagalhaesIvar Paprocki FranceChapman, Ross E Esq UNQUALIFIED04/08/2026
Ivan MagalhaesMaria Marrier ArgentinaChemel, James L Cpa PROPOSAL03/27/2026
Ivan MagalhaesMisaki Royster AustraliaChapman, Ross E Esq PROPOSAL04/19/2026
Total Customers:5
Onyama Limba
Onyama LimbaMujtaba Nicka CanadaChemel, James L Cpa UNQUALIFIED04/12/2026
Onyama LimbaMayumi Kolmetz RussiaRousseaux, Michael Esq NEGOTIATION03/27/2026
Onyama LimbaDarci Poquette SpainCommercial Press QUALIFIED04/12/2026
Total Customers:3
Stephen Shaw
Xuxue Feng
Xuxue FengOctavia Malet BrazilFeiner Bros UNQUALIFIED04/24/2026
Xuxue FengFaith Gillian RussiaMorlong Associates PROPOSAL04/11/2026
Xuxue FengDavid Darakjy CanadaChapman, Ross E Esq UNQUALIFIED04/07/2026
Xuxue FengKadeem Flosi BrazilChemel, James L Cpa NEGOTIATION04/24/2026
Xuxue FengSilvio Slusarski CanadaRousseaux, Michael Esq UNQUALIFIED04/20/2026
Total Customers:5
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerSalvatore Stockham ArgentinaDorl, James J Esq PROPOSAL04/09/2026
Amy ElsnerJohnson Sergi SpainPrinting Dimensions UNQUALIFIED04/17/2026
Amy ElsnerMayumi Kolmetz GermanyFeltz Printing Service RENEWAL04/15/2026
Amy ElsnerJennifer Amigon GermanyFeiner Bros RENEWAL04/20/2026
Amy ElsnerAlejandro Perin AustraliaChapman, Ross E Esq UNQUALIFIED04/17/2026
Anna FaliFrancesco Shinko ArgentinaChapman, Ross E Esq UNQUALIFIED04/02/2026
Anna FaliIvar Paprocki RussiaFeiner Bros QUALIFIED04/09/2026
Anna FaliAruna Figeroa AustraliaBuckley Miller Wright RENEWAL04/19/2026
Anna FaliMujtaba Nicka United KingdomCommercial Press NEGOTIATION04/10/2026
Anna FaliRodrigues Campain FranceKing, Christopher A Esq PROPOSAL04/25/2026
Asiya JavayantCody Saylors SpainKing, Christopher A Esq UNQUALIFIED03/31/2026
Asiya JavayantAdams Morasca GermanyBuckley Miller Wright NEGOTIATION04/14/2026
Asiya JavayantIsabel Bowley ItalyFeltz Printing Service RENEWAL04/11/2026
Asiya JavayantLeon Oldroyd BrazilTruhlar And Truhlar Attys RENEWAL04/14/2026
Asiya JavayantJennifer Amigon IndiaKing, Christopher A Esq QUALIFIED04/14/2026
Asiya JavayantLeon Oldroyd RussiaDorl, James J Esq QUALIFIED04/10/2026
Asiya JavayantKadeem Flosi BrazilBuckley Miller Wright NEGOTIATION04/13/2026
Asiya JavayantAditya Kusko ArgentinaTruhlar And Truhlar Attys NEGOTIATION03/27/2026
Asiya JavayantJeanfrancois Venere IndiaPrinting Dimensions QUALIFIED04/18/2026
Bernardo DominicClaire Tollner IndiaChemel, James L Cpa UNQUALIFIED04/19/2026
Bernardo DominicCody Saylors FranceBenton, John B Jr PROPOSAL04/15/2026
Bernardo DominicJuan Wieser RussiaRangoni Of Florence QUALIFIED04/09/2026
Bernardo DominicRicardo Gaucho AustraliaChapman, Ross E Esq PROPOSAL03/28/2026
Elwin SharvillSinclair Waycott CanadaFeltz Printing Service PROPOSAL03/29/2026
Elwin SharvillKaitlin Ostrosky JapanKing, Christopher A Esq UNQUALIFIED04/01/2026
Elwin SharvillAruna Figeroa FranceDorl, James J Esq PROPOSAL03/27/2026
Elwin SharvillAntonio Caudy FranceFeltz Printing Service PROPOSAL04/06/2026
Elwin SharvillMaisha Rulapaugh United KingdomPrinting Dimensions QUALIFIED04/08/2026
Elwin SharvillAika Inouye AustraliaChapman, Ross E Esq UNQUALIFIED04/13/2026
Ioni BowcherAruna Figeroa BrazilBuckley Miller Wright NEGOTIATION04/15/2026
Ioni BowcherIsabel Bowley AustraliaRousseaux, Michael Esq QUALIFIED03/31/2026
Ioni BowcherEmily Whobrey ArgentinaCommercial Press QUALIFIED04/18/2026
Ivan MagalhaesJefferson Schemmer JapanTruhlar And Truhlar Attys NEGOTIATION04/15/2026
Ivan MagalhaesMaisha Rulapaugh ArgentinaRousseaux, Michael Esq PROPOSAL04/07/2026
Ivan MagalhaesIvar Paprocki FranceChapman, Ross E Esq UNQUALIFIED04/08/2026
Ivan MagalhaesMaria Marrier ArgentinaChemel, James L Cpa PROPOSAL03/27/2026
Ivan MagalhaesMisaki Royster AustraliaChapman, Ross E Esq PROPOSAL04/19/2026
Onyama LimbaMujtaba Nicka CanadaChemel, James L Cpa UNQUALIFIED04/12/2026
Onyama LimbaMayumi Kolmetz RussiaRousseaux, Michael Esq NEGOTIATION03/27/2026
Onyama LimbaDarci Poquette SpainCommercial Press QUALIFIED04/12/2026
Stephen ShawMayumi Kolmetz United KingdomMorlong Associates QUALIFIED04/10/2026
Stephen ShawKaitlin Ostrosky ArgentinaRangoni Of Florence RENEWAL04/11/2026
Stephen ShawIsabel Bowley IndiaKing, Christopher A Esq NEGOTIATION04/22/2026
Stephen ShawAshley Doe AustraliaKing, Christopher A Esq UNQUALIFIED04/09/2026
Stephen ShawLeja Caldarera AustraliaRangoni Of Florence UNQUALIFIED03/30/2026
Xuxue FengOctavia Malet BrazilFeiner Bros UNQUALIFIED04/24/2026
Xuxue FengFaith Gillian RussiaMorlong Associates PROPOSAL04/11/2026
Xuxue FengDavid Darakjy CanadaChapman, Ross E Esq UNQUALIFIED04/07/2026
Xuxue FengKadeem Flosi BrazilChemel, James L Cpa NEGOTIATION04/24/2026
Xuxue FengSilvio Slusarski CanadaRousseaux, Michael Esq UNQUALIFIED04/20/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.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>