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 FranceDorl, James J Esq PROPOSAL08/21/2025
Amy ElsnerMorrow Ruta AustraliaTruhlar And Truhlar Attys QUALIFIED08/06/2025
Amy ElsnerJulie Stenseth ArgentinaChapman, Ross E Esq UNQUALIFIED08/28/2025
Amy ElsnerAlejandro Perin IndiaBenton, John B Jr QUALIFIED08/01/2025
Amy ElsnerFrancesco Shinko AustraliaKing, Christopher A Esq NEW08/09/2025
Total Customers:5
Anna Fali
Anna FaliMorrow Ruta RussiaChemel, James L Cpa RENEWAL08/27/2025
Anna FaliSmith Glick United KingdomCommercial Press QUALIFIED08/17/2025
Total Customers:2
Asiya Javayant
Asiya JavayantIzzy Garufi IndiaRousseaux, Michael Esq NEW08/12/2025
Asiya JavayantOctavia Malet AustraliaTruhlar And Truhlar Attys RENEWAL08/24/2025
Asiya JavayantMisaki Royster CanadaFeiner Bros RENEWAL08/16/2025
Asiya JavayantGreenwood Bolognia United KingdomTruhlar And Truhlar Attys QUALIFIED08/04/2025
Asiya JavayantClaire Tollner IndiaMorlong Associates UNQUALIFIED08/01/2025
Asiya JavayantAdams Morasca JapanTruhlar And Truhlar Attys UNQUALIFIED08/25/2025
Asiya JavayantJennifer Amigon ItalyMorlong Associates NEGOTIATION08/01/2025
Total Customers:7
Bernardo Dominic
Bernardo DominicFrancesco Shinko SpainBenton, John B Jr RENEWAL08/02/2025
Bernardo DominicSilvio Slusarski United KingdomPrinting Dimensions RENEWAL08/13/2025
Total Customers:2
Elwin Sharvill
Elwin SharvillMisaki Royster CanadaMorlong Associates RENEWAL08/07/2025
Elwin SharvillJeanfrancois Venere JapanMorlong Associates QUALIFIED08/13/2025
Elwin SharvillAlejandro Perin BrazilDorl, James J Esq UNQUALIFIED08/28/2025
Elwin SharvillJones Vocelka SpainFeltz Printing Service PROPOSAL08/24/2025
Elwin SharvillAlejandro Perin BrazilFeiner Bros NEW08/14/2025
Elwin SharvillClaire Tollner ItalyMorlong Associates UNQUALIFIED08/04/2025
Elwin SharvillIsabel Bowley SpainRousseaux, Michael Esq UNQUALIFIED08/15/2025
Elwin SharvillDarci Poquette ArgentinaBuckley Miller Wright PROPOSAL08/06/2025
Total Customers:8
Ioni Bowcher
Ioni BowcherAshley Doe SpainChemel, James L Cpa NEW08/08/2025
Ioni BowcherJames Butt RussiaDorl, James J Esq NEGOTIATION08/12/2025
Ioni BowcherAntonio Caudy AustraliaDorl, James J Esq PROPOSAL08/02/2025
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesAruna Figeroa United KingdomRangoni Of Florence PROPOSAL08/16/2025
Ivan MagalhaesJuan Wieser United KingdomChanay, Jeffrey A Esq PROPOSAL08/15/2025
Ivan MagalhaesJefferson Schemmer United KingdomMorlong Associates UNQUALIFIED08/21/2025
Ivan MagalhaesKaitlin Ostrosky RussiaDorl, James J Esq NEW08/22/2025
Ivan MagalhaesSalvatore Stockham ArgentinaBuckley Miller Wright UNQUALIFIED07/31/2025
Total Customers:5
Onyama Limba
Onyama LimbaIzzy Garufi RussiaFeltz Printing Service NEW08/21/2025
Onyama LimbaMunro Ferencz AustraliaMorlong Associates RENEWAL07/30/2025
Onyama LimbaNicolas Iturbide SpainMorlong Associates UNQUALIFIED08/13/2025
Onyama LimbaFaith Gillian BrazilCommercial Press RENEWAL08/22/2025
Onyama LimbaDarci Poquette GermanyRousseaux, Michael Esq NEGOTIATION08/16/2025
Onyama LimbaAntonio Caudy CanadaKing, Christopher A Esq UNQUALIFIED08/12/2025
Onyama LimbaAshley Doe FranceKing, Christopher A Esq UNQUALIFIED08/19/2025
Total Customers:7
Stephen Shaw
Xuxue Feng
Xuxue FengAlejandro Perin ItalyDorl, James J Esq RENEWAL08/05/2025
Xuxue FengAshley Doe CanadaTruhlar And Truhlar Attys PROPOSAL08/09/2025
Xuxue FengAdams Morasca GermanyBuckley Miller Wright RENEWAL08/06/2025
Xuxue FengJones Vocelka IndiaRousseaux, Michael Esq NEGOTIATION08/10/2025
Xuxue FengAshley Doe United KingdomKing, Christopher A Esq NEGOTIATION08/20/2025
Xuxue FengKadeem Flosi IndiaBuckley Miller Wright QUALIFIED08/06/2025
Xuxue FengJuan Wieser CanadaBuckley Miller Wright PROPOSAL08/17/2025
Total Customers:7
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerJulie Stenseth FranceDorl, James J Esq PROPOSAL08/21/2025
Amy ElsnerMorrow Ruta AustraliaTruhlar And Truhlar Attys QUALIFIED08/06/2025
Amy ElsnerJulie Stenseth ArgentinaChapman, Ross E Esq UNQUALIFIED08/28/2025
Amy ElsnerAlejandro Perin IndiaBenton, John B Jr QUALIFIED08/01/2025
Amy ElsnerFrancesco Shinko AustraliaKing, Christopher A Esq NEW08/09/2025
Anna FaliMorrow Ruta RussiaChemel, James L Cpa RENEWAL08/27/2025
Anna FaliSmith Glick United KingdomCommercial Press QUALIFIED08/17/2025
Asiya JavayantIzzy Garufi IndiaRousseaux, Michael Esq NEW08/12/2025
Asiya JavayantOctavia Malet AustraliaTruhlar And Truhlar Attys RENEWAL08/24/2025
Asiya JavayantMisaki Royster CanadaFeiner Bros RENEWAL08/16/2025
Asiya JavayantGreenwood Bolognia United KingdomTruhlar And Truhlar Attys QUALIFIED08/04/2025
Asiya JavayantClaire Tollner IndiaMorlong Associates UNQUALIFIED08/01/2025
Asiya JavayantAdams Morasca JapanTruhlar And Truhlar Attys UNQUALIFIED08/25/2025
Asiya JavayantJennifer Amigon ItalyMorlong Associates NEGOTIATION08/01/2025
Bernardo DominicFrancesco Shinko SpainBenton, John B Jr RENEWAL08/02/2025
Bernardo DominicSilvio Slusarski United KingdomPrinting Dimensions RENEWAL08/13/2025
Elwin SharvillMisaki Royster CanadaMorlong Associates RENEWAL08/07/2025
Elwin SharvillJeanfrancois Venere JapanMorlong Associates QUALIFIED08/13/2025
Elwin SharvillAlejandro Perin BrazilDorl, James J Esq UNQUALIFIED08/28/2025
Elwin SharvillJones Vocelka SpainFeltz Printing Service PROPOSAL08/24/2025
Elwin SharvillAlejandro Perin BrazilFeiner Bros NEW08/14/2025
Elwin SharvillClaire Tollner ItalyMorlong Associates UNQUALIFIED08/04/2025
Elwin SharvillIsabel Bowley SpainRousseaux, Michael Esq UNQUALIFIED08/15/2025
Elwin SharvillDarci Poquette ArgentinaBuckley Miller Wright PROPOSAL08/06/2025
Ioni BowcherAshley Doe SpainChemel, James L Cpa NEW08/08/2025
Ioni BowcherJames Butt RussiaDorl, James J Esq NEGOTIATION08/12/2025
Ioni BowcherAntonio Caudy AustraliaDorl, James J Esq PROPOSAL08/02/2025
Ivan MagalhaesAruna Figeroa United KingdomRangoni Of Florence PROPOSAL08/16/2025
Ivan MagalhaesJuan Wieser United KingdomChanay, Jeffrey A Esq PROPOSAL08/15/2025
Ivan MagalhaesJefferson Schemmer United KingdomMorlong Associates UNQUALIFIED08/21/2025
Ivan MagalhaesKaitlin Ostrosky RussiaDorl, James J Esq NEW08/22/2025
Ivan MagalhaesSalvatore Stockham ArgentinaBuckley Miller Wright UNQUALIFIED07/31/2025
Onyama LimbaIzzy Garufi RussiaFeltz Printing Service NEW08/21/2025
Onyama LimbaMunro Ferencz AustraliaMorlong Associates RENEWAL07/30/2025
Onyama LimbaNicolas Iturbide SpainMorlong Associates UNQUALIFIED08/13/2025
Onyama LimbaFaith Gillian BrazilCommercial Press RENEWAL08/22/2025
Onyama LimbaDarci Poquette GermanyRousseaux, Michael Esq NEGOTIATION08/16/2025
Onyama LimbaAntonio Caudy CanadaKing, Christopher A Esq UNQUALIFIED08/12/2025
Onyama LimbaAshley Doe FranceKing, Christopher A Esq UNQUALIFIED08/19/2025
Stephen ShawJohnson Sergi ArgentinaChemel, James L Cpa NEGOTIATION08/16/2025
Stephen ShawJones Vocelka United KingdomMorlong Associates RENEWAL08/02/2025
Stephen ShawSalvatore Stockham BrazilTruhlar And Truhlar Attys RENEWAL08/16/2025
Stephen ShawCody Saylors United KingdomBuckley Miller Wright UNQUALIFIED08/06/2025
Xuxue FengAlejandro Perin ItalyDorl, James J Esq RENEWAL08/05/2025
Xuxue FengAshley Doe CanadaTruhlar And Truhlar Attys PROPOSAL08/09/2025
Xuxue FengAdams Morasca GermanyBuckley Miller Wright RENEWAL08/06/2025
Xuxue FengJones Vocelka IndiaRousseaux, Michael Esq NEGOTIATION08/10/2025
Xuxue FengAshley Doe United KingdomKing, Christopher A Esq NEGOTIATION08/20/2025
Xuxue FengKadeem Flosi IndiaBuckley Miller Wright QUALIFIED08/06/2025
Xuxue FengJuan Wieser CanadaBuckley Miller Wright PROPOSAL08/17/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>