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 ElsnerDavid Darakjy RussiaCommercial Press NEW10/01/2025
Amy ElsnerCosta Dilliard ArgentinaChapman, Ross E Esq PROPOSAL09/30/2025
Amy ElsnerFaith Gillian JapanCommercial Press RENEWAL09/27/2025
Amy ElsnerSalvatore Stockham RussiaKing, Christopher A Esq PROPOSAL10/16/2025
Amy ElsnerRodrigues Campain IndiaDorl, James J Esq NEGOTIATION10/17/2025
Total Customers:5
Anna Fali
Anna FaliAruna Figeroa ArgentinaChapman, Ross E Esq RENEWAL10/02/2025
Anna FaliSinclair Waycott United KingdomChanay, Jeffrey A Esq NEGOTIATION10/16/2025
Anna FaliSalvatore Stockham IndiaChemel, James L Cpa RENEWAL09/30/2025
Anna FaliRodrigues Campain AustraliaFeltz Printing Service RENEWAL10/20/2025
Anna FaliJennifer Amigon ItalyBuckley Miller Wright RENEWAL10/16/2025
Total Customers:5
Asiya Javayant
Asiya JavayantStacey Maclead JapanFeiner Bros NEGOTIATION10/08/2025
Asiya JavayantSmith Glick ItalyMorlong Associates RENEWAL10/20/2025
Asiya JavayantEmily Whobrey BrazilTruhlar And Truhlar Attys UNQUALIFIED10/14/2025
Asiya JavayantNicolas Iturbide ArgentinaBenton, John B Jr RENEWAL09/24/2025
Asiya JavayantMaisha Rulapaugh ArgentinaTruhlar And Truhlar Attys NEGOTIATION09/24/2025
Asiya JavayantJeanfrancois Venere United KingdomTruhlar And Truhlar Attys NEW10/13/2025
Asiya JavayantNicolas Iturbide JapanChapman, Ross E Esq UNQUALIFIED10/06/2025
Asiya JavayantMisaki Royster AustraliaChemel, James L Cpa QUALIFIED09/21/2025
Total Customers:8
Bernardo Dominic
Bernardo DominicWickens Nestle BrazilFeltz Printing Service UNQUALIFIED10/17/2025
Bernardo DominicMujtaba Nicka CanadaDorl, James J Esq NEGOTIATION09/22/2025
Bernardo DominicKadeem Flosi RussiaFeltz Printing Service UNQUALIFIED09/29/2025
Bernardo DominicMunro Ferencz CanadaChanay, Jeffrey A Esq PROPOSAL09/27/2025
Bernardo DominicDavid Darakjy IndiaChemel, James L Cpa PROPOSAL10/16/2025
Bernardo DominicAdams Morasca FranceChapman, Ross E Esq PROPOSAL09/28/2025
Bernardo DominicDeepesh Chui RussiaChanay, Jeffrey A Esq QUALIFIED10/19/2025
Total Customers:7
Elwin Sharvill
Elwin SharvillSinclair Waycott United KingdomKing, Christopher A Esq PROPOSAL10/07/2025
Total Customers:1
Ioni Bowcher
Ioni BowcherAruna Figeroa AustraliaChanay, Jeffrey A Esq QUALIFIED10/17/2025
Ioni BowcherAdams Morasca JapanPrinting Dimensions NEW09/26/2025
Ioni BowcherIvar Paprocki FranceChemel, James L Cpa PROPOSAL09/27/2025
Ioni BowcherJeanfrancois Venere RussiaDorl, James J Esq RENEWAL10/05/2025
Ioni BowcherIsabel Bowley IndiaFeltz Printing Service RENEWAL10/05/2025
Ioni BowcherChavez Briddick IndiaFeiner Bros UNQUALIFIED10/06/2025
Ioni BowcherIsabel Bowley IndiaRangoni Of Florence NEW10/15/2025
Total Customers:7
Ivan Magalhaes
Ivan MagalhaesJefferson Schemmer JapanRousseaux, Michael Esq PROPOSAL10/15/2025
Ivan MagalhaesIvar Paprocki United KingdomTruhlar And Truhlar Attys PROPOSAL09/30/2025
Ivan MagalhaesJefferson Schemmer GermanyCommercial Press NEW10/10/2025
Ivan MagalhaesJones Vocelka JapanChanay, Jeffrey A Esq NEGOTIATION09/29/2025
Ivan MagalhaesIvar Paprocki AustraliaBenton, John B Jr PROPOSAL10/03/2025
Total Customers:5
Onyama Limba
Onyama LimbaAika Inouye SpainDorl, James J Esq RENEWAL09/22/2025
Onyama LimbaLeon Oldroyd GermanyMorlong Associates NEGOTIATION10/17/2025
Onyama LimbaAntonio Caudy IndiaRousseaux, Michael Esq QUALIFIED09/22/2025
Onyama LimbaMayumi Kolmetz GermanyBuckley Miller Wright NEGOTIATION10/01/2025
Onyama LimbaEmily Whobrey ItalyChanay, Jeffrey A Esq UNQUALIFIED10/04/2025
Total Customers:5
Stephen Shaw
Xuxue Feng
Xuxue FengAlejandro Perin CanadaChanay, Jeffrey A Esq UNQUALIFIED10/18/2025
Xuxue FengFrancesco Shinko GermanyTruhlar And Truhlar Attys RENEWAL09/28/2025
Xuxue FengRodrigues Campain BrazilTruhlar And Truhlar Attys RENEWAL09/21/2025
Xuxue FengSalvatore Stockham RussiaFeiner Bros UNQUALIFIED10/09/2025
Total Customers:4
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerDavid Darakjy RussiaCommercial Press NEW10/01/2025
Amy ElsnerCosta Dilliard ArgentinaChapman, Ross E Esq PROPOSAL09/30/2025
Amy ElsnerFaith Gillian JapanCommercial Press RENEWAL09/27/2025
Amy ElsnerSalvatore Stockham RussiaKing, Christopher A Esq PROPOSAL10/16/2025
Amy ElsnerRodrigues Campain IndiaDorl, James J Esq NEGOTIATION10/17/2025
Anna FaliAruna Figeroa ArgentinaChapman, Ross E Esq RENEWAL10/02/2025
Anna FaliSinclair Waycott United KingdomChanay, Jeffrey A Esq NEGOTIATION10/16/2025
Anna FaliSalvatore Stockham IndiaChemel, James L Cpa RENEWAL09/30/2025
Anna FaliRodrigues Campain AustraliaFeltz Printing Service RENEWAL10/20/2025
Anna FaliJennifer Amigon ItalyBuckley Miller Wright RENEWAL10/16/2025
Asiya JavayantStacey Maclead JapanFeiner Bros NEGOTIATION10/08/2025
Asiya JavayantSmith Glick ItalyMorlong Associates RENEWAL10/20/2025
Asiya JavayantEmily Whobrey BrazilTruhlar And Truhlar Attys UNQUALIFIED10/14/2025
Asiya JavayantNicolas Iturbide ArgentinaBenton, John B Jr RENEWAL09/24/2025
Asiya JavayantMaisha Rulapaugh ArgentinaTruhlar And Truhlar Attys NEGOTIATION09/24/2025
Asiya JavayantJeanfrancois Venere United KingdomTruhlar And Truhlar Attys NEW10/13/2025
Asiya JavayantNicolas Iturbide JapanChapman, Ross E Esq UNQUALIFIED10/06/2025
Asiya JavayantMisaki Royster AustraliaChemel, James L Cpa QUALIFIED09/21/2025
Bernardo DominicWickens Nestle BrazilFeltz Printing Service UNQUALIFIED10/17/2025
Bernardo DominicMujtaba Nicka CanadaDorl, James J Esq NEGOTIATION09/22/2025
Bernardo DominicKadeem Flosi RussiaFeltz Printing Service UNQUALIFIED09/29/2025
Bernardo DominicMunro Ferencz CanadaChanay, Jeffrey A Esq PROPOSAL09/27/2025
Bernardo DominicDavid Darakjy IndiaChemel, James L Cpa PROPOSAL10/16/2025
Bernardo DominicAdams Morasca FranceChapman, Ross E Esq PROPOSAL09/28/2025
Bernardo DominicDeepesh Chui RussiaChanay, Jeffrey A Esq QUALIFIED10/19/2025
Elwin SharvillSinclair Waycott United KingdomKing, Christopher A Esq PROPOSAL10/07/2025
Ioni BowcherAruna Figeroa AustraliaChanay, Jeffrey A Esq QUALIFIED10/17/2025
Ioni BowcherAdams Morasca JapanPrinting Dimensions NEW09/26/2025
Ioni BowcherIvar Paprocki FranceChemel, James L Cpa PROPOSAL09/27/2025
Ioni BowcherJeanfrancois Venere RussiaDorl, James J Esq RENEWAL10/05/2025
Ioni BowcherIsabel Bowley IndiaFeltz Printing Service RENEWAL10/05/2025
Ioni BowcherChavez Briddick IndiaFeiner Bros UNQUALIFIED10/06/2025
Ioni BowcherIsabel Bowley IndiaRangoni Of Florence NEW10/15/2025
Ivan MagalhaesJefferson Schemmer JapanRousseaux, Michael Esq PROPOSAL10/15/2025
Ivan MagalhaesIvar Paprocki United KingdomTruhlar And Truhlar Attys PROPOSAL09/30/2025
Ivan MagalhaesJefferson Schemmer GermanyCommercial Press NEW10/10/2025
Ivan MagalhaesJones Vocelka JapanChanay, Jeffrey A Esq NEGOTIATION09/29/2025
Ivan MagalhaesIvar Paprocki AustraliaBenton, John B Jr PROPOSAL10/03/2025
Onyama LimbaAika Inouye SpainDorl, James J Esq RENEWAL09/22/2025
Onyama LimbaLeon Oldroyd GermanyMorlong Associates NEGOTIATION10/17/2025
Onyama LimbaAntonio Caudy IndiaRousseaux, Michael Esq QUALIFIED09/22/2025
Onyama LimbaMayumi Kolmetz GermanyBuckley Miller Wright NEGOTIATION10/01/2025
Onyama LimbaEmily Whobrey ItalyChanay, Jeffrey A Esq UNQUALIFIED10/04/2025
Stephen ShawDarci Poquette RussiaCommercial Press RENEWAL10/01/2025
Stephen ShawStacey Maclead CanadaBenton, John B Jr RENEWAL09/21/2025
Stephen ShawRicardo Gaucho SpainChemel, James L Cpa NEW10/03/2025
Xuxue FengAlejandro Perin CanadaChanay, Jeffrey A Esq UNQUALIFIED10/18/2025
Xuxue FengFrancesco Shinko GermanyTruhlar And Truhlar Attys RENEWAL09/28/2025
Xuxue FengRodrigues Campain BrazilTruhlar And Truhlar Attys RENEWAL09/21/2025
Xuxue FengSalvatore Stockham RussiaFeiner Bros UNQUALIFIED10/09/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>