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 ElsnerJames Butt FranceTruhlar And Truhlar Attys QUALIFIED09/03/2025
Amy ElsnerMayumi Kolmetz ArgentinaKing, Christopher A Esq NEW09/12/2025
Amy ElsnerTony Foller ArgentinaChanay, Jeffrey A Esq PROPOSAL09/02/2025
Amy ElsnerCosta Dilliard United KingdomRangoni Of Florence NEW08/31/2025
Amy ElsnerCosta Dilliard CanadaBuckley Miller Wright PROPOSAL09/08/2025
Total Customers:5
Anna Fali
Anna FaliSilvio Slusarski IndiaFeiner Bros NEGOTIATION08/25/2025
Anna FaliLeon Oldroyd JapanBenton, John B Jr PROPOSAL09/03/2025
Total Customers:2
Asiya Javayant
Asiya JavayantLeja Caldarera FranceKing, Christopher A Esq NEGOTIATION09/09/2025
Asiya JavayantSilvio Slusarski SpainBenton, John B Jr NEGOTIATION08/30/2025
Asiya JavayantStacey Maclead AustraliaBenton, John B Jr NEW08/30/2025
Total Customers:3
Bernardo Dominic
Bernardo DominicNicolas Iturbide GermanyRousseaux, Michael Esq PROPOSAL09/13/2025
Bernardo DominicJefferson Schemmer GermanyBuckley Miller Wright PROPOSAL09/09/2025
Bernardo DominicKaitlin Ostrosky GermanyChapman, Ross E Esq NEW08/24/2025
Bernardo DominicDeepesh Chui AustraliaFeiner Bros NEGOTIATION09/14/2025
Bernardo DominicSinclair Waycott JapanPrinting Dimensions QUALIFIED08/20/2025
Bernardo DominicJefferson Schemmer ItalyFeiner Bros RENEWAL09/08/2025
Bernardo DominicWickens Nestle ArgentinaFeiner Bros PROPOSAL08/30/2025
Bernardo DominicMisaki Royster RussiaFeiner Bros UNQUALIFIED08/20/2025
Bernardo DominicWickens Nestle AustraliaFeltz Printing Service NEGOTIATION09/16/2025
Bernardo DominicStacey Maclead FranceTruhlar And Truhlar Attys NEW09/10/2025
Bernardo DominicSmith Glick RussiaRousseaux, Michael Esq NEGOTIATION08/24/2025
Total Customers:11
Elwin Sharvill
Elwin SharvillMisaki Royster SpainFeiner Bros UNQUALIFIED09/05/2025
Elwin SharvillAditya Kusko CanadaFeltz Printing Service NEGOTIATION09/12/2025
Elwin SharvillJones Vocelka JapanFeltz Printing Service PROPOSAL09/07/2025
Elwin SharvillAshley Doe United KingdomRousseaux, Michael Esq NEGOTIATION08/24/2025
Elwin SharvillJohnson Sergi CanadaTruhlar And Truhlar Attys NEW09/09/2025
Total Customers:5
Ioni Bowcher
Ioni BowcherJohnson Sergi ItalyCommercial Press NEW08/21/2025
Ioni BowcherIzzy Garufi ArgentinaTruhlar And Truhlar Attys PROPOSAL09/01/2025
Ioni BowcherMunro Ferencz IndiaCommercial Press RENEWAL08/25/2025
Ioni BowcherJames Butt AustraliaPrinting Dimensions PROPOSAL08/27/2025
Ioni BowcherAika Inouye SpainRangoni Of Florence UNQUALIFIED09/06/2025
Total Customers:5
Ivan Magalhaes
Ivan MagalhaesJeanfrancois Venere FranceRangoni Of Florence NEW09/16/2025
Ivan MagalhaesOctavia Malet FranceChemel, James L Cpa RENEWAL09/08/2025
Ivan MagalhaesJames Butt GermanyChapman, Ross E Esq NEW09/05/2025
Ivan MagalhaesEmily Whobrey JapanChanay, Jeffrey A Esq UNQUALIFIED08/31/2025
Ivan MagalhaesClifford Rim GermanyFeltz Printing Service RENEWAL09/01/2025
Total Customers:5
Onyama Limba
Onyama LimbaMaisha Rulapaugh BrazilChapman, Ross E Esq PROPOSAL09/01/2025
Onyama LimbaStacey Maclead AustraliaChanay, Jeffrey A Esq PROPOSAL09/13/2025
Onyama LimbaAika Inouye BrazilCommercial Press UNQUALIFIED09/07/2025
Onyama LimbaJames Butt ItalyBuckley Miller Wright UNQUALIFIED09/07/2025
Onyama LimbaRicardo Gaucho United KingdomFeltz Printing Service PROPOSAL08/20/2025
Total Customers:5
Stephen Shaw
Xuxue Feng
Xuxue FengJuan Wieser AustraliaChanay, Jeffrey A Esq NEGOTIATION09/16/2025
Xuxue FengClaire Tollner SpainMorlong Associates PROPOSAL08/20/2025
Xuxue FengSilvio Slusarski United KingdomKing, Christopher A Esq NEW09/06/2025
Total Customers:3
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerJames Butt FranceTruhlar And Truhlar Attys QUALIFIED09/03/2025
Amy ElsnerMayumi Kolmetz ArgentinaKing, Christopher A Esq NEW09/12/2025
Amy ElsnerTony Foller ArgentinaChanay, Jeffrey A Esq PROPOSAL09/02/2025
Amy ElsnerCosta Dilliard United KingdomRangoni Of Florence NEW08/31/2025
Amy ElsnerCosta Dilliard CanadaBuckley Miller Wright PROPOSAL09/08/2025
Anna FaliSilvio Slusarski IndiaFeiner Bros NEGOTIATION08/25/2025
Anna FaliLeon Oldroyd JapanBenton, John B Jr PROPOSAL09/03/2025
Asiya JavayantLeja Caldarera FranceKing, Christopher A Esq NEGOTIATION09/09/2025
Asiya JavayantSilvio Slusarski SpainBenton, John B Jr NEGOTIATION08/30/2025
Asiya JavayantStacey Maclead AustraliaBenton, John B Jr NEW08/30/2025
Bernardo DominicNicolas Iturbide GermanyRousseaux, Michael Esq PROPOSAL09/13/2025
Bernardo DominicJefferson Schemmer GermanyBuckley Miller Wright PROPOSAL09/09/2025
Bernardo DominicKaitlin Ostrosky GermanyChapman, Ross E Esq NEW08/24/2025
Bernardo DominicDeepesh Chui AustraliaFeiner Bros NEGOTIATION09/14/2025
Bernardo DominicSinclair Waycott JapanPrinting Dimensions QUALIFIED08/20/2025
Bernardo DominicJefferson Schemmer ItalyFeiner Bros RENEWAL09/08/2025
Bernardo DominicWickens Nestle ArgentinaFeiner Bros PROPOSAL08/30/2025
Bernardo DominicMisaki Royster RussiaFeiner Bros UNQUALIFIED08/20/2025
Bernardo DominicWickens Nestle AustraliaFeltz Printing Service NEGOTIATION09/16/2025
Bernardo DominicStacey Maclead FranceTruhlar And Truhlar Attys NEW09/10/2025
Bernardo DominicSmith Glick RussiaRousseaux, Michael Esq NEGOTIATION08/24/2025
Elwin SharvillMisaki Royster SpainFeiner Bros UNQUALIFIED09/05/2025
Elwin SharvillAditya Kusko CanadaFeltz Printing Service NEGOTIATION09/12/2025
Elwin SharvillJones Vocelka JapanFeltz Printing Service PROPOSAL09/07/2025
Elwin SharvillAshley Doe United KingdomRousseaux, Michael Esq NEGOTIATION08/24/2025
Elwin SharvillJohnson Sergi CanadaTruhlar And Truhlar Attys NEW09/09/2025
Ioni BowcherJohnson Sergi ItalyCommercial Press NEW08/21/2025
Ioni BowcherIzzy Garufi ArgentinaTruhlar And Truhlar Attys PROPOSAL09/01/2025
Ioni BowcherMunro Ferencz IndiaCommercial Press RENEWAL08/25/2025
Ioni BowcherJames Butt AustraliaPrinting Dimensions PROPOSAL08/27/2025
Ioni BowcherAika Inouye SpainRangoni Of Florence UNQUALIFIED09/06/2025
Ivan MagalhaesJeanfrancois Venere FranceRangoni Of Florence NEW09/16/2025
Ivan MagalhaesOctavia Malet FranceChemel, James L Cpa RENEWAL09/08/2025
Ivan MagalhaesJames Butt GermanyChapman, Ross E Esq NEW09/05/2025
Ivan MagalhaesEmily Whobrey JapanChanay, Jeffrey A Esq UNQUALIFIED08/31/2025
Ivan MagalhaesClifford Rim GermanyFeltz Printing Service RENEWAL09/01/2025
Onyama LimbaMaisha Rulapaugh BrazilChapman, Ross E Esq PROPOSAL09/01/2025
Onyama LimbaStacey Maclead AustraliaChanay, Jeffrey A Esq PROPOSAL09/13/2025
Onyama LimbaAika Inouye BrazilCommercial Press UNQUALIFIED09/07/2025
Onyama LimbaJames Butt ItalyBuckley Miller Wright UNQUALIFIED09/07/2025
Onyama LimbaRicardo Gaucho United KingdomFeltz Printing Service PROPOSAL08/20/2025
Stephen ShawMunro Ferencz BrazilTruhlar And Truhlar Attys UNQUALIFIED08/24/2025
Stephen ShawSilvio Slusarski SpainFeltz Printing Service QUALIFIED09/12/2025
Stephen ShawMurillo Malet BrazilFeiner Bros QUALIFIED09/05/2025
Stephen ShawSilvio Slusarski ArgentinaTruhlar And Truhlar Attys UNQUALIFIED09/07/2025
Stephen ShawJones Vocelka GermanyBenton, John B Jr PROPOSAL08/19/2025
Stephen ShawDarci Poquette AustraliaDorl, James J Esq RENEWAL08/31/2025
Xuxue FengJuan Wieser AustraliaChanay, Jeffrey A Esq NEGOTIATION09/16/2025
Xuxue FengClaire Tollner SpainMorlong Associates PROPOSAL08/20/2025
Xuxue FengSilvio Slusarski United KingdomKing, Christopher A Esq NEW09/06/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>