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 ElsnerWickens Nestle AustraliaDorl, James J Esq PROPOSAL09/04/2025
Amy ElsnerGreenwood Bolognia RussiaMorlong Associates PROPOSAL08/30/2025
Total Customers:2
Anna Fali
Anna FaliFaith Gillian CanadaFeltz Printing Service NEW08/13/2025
Anna FaliLeja Caldarera ItalyPrinting Dimensions NEGOTIATION08/22/2025
Anna FaliWickens Nestle CanadaChanay, Jeffrey A Esq QUALIFIED08/24/2025
Anna FaliFaith Gillian FranceFeltz Printing Service QUALIFIED08/12/2025
Anna FaliJeanfrancois Venere SpainDorl, James J Esq PROPOSAL08/19/2025
Anna FaliJuan Wieser GermanyTruhlar And Truhlar Attys NEW09/08/2025
Total Customers:6
Asiya Javayant
Asiya JavayantJames Butt ArgentinaFeltz Printing Service RENEWAL09/07/2025
Asiya JavayantRodrigues Campain ItalyPrinting Dimensions UNQUALIFIED08/31/2025
Total Customers:2
Bernardo Dominic
Bernardo DominicMisaki Royster ArgentinaChapman, Ross E Esq RENEWAL08/16/2025
Bernardo DominicDarci Poquette United KingdomCommercial Press NEW08/21/2025
Bernardo DominicJefferson Schemmer SpainDorl, James J Esq PROPOSAL08/14/2025
Bernardo DominicSinclair Waycott ItalyFeltz Printing Service NEGOTIATION08/23/2025
Total Customers:4
Elwin Sharvill
Elwin SharvillMunro Ferencz BrazilBenton, John B Jr UNQUALIFIED09/04/2025
Elwin SharvillFrancesco Shinko CanadaTruhlar And Truhlar Attys PROPOSAL08/28/2025
Elwin SharvillKaitlin Ostrosky RussiaFeiner Bros PROPOSAL08/19/2025
Elwin SharvillKadeem Flosi United KingdomMorlong Associates RENEWAL08/15/2025
Elwin SharvillMunro Ferencz GermanyCommercial Press NEGOTIATION08/24/2025
Total Customers:5
Ioni Bowcher
Ioni BowcherChavez Briddick ArgentinaTruhlar And Truhlar Attys PROPOSAL08/26/2025
Ioni BowcherSilvio Slusarski CanadaRousseaux, Michael Esq NEGOTIATION09/09/2025
Ioni BowcherSmith Glick BrazilRousseaux, Michael Esq RENEWAL08/21/2025
Ioni BowcherKadeem Flosi IndiaChapman, Ross E Esq NEW09/05/2025
Ioni BowcherKaitlin Ostrosky IndiaFeiner Bros NEGOTIATION09/09/2025
Ioni BowcherMisaki Royster ItalyFeiner Bros RENEWAL08/31/2025
Ioni BowcherAntonio Caudy FranceRousseaux, Michael Esq NEGOTIATION08/11/2025
Total Customers:7
Ivan Magalhaes
Ivan MagalhaesIvar Paprocki United KingdomBenton, John B Jr PROPOSAL08/26/2025
Ivan MagalhaesMurillo Malet ArgentinaChemel, James L Cpa UNQUALIFIED09/03/2025
Ivan MagalhaesTony Foller ItalyFeiner Bros NEW09/07/2025
Total Customers:3
Onyama Limba
Onyama LimbaMaisha Rulapaugh ItalyChemel, James L Cpa RENEWAL09/05/2025
Onyama LimbaMujtaba Nicka United KingdomPrinting Dimensions NEGOTIATION08/31/2025
Onyama LimbaJuan Wieser ArgentinaCommercial Press NEW08/17/2025
Onyama LimbaAdams Morasca CanadaChapman, Ross E Esq NEGOTIATION08/19/2025
Onyama LimbaAdams Morasca ArgentinaFeiner Bros PROPOSAL08/18/2025
Onyama LimbaKadeem Flosi FranceBuckley Miller Wright NEW08/11/2025
Onyama LimbaAika Inouye AustraliaChemel, James L Cpa PROPOSAL08/18/2025
Onyama LimbaAshley Doe FranceDorl, James J Esq NEW09/06/2025
Total Customers:8
Stephen Shaw
Xuxue Feng
Xuxue FengStacey Maclead RussiaBenton, John B Jr PROPOSAL08/22/2025
Xuxue FengJeanfrancois Venere BrazilCommercial Press RENEWAL08/30/2025
Xuxue FengIsabel Bowley JapanRangoni Of Florence NEGOTIATION08/21/2025
Xuxue FengCody Saylors JapanCommercial Press RENEWAL09/04/2025
Xuxue FengOctavia Malet United KingdomTruhlar And Truhlar Attys QUALIFIED08/29/2025
Xuxue FengJefferson Schemmer GermanyCommercial Press UNQUALIFIED08/29/2025
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerWickens Nestle AustraliaDorl, James J Esq PROPOSAL09/04/2025
Amy ElsnerGreenwood Bolognia RussiaMorlong Associates PROPOSAL08/30/2025
Anna FaliFaith Gillian CanadaFeltz Printing Service NEW08/13/2025
Anna FaliLeja Caldarera ItalyPrinting Dimensions NEGOTIATION08/22/2025
Anna FaliWickens Nestle CanadaChanay, Jeffrey A Esq QUALIFIED08/24/2025
Anna FaliFaith Gillian FranceFeltz Printing Service QUALIFIED08/12/2025
Anna FaliJeanfrancois Venere SpainDorl, James J Esq PROPOSAL08/19/2025
Anna FaliJuan Wieser GermanyTruhlar And Truhlar Attys NEW09/08/2025
Asiya JavayantJames Butt ArgentinaFeltz Printing Service RENEWAL09/07/2025
Asiya JavayantRodrigues Campain ItalyPrinting Dimensions UNQUALIFIED08/31/2025
Bernardo DominicMisaki Royster ArgentinaChapman, Ross E Esq RENEWAL08/16/2025
Bernardo DominicDarci Poquette United KingdomCommercial Press NEW08/21/2025
Bernardo DominicJefferson Schemmer SpainDorl, James J Esq PROPOSAL08/14/2025
Bernardo DominicSinclair Waycott ItalyFeltz Printing Service NEGOTIATION08/23/2025
Elwin SharvillMunro Ferencz BrazilBenton, John B Jr UNQUALIFIED09/04/2025
Elwin SharvillFrancesco Shinko CanadaTruhlar And Truhlar Attys PROPOSAL08/28/2025
Elwin SharvillKaitlin Ostrosky RussiaFeiner Bros PROPOSAL08/19/2025
Elwin SharvillKadeem Flosi United KingdomMorlong Associates RENEWAL08/15/2025
Elwin SharvillMunro Ferencz GermanyCommercial Press NEGOTIATION08/24/2025
Ioni BowcherChavez Briddick ArgentinaTruhlar And Truhlar Attys PROPOSAL08/26/2025
Ioni BowcherSilvio Slusarski CanadaRousseaux, Michael Esq NEGOTIATION09/09/2025
Ioni BowcherSmith Glick BrazilRousseaux, Michael Esq RENEWAL08/21/2025
Ioni BowcherKadeem Flosi IndiaChapman, Ross E Esq NEW09/05/2025
Ioni BowcherKaitlin Ostrosky IndiaFeiner Bros NEGOTIATION09/09/2025
Ioni BowcherMisaki Royster ItalyFeiner Bros RENEWAL08/31/2025
Ioni BowcherAntonio Caudy FranceRousseaux, Michael Esq NEGOTIATION08/11/2025
Ivan MagalhaesIvar Paprocki United KingdomBenton, John B Jr PROPOSAL08/26/2025
Ivan MagalhaesMurillo Malet ArgentinaChemel, James L Cpa UNQUALIFIED09/03/2025
Ivan MagalhaesTony Foller ItalyFeiner Bros NEW09/07/2025
Onyama LimbaMaisha Rulapaugh ItalyChemel, James L Cpa RENEWAL09/05/2025
Onyama LimbaMujtaba Nicka United KingdomPrinting Dimensions NEGOTIATION08/31/2025
Onyama LimbaJuan Wieser ArgentinaCommercial Press NEW08/17/2025
Onyama LimbaAdams Morasca CanadaChapman, Ross E Esq NEGOTIATION08/19/2025
Onyama LimbaAdams Morasca ArgentinaFeiner Bros PROPOSAL08/18/2025
Onyama LimbaKadeem Flosi FranceBuckley Miller Wright NEW08/11/2025
Onyama LimbaAika Inouye AustraliaChemel, James L Cpa PROPOSAL08/18/2025
Onyama LimbaAshley Doe FranceDorl, James J Esq NEW09/06/2025
Stephen ShawSmith Glick AustraliaBuckley Miller Wright PROPOSAL08/21/2025
Stephen ShawAditya Kusko ItalyDorl, James J Esq UNQUALIFIED08/13/2025
Stephen ShawTony Foller RussiaRangoni Of Florence NEW09/01/2025
Stephen ShawKaitlin Ostrosky AustraliaKing, Christopher A Esq RENEWAL09/02/2025
Stephen ShawArvin Albares RussiaChemel, James L Cpa RENEWAL08/20/2025
Stephen ShawCosta Dilliard SpainChanay, Jeffrey A Esq QUALIFIED08/27/2025
Stephen ShawAika Inouye JapanRangoni Of Florence RENEWAL08/18/2025
Xuxue FengStacey Maclead RussiaBenton, John B Jr PROPOSAL08/22/2025
Xuxue FengJeanfrancois Venere BrazilCommercial Press RENEWAL08/30/2025
Xuxue FengIsabel Bowley JapanRangoni Of Florence NEGOTIATION08/21/2025
Xuxue FengCody Saylors JapanCommercial Press RENEWAL09/04/2025
Xuxue FengOctavia Malet United KingdomTruhlar And Truhlar Attys QUALIFIED08/29/2025
Xuxue FengJefferson Schemmer GermanyCommercial Press UNQUALIFIED08/29/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>