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 ElsnerJulie Stenseth United KingdomChanay, Jeffrey A Esq RENEWAL09/28/2025
Amy ElsnerRodrigues Campain United KingdomPrinting Dimensions NEGOTIATION10/08/2025
Amy ElsnerSmith Glick GermanyMorlong Associates QUALIFIED09/15/2025
Amy ElsnerNicolas Iturbide BrazilMorlong Associates RENEWAL09/26/2025
Amy ElsnerJohnson Sergi GermanyBuckley Miller Wright RENEWAL09/27/2025
Total Customers:5
Anna Fali
Anna FaliKaitlin Ostrosky JapanMorlong Associates NEGOTIATION09/18/2025
Anna FaliEmily Whobrey GermanyChanay, Jeffrey A Esq QUALIFIED09/13/2025
Anna FaliAshley Doe GermanyPrinting Dimensions QUALIFIED09/14/2025
Total Customers:3
Asiya Javayant
Asiya JavayantMaria Marrier CanadaCommercial Press QUALIFIED09/25/2025
Asiya JavayantChavez Briddick ItalyBenton, John B Jr RENEWAL09/20/2025
Asiya JavayantMunro Ferencz United KingdomRousseaux, Michael Esq RENEWAL09/23/2025
Asiya JavayantKadeem Flosi ItalyChanay, Jeffrey A Esq NEW09/17/2025
Asiya JavayantAditya Kusko AustraliaRangoni Of Florence UNQUALIFIED09/21/2025
Asiya JavayantJohnson Sergi IndiaFeltz Printing Service NEW09/14/2025
Asiya JavayantCosta Dilliard ArgentinaMorlong Associates NEW09/14/2025
Asiya JavayantKaitlin Ostrosky CanadaMorlong Associates NEGOTIATION10/04/2025
Total Customers:8
Bernardo Dominic
Bernardo DominicJennifer Amigon IndiaRousseaux, Michael Esq UNQUALIFIED09/30/2025
Bernardo DominicMurillo Malet FranceCommercial Press NEW09/25/2025
Bernardo DominicJuan Wieser JapanCommercial Press PROPOSAL10/09/2025
Bernardo DominicOctavia Malet CanadaFeiner Bros PROPOSAL09/17/2025
Bernardo DominicKaitlin Ostrosky ItalyChemel, James L Cpa UNQUALIFIED09/24/2025
Bernardo DominicJames Butt JapanFeltz Printing Service NEW09/12/2025
Bernardo DominicIzzy Garufi GermanyFeiner Bros NEW10/04/2025
Bernardo DominicFrancesco Shinko United KingdomFeltz Printing Service QUALIFIED09/18/2025
Bernardo DominicIzzy Garufi FranceCommercial Press PROPOSAL09/12/2025
Bernardo DominicAdams Morasca RussiaBuckley Miller Wright RENEWAL09/23/2025
Total Customers:10
Elwin Sharvill
Elwin SharvillKadeem Flosi United KingdomKing, Christopher A Esq NEW10/07/2025
Elwin SharvillFrancesco Shinko GermanyChanay, Jeffrey A Esq QUALIFIED10/04/2025
Total Customers:2
Ioni Bowcher
Ioni BowcherMaisha Rulapaugh CanadaFeltz Printing Service RENEWAL09/26/2025
Ioni BowcherAntonio Caudy CanadaCommercial Press RENEWAL09/13/2025
Ioni BowcherJuan Wieser IndiaRousseaux, Michael Esq NEW10/06/2025
Ioni BowcherMaria Marrier United KingdomRangoni Of Florence QUALIFIED09/17/2025
Ioni BowcherLeja Caldarera ArgentinaTruhlar And Truhlar Attys RENEWAL09/15/2025
Ioni BowcherIzzy Garufi United KingdomChemel, James L Cpa QUALIFIED10/09/2025
Ioni BowcherSmith Glick GermanyBuckley Miller Wright NEGOTIATION10/06/2025
Total Customers:7
Ivan Magalhaes
Ivan MagalhaesMayumi Kolmetz CanadaDorl, James J Esq RENEWAL09/17/2025
Ivan MagalhaesOctavia Malet ArgentinaRousseaux, Michael Esq NEW09/29/2025
Ivan MagalhaesWickens Nestle IndiaTruhlar And Truhlar Attys QUALIFIED10/07/2025
Total Customers:3
Onyama Limba
Onyama LimbaRicardo Gaucho JapanMorlong Associates NEGOTIATION09/16/2025
Onyama LimbaKaitlin Ostrosky ItalyTruhlar And Truhlar Attys PROPOSAL09/18/2025
Onyama LimbaJeanfrancois Venere BrazilTruhlar And Truhlar Attys RENEWAL10/05/2025
Onyama LimbaFrancesco Shinko United KingdomCommercial Press PROPOSAL09/26/2025
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengCosta Dilliard CanadaBenton, John B Jr RENEWAL10/03/2025
Xuxue FengSmith Glick FranceChanay, Jeffrey A Esq RENEWAL10/09/2025
Xuxue FengMaria Marrier ArgentinaDorl, James J Esq RENEWAL09/12/2025
Xuxue FengJeanfrancois Venere ItalyRousseaux, Michael Esq RENEWAL10/05/2025
Xuxue FengAntonio Caudy SpainTruhlar And Truhlar Attys UNQUALIFIED09/13/2025
Xuxue FengMurillo Malet ArgentinaRangoni Of Florence RENEWAL09/28/2025
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerJulie Stenseth United KingdomChanay, Jeffrey A Esq RENEWAL09/28/2025
Amy ElsnerRodrigues Campain United KingdomPrinting Dimensions NEGOTIATION10/08/2025
Amy ElsnerSmith Glick GermanyMorlong Associates QUALIFIED09/15/2025
Amy ElsnerNicolas Iturbide BrazilMorlong Associates RENEWAL09/26/2025
Amy ElsnerJohnson Sergi GermanyBuckley Miller Wright RENEWAL09/27/2025
Anna FaliKaitlin Ostrosky JapanMorlong Associates NEGOTIATION09/18/2025
Anna FaliEmily Whobrey GermanyChanay, Jeffrey A Esq QUALIFIED09/13/2025
Anna FaliAshley Doe GermanyPrinting Dimensions QUALIFIED09/14/2025
Asiya JavayantMaria Marrier CanadaCommercial Press QUALIFIED09/25/2025
Asiya JavayantChavez Briddick ItalyBenton, John B Jr RENEWAL09/20/2025
Asiya JavayantMunro Ferencz United KingdomRousseaux, Michael Esq RENEWAL09/23/2025
Asiya JavayantKadeem Flosi ItalyChanay, Jeffrey A Esq NEW09/17/2025
Asiya JavayantAditya Kusko AustraliaRangoni Of Florence UNQUALIFIED09/21/2025
Asiya JavayantJohnson Sergi IndiaFeltz Printing Service NEW09/14/2025
Asiya JavayantCosta Dilliard ArgentinaMorlong Associates NEW09/14/2025
Asiya JavayantKaitlin Ostrosky CanadaMorlong Associates NEGOTIATION10/04/2025
Bernardo DominicJennifer Amigon IndiaRousseaux, Michael Esq UNQUALIFIED09/30/2025
Bernardo DominicMurillo Malet FranceCommercial Press NEW09/25/2025
Bernardo DominicJuan Wieser JapanCommercial Press PROPOSAL10/09/2025
Bernardo DominicOctavia Malet CanadaFeiner Bros PROPOSAL09/17/2025
Bernardo DominicKaitlin Ostrosky ItalyChemel, James L Cpa UNQUALIFIED09/24/2025
Bernardo DominicJames Butt JapanFeltz Printing Service NEW09/12/2025
Bernardo DominicIzzy Garufi GermanyFeiner Bros NEW10/04/2025
Bernardo DominicFrancesco Shinko United KingdomFeltz Printing Service QUALIFIED09/18/2025
Bernardo DominicIzzy Garufi FranceCommercial Press PROPOSAL09/12/2025
Bernardo DominicAdams Morasca RussiaBuckley Miller Wright RENEWAL09/23/2025
Elwin SharvillKadeem Flosi United KingdomKing, Christopher A Esq NEW10/07/2025
Elwin SharvillFrancesco Shinko GermanyChanay, Jeffrey A Esq QUALIFIED10/04/2025
Ioni BowcherMaisha Rulapaugh CanadaFeltz Printing Service RENEWAL09/26/2025
Ioni BowcherAntonio Caudy CanadaCommercial Press RENEWAL09/13/2025
Ioni BowcherJuan Wieser IndiaRousseaux, Michael Esq NEW10/06/2025
Ioni BowcherMaria Marrier United KingdomRangoni Of Florence QUALIFIED09/17/2025
Ioni BowcherLeja Caldarera ArgentinaTruhlar And Truhlar Attys RENEWAL09/15/2025
Ioni BowcherIzzy Garufi United KingdomChemel, James L Cpa QUALIFIED10/09/2025
Ioni BowcherSmith Glick GermanyBuckley Miller Wright NEGOTIATION10/06/2025
Ivan MagalhaesMayumi Kolmetz CanadaDorl, James J Esq RENEWAL09/17/2025
Ivan MagalhaesOctavia Malet ArgentinaRousseaux, Michael Esq NEW09/29/2025
Ivan MagalhaesWickens Nestle IndiaTruhlar And Truhlar Attys QUALIFIED10/07/2025
Onyama LimbaRicardo Gaucho JapanMorlong Associates NEGOTIATION09/16/2025
Onyama LimbaKaitlin Ostrosky ItalyTruhlar And Truhlar Attys PROPOSAL09/18/2025
Onyama LimbaJeanfrancois Venere BrazilTruhlar And Truhlar Attys RENEWAL10/05/2025
Onyama LimbaFrancesco Shinko United KingdomCommercial Press PROPOSAL09/26/2025
Stephen ShawMaria Marrier SpainDorl, James J Esq QUALIFIED09/17/2025
Stephen ShawJones Vocelka JapanDorl, James J Esq NEW10/05/2025
Xuxue FengCosta Dilliard CanadaBenton, John B Jr RENEWAL10/03/2025
Xuxue FengSmith Glick FranceChanay, Jeffrey A Esq RENEWAL10/09/2025
Xuxue FengMaria Marrier ArgentinaDorl, James J Esq RENEWAL09/12/2025
Xuxue FengJeanfrancois Venere ItalyRousseaux, Michael Esq RENEWAL10/05/2025
Xuxue FengAntonio Caudy SpainTruhlar And Truhlar Attys UNQUALIFIED09/13/2025
Xuxue FengMurillo Malet ArgentinaRangoni Of Florence RENEWAL09/28/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>