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 ElsnerArvin Albares JapanTruhlar And Truhlar Attys QUALIFIED07/24/2025
Amy ElsnerClaire Tollner SpainTruhlar And Truhlar Attys NEGOTIATION08/08/2025
Amy ElsnerSalvatore Stockham IndiaBenton, John B Jr UNQUALIFIED08/10/2025
Total Customers:3
Anna Fali
Anna FaliJefferson Schemmer IndiaKing, Christopher A Esq PROPOSAL07/26/2025
Anna FaliFaith Gillian United KingdomTruhlar And Truhlar Attys PROPOSAL08/02/2025
Anna FaliKaitlin Ostrosky FranceFeltz Printing Service NEGOTIATION07/31/2025
Anna FaliGreenwood Bolognia ArgentinaFeiner Bros RENEWAL08/02/2025
Anna FaliAdams Morasca ItalyChapman, Ross E Esq RENEWAL07/29/2025
Total Customers:5
Asiya Javayant
Asiya JavayantMorrow Ruta IndiaKing, Christopher A Esq UNQUALIFIED08/07/2025
Asiya JavayantIzzy Garufi CanadaKing, Christopher A Esq QUALIFIED07/26/2025
Asiya JavayantCosta Dilliard IndiaDorl, James J Esq NEW07/28/2025
Asiya JavayantMurillo Malet United KingdomKing, Christopher A Esq PROPOSAL07/17/2025
Asiya JavayantClaire Tollner AustraliaCommercial Press UNQUALIFIED07/29/2025
Asiya JavayantOctavia Malet SpainMorlong Associates PROPOSAL08/11/2025
Total Customers:6
Bernardo Dominic
Bernardo DominicMaisha Rulapaugh SpainDorl, James J Esq NEGOTIATION08/09/2025
Bernardo DominicOctavia Malet JapanChemel, James L Cpa UNQUALIFIED08/09/2025
Bernardo DominicAntonio Caudy GermanyChemel, James L Cpa NEW08/05/2025
Bernardo DominicWickens Nestle ItalyKing, Christopher A Esq UNQUALIFIED07/31/2025
Bernardo DominicSinclair Waycott AustraliaKing, Christopher A Esq UNQUALIFIED07/18/2025
Total Customers:5
Elwin Sharvill
Elwin SharvillKadeem Flosi RussiaRangoni Of Florence NEGOTIATION07/21/2025
Elwin SharvillLeon Oldroyd CanadaCommercial Press QUALIFIED07/31/2025
Elwin SharvillClifford Rim United KingdomFeiner Bros PROPOSAL08/10/2025
Elwin SharvillEmily Whobrey SpainBuckley Miller Wright PROPOSAL08/10/2025
Total Customers:4
Ioni Bowcher
Ioni BowcherJennifer Amigon GermanyChemel, James L Cpa NEGOTIATION07/17/2025
Ioni BowcherJones Vocelka JapanBuckley Miller Wright QUALIFIED08/10/2025
Ioni BowcherFaith Gillian FranceKing, Christopher A Esq NEGOTIATION07/29/2025
Ioni BowcherChavez Briddick ArgentinaChanay, Jeffrey A Esq QUALIFIED07/17/2025
Ioni BowcherSilvio Slusarski ItalyRangoni Of Florence PROPOSAL07/16/2025
Ioni BowcherFrancesco Shinko FranceChanay, Jeffrey A Esq RENEWAL08/13/2025
Total Customers:6
Ivan Magalhaes
Ivan MagalhaesIzzy Garufi GermanyChanay, Jeffrey A Esq UNQUALIFIED07/21/2025
Ivan MagalhaesSinclair Waycott RussiaTruhlar And Truhlar Attys UNQUALIFIED07/22/2025
Ivan MagalhaesIzzy Garufi CanadaChapman, Ross E Esq UNQUALIFIED08/05/2025
Ivan MagalhaesSmith Glick BrazilKing, Christopher A Esq NEW08/13/2025
Ivan MagalhaesSalvatore Stockham CanadaFeltz Printing Service RENEWAL08/03/2025
Ivan MagalhaesGreenwood Bolognia ArgentinaBuckley Miller Wright NEGOTIATION07/19/2025
Total Customers:6
Onyama Limba
Onyama LimbaIzzy Garufi CanadaChapman, Ross E Esq NEGOTIATION07/31/2025
Onyama LimbaJuan Wieser BrazilBuckley Miller Wright RENEWAL07/20/2025
Onyama LimbaMujtaba Nicka BrazilChemel, James L Cpa QUALIFIED07/26/2025
Onyama LimbaKaitlin Ostrosky GermanyBuckley Miller Wright QUALIFIED08/05/2025
Onyama LimbaSmith Glick BrazilPrinting Dimensions UNQUALIFIED07/17/2025
Onyama LimbaJennifer Amigon RussiaChanay, Jeffrey A Esq QUALIFIED08/12/2025
Onyama LimbaMaisha Rulapaugh BrazilCommercial Press QUALIFIED08/01/2025
Onyama LimbaAditya Kusko CanadaDorl, James J Esq RENEWAL08/10/2025
Onyama LimbaAdams Morasca CanadaBuckley Miller Wright RENEWAL08/03/2025
Onyama LimbaArvin Albares ItalyChapman, Ross E Esq NEGOTIATION07/26/2025
Total Customers:10
Stephen Shaw
Xuxue Feng
Xuxue FengJames Butt FranceFeiner Bros NEW08/03/2025
Xuxue FengJuan Wieser IndiaChemel, James L Cpa PROPOSAL08/02/2025
Total Customers:2
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerArvin Albares JapanTruhlar And Truhlar Attys QUALIFIED07/24/2025
Amy ElsnerClaire Tollner SpainTruhlar And Truhlar Attys NEGOTIATION08/08/2025
Amy ElsnerSalvatore Stockham IndiaBenton, John B Jr UNQUALIFIED08/10/2025
Anna FaliJefferson Schemmer IndiaKing, Christopher A Esq PROPOSAL07/26/2025
Anna FaliFaith Gillian United KingdomTruhlar And Truhlar Attys PROPOSAL08/02/2025
Anna FaliKaitlin Ostrosky FranceFeltz Printing Service NEGOTIATION07/31/2025
Anna FaliGreenwood Bolognia ArgentinaFeiner Bros RENEWAL08/02/2025
Anna FaliAdams Morasca ItalyChapman, Ross E Esq RENEWAL07/29/2025
Asiya JavayantMorrow Ruta IndiaKing, Christopher A Esq UNQUALIFIED08/07/2025
Asiya JavayantIzzy Garufi CanadaKing, Christopher A Esq QUALIFIED07/26/2025
Asiya JavayantCosta Dilliard IndiaDorl, James J Esq NEW07/28/2025
Asiya JavayantMurillo Malet United KingdomKing, Christopher A Esq PROPOSAL07/17/2025
Asiya JavayantClaire Tollner AustraliaCommercial Press UNQUALIFIED07/29/2025
Asiya JavayantOctavia Malet SpainMorlong Associates PROPOSAL08/11/2025
Bernardo DominicMaisha Rulapaugh SpainDorl, James J Esq NEGOTIATION08/09/2025
Bernardo DominicOctavia Malet JapanChemel, James L Cpa UNQUALIFIED08/09/2025
Bernardo DominicAntonio Caudy GermanyChemel, James L Cpa NEW08/05/2025
Bernardo DominicWickens Nestle ItalyKing, Christopher A Esq UNQUALIFIED07/31/2025
Bernardo DominicSinclair Waycott AustraliaKing, Christopher A Esq UNQUALIFIED07/18/2025
Elwin SharvillKadeem Flosi RussiaRangoni Of Florence NEGOTIATION07/21/2025
Elwin SharvillLeon Oldroyd CanadaCommercial Press QUALIFIED07/31/2025
Elwin SharvillClifford Rim United KingdomFeiner Bros PROPOSAL08/10/2025
Elwin SharvillEmily Whobrey SpainBuckley Miller Wright PROPOSAL08/10/2025
Ioni BowcherJennifer Amigon GermanyChemel, James L Cpa NEGOTIATION07/17/2025
Ioni BowcherJones Vocelka JapanBuckley Miller Wright QUALIFIED08/10/2025
Ioni BowcherFaith Gillian FranceKing, Christopher A Esq NEGOTIATION07/29/2025
Ioni BowcherChavez Briddick ArgentinaChanay, Jeffrey A Esq QUALIFIED07/17/2025
Ioni BowcherSilvio Slusarski ItalyRangoni Of Florence PROPOSAL07/16/2025
Ioni BowcherFrancesco Shinko FranceChanay, Jeffrey A Esq RENEWAL08/13/2025
Ivan MagalhaesIzzy Garufi GermanyChanay, Jeffrey A Esq UNQUALIFIED07/21/2025
Ivan MagalhaesSinclair Waycott RussiaTruhlar And Truhlar Attys UNQUALIFIED07/22/2025
Ivan MagalhaesIzzy Garufi CanadaChapman, Ross E Esq UNQUALIFIED08/05/2025
Ivan MagalhaesSmith Glick BrazilKing, Christopher A Esq NEW08/13/2025
Ivan MagalhaesSalvatore Stockham CanadaFeltz Printing Service RENEWAL08/03/2025
Ivan MagalhaesGreenwood Bolognia ArgentinaBuckley Miller Wright NEGOTIATION07/19/2025
Onyama LimbaIzzy Garufi CanadaChapman, Ross E Esq NEGOTIATION07/31/2025
Onyama LimbaJuan Wieser BrazilBuckley Miller Wright RENEWAL07/20/2025
Onyama LimbaMujtaba Nicka BrazilChemel, James L Cpa QUALIFIED07/26/2025
Onyama LimbaKaitlin Ostrosky GermanyBuckley Miller Wright QUALIFIED08/05/2025
Onyama LimbaSmith Glick BrazilPrinting Dimensions UNQUALIFIED07/17/2025
Onyama LimbaJennifer Amigon RussiaChanay, Jeffrey A Esq QUALIFIED08/12/2025
Onyama LimbaMaisha Rulapaugh BrazilCommercial Press QUALIFIED08/01/2025
Onyama LimbaAditya Kusko CanadaDorl, James J Esq RENEWAL08/10/2025
Onyama LimbaAdams Morasca CanadaBuckley Miller Wright RENEWAL08/03/2025
Onyama LimbaArvin Albares ItalyChapman, Ross E Esq NEGOTIATION07/26/2025
Stephen ShawJefferson Schemmer ItalyRangoni Of Florence NEW07/22/2025
Stephen ShawDeepesh Chui United KingdomTruhlar And Truhlar Attys RENEWAL07/20/2025
Stephen ShawFaith Gillian GermanyFeltz Printing Service QUALIFIED08/05/2025
Xuxue FengJames Butt FranceFeiner Bros NEW08/03/2025
Xuxue FengJuan Wieser IndiaChemel, James L Cpa PROPOSAL08/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>