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 ElsnerSinclair Waycott RussiaFeiner Bros QUALIFIED07/20/2025
Amy ElsnerLeja Caldarera IndiaChapman, Ross E Esq QUALIFIED07/21/2025
Amy ElsnerDavid Darakjy ItalyCommercial Press NEGOTIATION07/21/2025
Amy ElsnerAshley Doe RussiaFeiner Bros NEW07/28/2025
Total Customers:4
Anna Fali
Anna FaliSmith Glick CanadaTruhlar And Truhlar Attys PROPOSAL07/22/2025
Anna FaliMaisha Rulapaugh JapanCommercial Press UNQUALIFIED08/13/2025
Anna FaliOctavia Malet ArgentinaPrinting Dimensions PROPOSAL08/07/2025
Anna FaliSalvatore Stockham ArgentinaChapman, Ross E Esq PROPOSAL08/11/2025
Anna FaliJefferson Schemmer SpainBuckley Miller Wright PROPOSAL07/20/2025
Anna FaliCody Saylors AustraliaRangoni Of Florence PROPOSAL08/05/2025
Anna FaliClaire Tollner ItalyTruhlar And Truhlar Attys RENEWAL07/26/2025
Anna FaliMujtaba Nicka RussiaDorl, James J Esq PROPOSAL07/25/2025
Total Customers:8
Asiya Javayant
Asiya JavayantMunro Ferencz JapanTruhlar And Truhlar Attys UNQUALIFIED08/07/2025
Asiya JavayantDavid Darakjy FranceDorl, James J Esq UNQUALIFIED08/11/2025
Asiya JavayantMayumi Kolmetz FranceBuckley Miller Wright PROPOSAL07/29/2025
Asiya JavayantIvar Paprocki IndiaChanay, Jeffrey A Esq NEGOTIATION07/25/2025
Asiya JavayantMurillo Malet FrancePrinting Dimensions NEW07/28/2025
Asiya JavayantMunro Ferencz RussiaCommercial Press PROPOSAL08/13/2025
Total Customers:6
Bernardo Dominic
Bernardo DominicSilvio Slusarski JapanDorl, James J Esq QUALIFIED08/17/2025
Bernardo DominicDeepesh Chui United KingdomChapman, Ross E Esq NEW08/10/2025
Bernardo DominicJefferson Schemmer GermanyDorl, James J Esq RENEWAL07/21/2025
Bernardo DominicJefferson Schemmer United KingdomChemel, James L Cpa PROPOSAL07/23/2025
Bernardo DominicMayumi Kolmetz RussiaPrinting Dimensions UNQUALIFIED08/17/2025
Bernardo DominicDavid Darakjy CanadaMorlong Associates RENEWAL07/28/2025
Total Customers:6
Elwin Sharvill
Elwin SharvillIvar Paprocki United KingdomDorl, James J Esq PROPOSAL07/23/2025
Elwin SharvillJones Vocelka BrazilMorlong Associates NEW07/21/2025
Elwin SharvillMisaki Royster ItalyCommercial Press PROPOSAL07/21/2025
Elwin SharvillEmily Whobrey SpainDorl, James J Esq NEW07/27/2025
Elwin SharvillMurillo Malet ArgentinaRousseaux, Michael Esq RENEWAL07/21/2025
Total Customers:5
Ioni Bowcher
Ioni BowcherLeon Oldroyd ArgentinaChemel, James L Cpa RENEWAL08/08/2025
Total Customers:1
Ivan Magalhaes
Ivan MagalhaesSmith Glick FranceRousseaux, Michael Esq NEW08/17/2025
Ivan MagalhaesIsabel Bowley GermanyRousseaux, Michael Esq UNQUALIFIED07/31/2025
Ivan MagalhaesGreenwood Bolognia ArgentinaDorl, James J Esq PROPOSAL08/02/2025
Ivan MagalhaesIzzy Garufi IndiaMorlong Associates NEW08/05/2025
Ivan MagalhaesDarci Poquette United KingdomRangoni Of Florence RENEWAL07/29/2025
Ivan MagalhaesJennifer Amigon AustraliaKing, Christopher A Esq NEGOTIATION07/31/2025
Ivan MagalhaesStacey Maclead AustraliaRousseaux, Michael Esq NEGOTIATION07/22/2025
Total Customers:7
Onyama Limba
Onyama LimbaCosta Dilliard AustraliaRousseaux, Michael Esq UNQUALIFIED08/16/2025
Onyama LimbaAruna Figeroa BrazilKing, Christopher A Esq NEW08/18/2025
Onyama LimbaWickens Nestle CanadaPrinting Dimensions NEW08/11/2025
Onyama LimbaKaitlin Ostrosky RussiaFeltz Printing Service NEW08/10/2025
Onyama LimbaFrancesco Shinko SpainKing, Christopher A Esq NEGOTIATION08/03/2025
Onyama LimbaMaisha Rulapaugh BrazilChapman, Ross E Esq PROPOSAL08/14/2025
Onyama LimbaJefferson Schemmer ItalyFeltz Printing Service QUALIFIED08/08/2025
Onyama LimbaFaith Gillian ArgentinaChapman, Ross E Esq QUALIFIED07/23/2025
Total Customers:8
Stephen Shaw
Xuxue Feng
Xuxue FengDarci Poquette JapanChanay, Jeffrey A Esq UNQUALIFIED08/18/2025
Xuxue FengAlejandro Perin United KingdomBuckley Miller Wright NEW07/24/2025
Xuxue FengDavid Darakjy GermanyFeiner Bros RENEWAL08/11/2025
Xuxue FengAdams Morasca SpainBenton, John B Jr QUALIFIED08/11/2025
Total Customers:4
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerSinclair Waycott RussiaFeiner Bros QUALIFIED07/20/2025
Amy ElsnerLeja Caldarera IndiaChapman, Ross E Esq QUALIFIED07/21/2025
Amy ElsnerDavid Darakjy ItalyCommercial Press NEGOTIATION07/21/2025
Amy ElsnerAshley Doe RussiaFeiner Bros NEW07/28/2025
Anna FaliSmith Glick CanadaTruhlar And Truhlar Attys PROPOSAL07/22/2025
Anna FaliMaisha Rulapaugh JapanCommercial Press UNQUALIFIED08/13/2025
Anna FaliOctavia Malet ArgentinaPrinting Dimensions PROPOSAL08/07/2025
Anna FaliSalvatore Stockham ArgentinaChapman, Ross E Esq PROPOSAL08/11/2025
Anna FaliJefferson Schemmer SpainBuckley Miller Wright PROPOSAL07/20/2025
Anna FaliCody Saylors AustraliaRangoni Of Florence PROPOSAL08/05/2025
Anna FaliClaire Tollner ItalyTruhlar And Truhlar Attys RENEWAL07/26/2025
Anna FaliMujtaba Nicka RussiaDorl, James J Esq PROPOSAL07/25/2025
Asiya JavayantMunro Ferencz JapanTruhlar And Truhlar Attys UNQUALIFIED08/07/2025
Asiya JavayantDavid Darakjy FranceDorl, James J Esq UNQUALIFIED08/11/2025
Asiya JavayantMayumi Kolmetz FranceBuckley Miller Wright PROPOSAL07/29/2025
Asiya JavayantIvar Paprocki IndiaChanay, Jeffrey A Esq NEGOTIATION07/25/2025
Asiya JavayantMurillo Malet FrancePrinting Dimensions NEW07/28/2025
Asiya JavayantMunro Ferencz RussiaCommercial Press PROPOSAL08/13/2025
Bernardo DominicSilvio Slusarski JapanDorl, James J Esq QUALIFIED08/17/2025
Bernardo DominicDeepesh Chui United KingdomChapman, Ross E Esq NEW08/10/2025
Bernardo DominicJefferson Schemmer GermanyDorl, James J Esq RENEWAL07/21/2025
Bernardo DominicJefferson Schemmer United KingdomChemel, James L Cpa PROPOSAL07/23/2025
Bernardo DominicMayumi Kolmetz RussiaPrinting Dimensions UNQUALIFIED08/17/2025
Bernardo DominicDavid Darakjy CanadaMorlong Associates RENEWAL07/28/2025
Elwin SharvillIvar Paprocki United KingdomDorl, James J Esq PROPOSAL07/23/2025
Elwin SharvillJones Vocelka BrazilMorlong Associates NEW07/21/2025
Elwin SharvillMisaki Royster ItalyCommercial Press PROPOSAL07/21/2025
Elwin SharvillEmily Whobrey SpainDorl, James J Esq NEW07/27/2025
Elwin SharvillMurillo Malet ArgentinaRousseaux, Michael Esq RENEWAL07/21/2025
Ioni BowcherLeon Oldroyd ArgentinaChemel, James L Cpa RENEWAL08/08/2025
Ivan MagalhaesSmith Glick FranceRousseaux, Michael Esq NEW08/17/2025
Ivan MagalhaesIsabel Bowley GermanyRousseaux, Michael Esq UNQUALIFIED07/31/2025
Ivan MagalhaesGreenwood Bolognia ArgentinaDorl, James J Esq PROPOSAL08/02/2025
Ivan MagalhaesIzzy Garufi IndiaMorlong Associates NEW08/05/2025
Ivan MagalhaesDarci Poquette United KingdomRangoni Of Florence RENEWAL07/29/2025
Ivan MagalhaesJennifer Amigon AustraliaKing, Christopher A Esq NEGOTIATION07/31/2025
Ivan MagalhaesStacey Maclead AustraliaRousseaux, Michael Esq NEGOTIATION07/22/2025
Onyama LimbaCosta Dilliard AustraliaRousseaux, Michael Esq UNQUALIFIED08/16/2025
Onyama LimbaAruna Figeroa BrazilKing, Christopher A Esq NEW08/18/2025
Onyama LimbaWickens Nestle CanadaPrinting Dimensions NEW08/11/2025
Onyama LimbaKaitlin Ostrosky RussiaFeltz Printing Service NEW08/10/2025
Onyama LimbaFrancesco Shinko SpainKing, Christopher A Esq NEGOTIATION08/03/2025
Onyama LimbaMaisha Rulapaugh BrazilChapman, Ross E Esq PROPOSAL08/14/2025
Onyama LimbaJefferson Schemmer ItalyFeltz Printing Service QUALIFIED08/08/2025
Onyama LimbaFaith Gillian ArgentinaChapman, Ross E Esq QUALIFIED07/23/2025
Stephen ShawRicardo Gaucho United KingdomRangoni Of Florence NEGOTIATION08/11/2025
Xuxue FengDarci Poquette JapanChanay, Jeffrey A Esq UNQUALIFIED08/18/2025
Xuxue FengAlejandro Perin United KingdomBuckley Miller Wright NEW07/24/2025
Xuxue FengDavid Darakjy GermanyFeiner Bros RENEWAL08/11/2025
Xuxue FengAdams Morasca SpainBenton, John B Jr QUALIFIED08/11/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>