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 ElsnerFaith Gillian RussiaTruhlar And Truhlar Attys NEGOTIATION05/05/2025
Amy ElsnerMujtaba Nicka GermanyBuckley Miller Wright UNQUALIFIED05/11/2025
Amy ElsnerJeanfrancois Venere United KingdomRousseaux, Michael Esq NEGOTIATION05/06/2025
Amy ElsnerMaisha Rulapaugh SpainDorl, James J Esq QUALIFIED05/08/2025
Amy ElsnerCosta Dilliard United KingdomMorlong Associates NEGOTIATION05/15/2025
Amy ElsnerJuan Wieser United KingdomDorl, James J Esq QUALIFIED05/08/2025
Amy ElsnerAshley Doe JapanChanay, Jeffrey A Esq QUALIFIED05/23/2025
Amy ElsnerDarci Poquette BrazilRousseaux, Michael Esq UNQUALIFIED05/21/2025
Total Customers:8
Anna Fali
Anna FaliLeja Caldarera JapanCommercial Press UNQUALIFIED05/18/2025
Anna FaliMujtaba Nicka GermanyRousseaux, Michael Esq PROPOSAL05/07/2025
Anna FaliAlejandro Perin ArgentinaKing, Christopher A Esq QUALIFIED05/12/2025
Total Customers:3
Asiya Javayant
Asiya JavayantKadeem Flosi AustraliaRousseaux, Michael Esq NEGOTIATION05/25/2025
Asiya JavayantFaith Gillian ArgentinaChanay, Jeffrey A Esq RENEWAL05/27/2025
Asiya JavayantJefferson Schemmer SpainDorl, James J Esq PROPOSAL05/10/2025
Asiya JavayantKaitlin Ostrosky United KingdomFeltz Printing Service PROPOSAL05/19/2025
Asiya JavayantAika Inouye BrazilCommercial Press NEW05/04/2025
Total Customers:5
Bernardo Dominic
Bernardo DominicLeon Oldroyd ArgentinaFeltz Printing Service NEGOTIATION05/30/2025
Bernardo DominicMayumi Kolmetz RussiaRousseaux, Michael Esq UNQUALIFIED05/31/2025
Bernardo DominicMaisha Rulapaugh ItalyChanay, Jeffrey A Esq NEW05/19/2025
Total Customers:3
Elwin Sharvill
Elwin SharvillStacey Maclead CanadaRousseaux, Michael Esq PROPOSAL05/25/2025
Elwin SharvillSinclair Waycott FrancePrinting Dimensions QUALIFIED05/29/2025
Elwin SharvillLeja Caldarera FranceTruhlar And Truhlar Attys NEW05/17/2025
Elwin SharvillKadeem Flosi ItalyChemel, James L Cpa PROPOSAL05/23/2025
Elwin SharvillStacey Maclead BrazilRousseaux, Michael Esq NEGOTIATION05/25/2025
Total Customers:5
Ioni Bowcher
Ioni BowcherMunro Ferencz ArgentinaChemel, James L Cpa RENEWAL05/11/2025
Ioni BowcherAditya Kusko SpainChapman, Ross E Esq PROPOSAL05/29/2025
Ioni BowcherFrancesco Shinko JapanRousseaux, Michael Esq PROPOSAL05/13/2025
Ioni BowcherKaitlin Ostrosky ItalyRangoni Of Florence NEGOTIATION05/22/2025
Ioni BowcherJames Butt ArgentinaChemel, James L Cpa NEW05/21/2025
Ioni BowcherAruna Figeroa United KingdomChanay, Jeffrey A Esq NEW05/16/2025
Total Customers:6
Ivan Magalhaes
Ivan MagalhaesCosta Dilliard BrazilDorl, James J Esq NEW06/02/2025
Ivan MagalhaesRicardo Gaucho FranceChemel, James L Cpa QUALIFIED05/25/2025
Ivan MagalhaesFaith Gillian SpainChanay, Jeffrey A Esq RENEWAL05/09/2025
Ivan MagalhaesAlejandro Perin CanadaChapman, Ross E Esq NEGOTIATION06/01/2025
Ivan MagalhaesRodrigues Campain FranceChapman, Ross E Esq RENEWAL05/07/2025
Ivan MagalhaesMujtaba Nicka BrazilCommercial Press PROPOSAL05/29/2025
Total Customers:6
Onyama Limba
Onyama LimbaMujtaba Nicka ItalyChanay, Jeffrey A Esq RENEWAL05/16/2025
Onyama LimbaJeanfrancois Venere AustraliaTruhlar And Truhlar Attys NEGOTIATION05/22/2025
Onyama LimbaSinclair Waycott CanadaCommercial Press NEGOTIATION05/13/2025
Onyama LimbaFrancesco Shinko IndiaCommercial Press RENEWAL05/22/2025
Onyama LimbaJulie Stenseth United KingdomFeiner Bros PROPOSAL05/10/2025
Onyama LimbaStacey Maclead ArgentinaMorlong Associates QUALIFIED05/10/2025
Onyama LimbaAlejandro Perin JapanBenton, John B Jr QUALIFIED05/07/2025
Onyama LimbaAlejandro Perin AustraliaFeltz Printing Service PROPOSAL06/01/2025
Total Customers:8
Stephen Shaw
Xuxue Feng
Xuxue FengJeanfrancois Venere CanadaChanay, Jeffrey A Esq NEGOTIATION05/15/2025
Xuxue FengJohnson Sergi United KingdomPrinting Dimensions UNQUALIFIED05/16/2025
Xuxue FengGreenwood Bolognia FranceTruhlar And Truhlar Attys NEW05/16/2025
Total Customers:3
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerFaith Gillian RussiaTruhlar And Truhlar Attys NEGOTIATION05/05/2025
Amy ElsnerMujtaba Nicka GermanyBuckley Miller Wright UNQUALIFIED05/11/2025
Amy ElsnerJeanfrancois Venere United KingdomRousseaux, Michael Esq NEGOTIATION05/06/2025
Amy ElsnerMaisha Rulapaugh SpainDorl, James J Esq QUALIFIED05/08/2025
Amy ElsnerCosta Dilliard United KingdomMorlong Associates NEGOTIATION05/15/2025
Amy ElsnerJuan Wieser United KingdomDorl, James J Esq QUALIFIED05/08/2025
Amy ElsnerAshley Doe JapanChanay, Jeffrey A Esq QUALIFIED05/23/2025
Amy ElsnerDarci Poquette BrazilRousseaux, Michael Esq UNQUALIFIED05/21/2025
Anna FaliLeja Caldarera JapanCommercial Press UNQUALIFIED05/18/2025
Anna FaliMujtaba Nicka GermanyRousseaux, Michael Esq PROPOSAL05/07/2025
Anna FaliAlejandro Perin ArgentinaKing, Christopher A Esq QUALIFIED05/12/2025
Asiya JavayantKadeem Flosi AustraliaRousseaux, Michael Esq NEGOTIATION05/25/2025
Asiya JavayantFaith Gillian ArgentinaChanay, Jeffrey A Esq RENEWAL05/27/2025
Asiya JavayantJefferson Schemmer SpainDorl, James J Esq PROPOSAL05/10/2025
Asiya JavayantKaitlin Ostrosky United KingdomFeltz Printing Service PROPOSAL05/19/2025
Asiya JavayantAika Inouye BrazilCommercial Press NEW05/04/2025
Bernardo DominicLeon Oldroyd ArgentinaFeltz Printing Service NEGOTIATION05/30/2025
Bernardo DominicMayumi Kolmetz RussiaRousseaux, Michael Esq UNQUALIFIED05/31/2025
Bernardo DominicMaisha Rulapaugh ItalyChanay, Jeffrey A Esq NEW05/19/2025
Elwin SharvillStacey Maclead CanadaRousseaux, Michael Esq PROPOSAL05/25/2025
Elwin SharvillSinclair Waycott FrancePrinting Dimensions QUALIFIED05/29/2025
Elwin SharvillLeja Caldarera FranceTruhlar And Truhlar Attys NEW05/17/2025
Elwin SharvillKadeem Flosi ItalyChemel, James L Cpa PROPOSAL05/23/2025
Elwin SharvillStacey Maclead BrazilRousseaux, Michael Esq NEGOTIATION05/25/2025
Ioni BowcherMunro Ferencz ArgentinaChemel, James L Cpa RENEWAL05/11/2025
Ioni BowcherAditya Kusko SpainChapman, Ross E Esq PROPOSAL05/29/2025
Ioni BowcherFrancesco Shinko JapanRousseaux, Michael Esq PROPOSAL05/13/2025
Ioni BowcherKaitlin Ostrosky ItalyRangoni Of Florence NEGOTIATION05/22/2025
Ioni BowcherJames Butt ArgentinaChemel, James L Cpa NEW05/21/2025
Ioni BowcherAruna Figeroa United KingdomChanay, Jeffrey A Esq NEW05/16/2025
Ivan MagalhaesCosta Dilliard BrazilDorl, James J Esq NEW06/02/2025
Ivan MagalhaesRicardo Gaucho FranceChemel, James L Cpa QUALIFIED05/25/2025
Ivan MagalhaesFaith Gillian SpainChanay, Jeffrey A Esq RENEWAL05/09/2025
Ivan MagalhaesAlejandro Perin CanadaChapman, Ross E Esq NEGOTIATION06/01/2025
Ivan MagalhaesRodrigues Campain FranceChapman, Ross E Esq RENEWAL05/07/2025
Ivan MagalhaesMujtaba Nicka BrazilCommercial Press PROPOSAL05/29/2025
Onyama LimbaMujtaba Nicka ItalyChanay, Jeffrey A Esq RENEWAL05/16/2025
Onyama LimbaJeanfrancois Venere AustraliaTruhlar And Truhlar Attys NEGOTIATION05/22/2025
Onyama LimbaSinclair Waycott CanadaCommercial Press NEGOTIATION05/13/2025
Onyama LimbaFrancesco Shinko IndiaCommercial Press RENEWAL05/22/2025
Onyama LimbaJulie Stenseth United KingdomFeiner Bros PROPOSAL05/10/2025
Onyama LimbaStacey Maclead ArgentinaMorlong Associates QUALIFIED05/10/2025
Onyama LimbaAlejandro Perin JapanBenton, John B Jr QUALIFIED05/07/2025
Onyama LimbaAlejandro Perin AustraliaFeltz Printing Service PROPOSAL06/01/2025
Stephen ShawCody Saylors AustraliaChemel, James L Cpa UNQUALIFIED05/27/2025
Stephen ShawAlejandro Perin JapanChemel, James L Cpa NEGOTIATION05/10/2025
Stephen ShawIsabel Bowley ArgentinaCommercial Press UNQUALIFIED05/30/2025
Xuxue FengJeanfrancois Venere CanadaChanay, Jeffrey A Esq NEGOTIATION05/15/2025
Xuxue FengJohnson Sergi United KingdomPrinting Dimensions UNQUALIFIED05/16/2025
Xuxue FengGreenwood Bolognia FranceTruhlar And Truhlar Attys NEW05/16/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>