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 ElsnerJuan Wieser RussiaRousseaux, Michael Esq QUALIFIED09/07/2025
Amy ElsnerAditya Kusko United KingdomRousseaux, Michael Esq QUALIFIED08/17/2025
Total Customers:2
Anna Fali
Anna FaliMujtaba Nicka IndiaDorl, James J Esq RENEWAL08/18/2025
Anna FaliFrancesco Shinko BrazilTruhlar And Truhlar Attys NEW09/04/2025
Anna FaliRicardo Gaucho BrazilCommercial Press QUALIFIED09/06/2025
Total Customers:3
Asiya Javayant
Asiya JavayantIsabel Bowley ArgentinaRangoni Of Florence NEGOTIATION08/24/2025
Asiya JavayantGreenwood Bolognia SpainBenton, John B Jr NEW08/22/2025
Asiya JavayantCosta Dilliard SpainTruhlar And Truhlar Attys PROPOSAL08/22/2025
Asiya JavayantGreenwood Bolognia JapanBenton, John B Jr NEW08/15/2025
Asiya JavayantMunro Ferencz BrazilChapman, Ross E Esq PROPOSAL09/10/2025
Total Customers:5
Bernardo Dominic
Bernardo DominicFrancesco Shinko RussiaBenton, John B Jr NEW09/12/2025
Bernardo DominicMunro Ferencz SpainKing, Christopher A Esq UNQUALIFIED08/23/2025
Bernardo DominicDeepesh Chui FranceRousseaux, Michael Esq RENEWAL09/03/2025
Bernardo DominicJames Butt ItalyBuckley Miller Wright NEW09/06/2025
Bernardo DominicJefferson Schemmer SpainBenton, John B Jr RENEWAL08/23/2025
Bernardo DominicAdams Morasca FranceChanay, Jeffrey A Esq UNQUALIFIED08/27/2025
Bernardo DominicMurillo Malet GermanyFeiner Bros PROPOSAL09/02/2025
Total Customers:7
Elwin Sharvill
Elwin SharvillMurillo Malet ItalyBenton, John B Jr RENEWAL08/14/2025
Elwin SharvillJuan Wieser AustraliaCommercial Press RENEWAL08/14/2025
Elwin SharvillSinclair Waycott SpainRangoni Of Florence PROPOSAL08/16/2025
Elwin SharvillFaith Gillian JapanTruhlar And Truhlar Attys RENEWAL08/17/2025
Total Customers:4
Ioni Bowcher
Ioni BowcherSalvatore Stockham SpainFeiner Bros UNQUALIFIED09/09/2025
Ioni BowcherIsabel Bowley RussiaFeiner Bros NEGOTIATION09/11/2025
Ioni BowcherChavez Briddick SpainBenton, John B Jr NEW08/14/2025
Ioni BowcherSalvatore Stockham FranceCommercial Press NEGOTIATION09/05/2025
Ioni BowcherClaire Tollner SpainTruhlar And Truhlar Attys NEGOTIATION09/12/2025
Ioni BowcherJennifer Amigon IndiaFeltz Printing Service RENEWAL08/19/2025
Ioni BowcherGreenwood Bolognia SpainCommercial Press UNQUALIFIED08/20/2025
Ioni BowcherArvin Albares IndiaDorl, James J Esq QUALIFIED09/03/2025
Ioni BowcherMaisha Rulapaugh GermanyRangoni Of Florence PROPOSAL08/29/2025
Total Customers:9
Ivan Magalhaes
Ivan MagalhaesAlejandro Perin AustraliaFeltz Printing Service NEGOTIATION08/19/2025
Ivan MagalhaesChavez Briddick IndiaCommercial Press NEW08/22/2025
Ivan MagalhaesJefferson Schemmer BrazilKing, Christopher A Esq PROPOSAL08/18/2025
Ivan MagalhaesIsabel Bowley United KingdomTruhlar And Truhlar Attys PROPOSAL08/18/2025
Ivan MagalhaesRicardo Gaucho CanadaKing, Christopher A Esq RENEWAL08/22/2025
Total Customers:5
Onyama Limba
Onyama LimbaAdams Morasca ArgentinaTruhlar And Truhlar Attys NEGOTIATION09/12/2025
Onyama LimbaDarci Poquette IndiaRangoni Of Florence NEGOTIATION08/24/2025
Onyama LimbaEmily Whobrey CanadaBenton, John B Jr NEW09/08/2025
Total Customers:3
Stephen Shaw
Xuxue Feng
Xuxue FengMayumi Kolmetz United KingdomFeltz Printing Service NEGOTIATION08/24/2025
Xuxue FengDavid Darakjy IndiaRangoni Of Florence NEW08/17/2025
Xuxue FengOctavia Malet JapanRangoni Of Florence PROPOSAL08/21/2025
Xuxue FengLeja Caldarera GermanyRangoni Of Florence UNQUALIFIED08/25/2025
Xuxue FengIsabel Bowley GermanyChapman, Ross E Esq NEW09/01/2025
Xuxue FengKadeem Flosi AustraliaFeiner Bros RENEWAL09/02/2025
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerJuan Wieser RussiaRousseaux, Michael Esq QUALIFIED09/07/2025
Amy ElsnerAditya Kusko United KingdomRousseaux, Michael Esq QUALIFIED08/17/2025
Anna FaliMujtaba Nicka IndiaDorl, James J Esq RENEWAL08/18/2025
Anna FaliFrancesco Shinko BrazilTruhlar And Truhlar Attys NEW09/04/2025
Anna FaliRicardo Gaucho BrazilCommercial Press QUALIFIED09/06/2025
Asiya JavayantIsabel Bowley ArgentinaRangoni Of Florence NEGOTIATION08/24/2025
Asiya JavayantGreenwood Bolognia SpainBenton, John B Jr NEW08/22/2025
Asiya JavayantCosta Dilliard SpainTruhlar And Truhlar Attys PROPOSAL08/22/2025
Asiya JavayantGreenwood Bolognia JapanBenton, John B Jr NEW08/15/2025
Asiya JavayantMunro Ferencz BrazilChapman, Ross E Esq PROPOSAL09/10/2025
Bernardo DominicFrancesco Shinko RussiaBenton, John B Jr NEW09/12/2025
Bernardo DominicMunro Ferencz SpainKing, Christopher A Esq UNQUALIFIED08/23/2025
Bernardo DominicDeepesh Chui FranceRousseaux, Michael Esq RENEWAL09/03/2025
Bernardo DominicJames Butt ItalyBuckley Miller Wright NEW09/06/2025
Bernardo DominicJefferson Schemmer SpainBenton, John B Jr RENEWAL08/23/2025
Bernardo DominicAdams Morasca FranceChanay, Jeffrey A Esq UNQUALIFIED08/27/2025
Bernardo DominicMurillo Malet GermanyFeiner Bros PROPOSAL09/02/2025
Elwin SharvillMurillo Malet ItalyBenton, John B Jr RENEWAL08/14/2025
Elwin SharvillJuan Wieser AustraliaCommercial Press RENEWAL08/14/2025
Elwin SharvillSinclair Waycott SpainRangoni Of Florence PROPOSAL08/16/2025
Elwin SharvillFaith Gillian JapanTruhlar And Truhlar Attys RENEWAL08/17/2025
Ioni BowcherSalvatore Stockham SpainFeiner Bros UNQUALIFIED09/09/2025
Ioni BowcherIsabel Bowley RussiaFeiner Bros NEGOTIATION09/11/2025
Ioni BowcherChavez Briddick SpainBenton, John B Jr NEW08/14/2025
Ioni BowcherSalvatore Stockham FranceCommercial Press NEGOTIATION09/05/2025
Ioni BowcherClaire Tollner SpainTruhlar And Truhlar Attys NEGOTIATION09/12/2025
Ioni BowcherJennifer Amigon IndiaFeltz Printing Service RENEWAL08/19/2025
Ioni BowcherGreenwood Bolognia SpainCommercial Press UNQUALIFIED08/20/2025
Ioni BowcherArvin Albares IndiaDorl, James J Esq QUALIFIED09/03/2025
Ioni BowcherMaisha Rulapaugh GermanyRangoni Of Florence PROPOSAL08/29/2025
Ivan MagalhaesAlejandro Perin AustraliaFeltz Printing Service NEGOTIATION08/19/2025
Ivan MagalhaesChavez Briddick IndiaCommercial Press NEW08/22/2025
Ivan MagalhaesJefferson Schemmer BrazilKing, Christopher A Esq PROPOSAL08/18/2025
Ivan MagalhaesIsabel Bowley United KingdomTruhlar And Truhlar Attys PROPOSAL08/18/2025
Ivan MagalhaesRicardo Gaucho CanadaKing, Christopher A Esq RENEWAL08/22/2025
Onyama LimbaAdams Morasca ArgentinaTruhlar And Truhlar Attys NEGOTIATION09/12/2025
Onyama LimbaDarci Poquette IndiaRangoni Of Florence NEGOTIATION08/24/2025
Onyama LimbaEmily Whobrey CanadaBenton, John B Jr NEW09/08/2025
Stephen ShawJulie Stenseth FranceChapman, Ross E Esq QUALIFIED08/17/2025
Stephen ShawJones Vocelka ArgentinaTruhlar And Truhlar Attys PROPOSAL08/24/2025
Stephen ShawOctavia Malet United KingdomFeiner Bros PROPOSAL08/25/2025
Stephen ShawClifford Rim IndiaChemel, James L Cpa QUALIFIED08/14/2025
Stephen ShawIsabel Bowley CanadaPrinting Dimensions QUALIFIED08/26/2025
Stephen ShawIvar Paprocki FranceBenton, John B Jr NEW08/17/2025
Xuxue FengMayumi Kolmetz United KingdomFeltz Printing Service NEGOTIATION08/24/2025
Xuxue FengDavid Darakjy IndiaRangoni Of Florence NEW08/17/2025
Xuxue FengOctavia Malet JapanRangoni Of Florence PROPOSAL08/21/2025
Xuxue FengLeja Caldarera GermanyRangoni Of Florence UNQUALIFIED08/25/2025
Xuxue FengIsabel Bowley GermanyChapman, Ross E Esq NEW09/01/2025
Xuxue FengKadeem Flosi AustraliaFeiner Bros RENEWAL09/02/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>