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 ElsnerOctavia Malet IndiaKing, Christopher A Esq QUALIFIED10/21/2025
Amy ElsnerJeanfrancois Venere BrazilRangoni Of Florence RENEWAL10/05/2025
Amy ElsnerAdams Morasca JapanChanay, Jeffrey A Esq QUALIFIED10/20/2025
Total Customers:3
Anna Fali
Anna FaliMaisha Rulapaugh CanadaFeiner Bros UNQUALIFIED10/20/2025
Anna FaliGreenwood Bolognia ArgentinaBenton, John B Jr RENEWAL10/03/2025
Anna FaliMayumi Kolmetz CanadaBuckley Miller Wright RENEWAL10/21/2025
Anna FaliRicardo Gaucho United KingdomCommercial Press NEW10/11/2025
Anna FaliRodrigues Campain FrancePrinting Dimensions QUALIFIED10/14/2025
Anna FaliFrancesco Shinko BrazilFeiner Bros NEGOTIATION10/07/2025
Anna FaliAdams Morasca AustraliaKing, Christopher A Esq RENEWAL10/16/2025
Anna FaliGreenwood Bolognia IndiaBenton, John B Jr NEW09/23/2025
Total Customers:8
Asiya Javayant
Asiya JavayantOctavia Malet United KingdomMorlong Associates QUALIFIED10/01/2025
Asiya JavayantAruna Figeroa JapanChanay, Jeffrey A Esq UNQUALIFIED10/06/2025
Asiya JavayantAika Inouye ItalyDorl, James J Esq QUALIFIED10/16/2025
Asiya JavayantMujtaba Nicka RussiaFeiner Bros QUALIFIED10/03/2025
Asiya JavayantMurillo Malet BrazilTruhlar And Truhlar Attys NEGOTIATION10/20/2025
Total Customers:5
Bernardo Dominic
Bernardo DominicEmily Whobrey GermanyTruhlar And Truhlar Attys UNQUALIFIED10/17/2025
Bernardo DominicClifford Rim AustraliaChemel, James L Cpa NEW10/05/2025
Bernardo DominicMurillo Malet IndiaChanay, Jeffrey A Esq UNQUALIFIED09/26/2025
Bernardo DominicLeja Caldarera United KingdomChapman, Ross E Esq UNQUALIFIED10/01/2025
Total Customers:4
Elwin Sharvill
Elwin SharvillLeja Caldarera ArgentinaRousseaux, Michael Esq QUALIFIED09/26/2025
Elwin SharvillJames Butt United KingdomCommercial Press NEW10/20/2025
Elwin SharvillFaith Gillian IndiaDorl, James J Esq QUALIFIED10/15/2025
Total Customers:3
Ioni Bowcher
Ioni BowcherAntonio Caudy SpainRousseaux, Michael Esq NEW09/26/2025
Ioni BowcherCody Saylors FranceChemel, James L Cpa UNQUALIFIED09/30/2025
Total Customers:2
Ivan Magalhaes
Ivan MagalhaesMujtaba Nicka CanadaTruhlar And Truhlar Attys QUALIFIED10/07/2025
Ivan MagalhaesRicardo Gaucho FranceBuckley Miller Wright PROPOSAL09/27/2025
Ivan MagalhaesRicardo Gaucho JapanDorl, James J Esq PROPOSAL09/30/2025
Ivan MagalhaesAditya Kusko ItalyFeiner Bros PROPOSAL09/28/2025
Ivan MagalhaesSinclair Waycott SpainBenton, John B Jr PROPOSAL10/07/2025
Ivan MagalhaesClifford Rim GermanyDorl, James J Esq RENEWAL10/06/2025
Ivan MagalhaesClaire Tollner RussiaDorl, James J Esq UNQUALIFIED10/09/2025
Ivan MagalhaesIsabel Bowley BrazilRousseaux, Michael Esq QUALIFIED09/26/2025
Total Customers:8
Onyama Limba
Onyama LimbaMurillo Malet BrazilBuckley Miller Wright NEW10/20/2025
Onyama LimbaAika Inouye RussiaFeiner Bros RENEWAL10/05/2025
Onyama LimbaSalvatore Stockham GermanyPrinting Dimensions NEGOTIATION10/18/2025
Onyama LimbaMaisha Rulapaugh BrazilTruhlar And Truhlar Attys UNQUALIFIED10/10/2025
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengMayumi Kolmetz ItalyTruhlar And Truhlar Attys PROPOSAL09/23/2025
Xuxue FengWickens Nestle FranceMorlong Associates NEW10/13/2025
Total Customers:2
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerOctavia Malet IndiaKing, Christopher A Esq QUALIFIED10/21/2025
Amy ElsnerJeanfrancois Venere BrazilRangoni Of Florence RENEWAL10/05/2025
Amy ElsnerAdams Morasca JapanChanay, Jeffrey A Esq QUALIFIED10/20/2025
Anna FaliMaisha Rulapaugh CanadaFeiner Bros UNQUALIFIED10/20/2025
Anna FaliGreenwood Bolognia ArgentinaBenton, John B Jr RENEWAL10/03/2025
Anna FaliMayumi Kolmetz CanadaBuckley Miller Wright RENEWAL10/21/2025
Anna FaliRicardo Gaucho United KingdomCommercial Press NEW10/11/2025
Anna FaliRodrigues Campain FrancePrinting Dimensions QUALIFIED10/14/2025
Anna FaliFrancesco Shinko BrazilFeiner Bros NEGOTIATION10/07/2025
Anna FaliAdams Morasca AustraliaKing, Christopher A Esq RENEWAL10/16/2025
Anna FaliGreenwood Bolognia IndiaBenton, John B Jr NEW09/23/2025
Asiya JavayantOctavia Malet United KingdomMorlong Associates QUALIFIED10/01/2025
Asiya JavayantAruna Figeroa JapanChanay, Jeffrey A Esq UNQUALIFIED10/06/2025
Asiya JavayantAika Inouye ItalyDorl, James J Esq QUALIFIED10/16/2025
Asiya JavayantMujtaba Nicka RussiaFeiner Bros QUALIFIED10/03/2025
Asiya JavayantMurillo Malet BrazilTruhlar And Truhlar Attys NEGOTIATION10/20/2025
Bernardo DominicEmily Whobrey GermanyTruhlar And Truhlar Attys UNQUALIFIED10/17/2025
Bernardo DominicClifford Rim AustraliaChemel, James L Cpa NEW10/05/2025
Bernardo DominicMurillo Malet IndiaChanay, Jeffrey A Esq UNQUALIFIED09/26/2025
Bernardo DominicLeja Caldarera United KingdomChapman, Ross E Esq UNQUALIFIED10/01/2025
Elwin SharvillLeja Caldarera ArgentinaRousseaux, Michael Esq QUALIFIED09/26/2025
Elwin SharvillJames Butt United KingdomCommercial Press NEW10/20/2025
Elwin SharvillFaith Gillian IndiaDorl, James J Esq QUALIFIED10/15/2025
Ioni BowcherAntonio Caudy SpainRousseaux, Michael Esq NEW09/26/2025
Ioni BowcherCody Saylors FranceChemel, James L Cpa UNQUALIFIED09/30/2025
Ivan MagalhaesMujtaba Nicka CanadaTruhlar And Truhlar Attys QUALIFIED10/07/2025
Ivan MagalhaesRicardo Gaucho FranceBuckley Miller Wright PROPOSAL09/27/2025
Ivan MagalhaesRicardo Gaucho JapanDorl, James J Esq PROPOSAL09/30/2025
Ivan MagalhaesAditya Kusko ItalyFeiner Bros PROPOSAL09/28/2025
Ivan MagalhaesSinclair Waycott SpainBenton, John B Jr PROPOSAL10/07/2025
Ivan MagalhaesClifford Rim GermanyDorl, James J Esq RENEWAL10/06/2025
Ivan MagalhaesClaire Tollner RussiaDorl, James J Esq UNQUALIFIED10/09/2025
Ivan MagalhaesIsabel Bowley BrazilRousseaux, Michael Esq QUALIFIED09/26/2025
Onyama LimbaMurillo Malet BrazilBuckley Miller Wright NEW10/20/2025
Onyama LimbaAika Inouye RussiaFeiner Bros RENEWAL10/05/2025
Onyama LimbaSalvatore Stockham GermanyPrinting Dimensions NEGOTIATION10/18/2025
Onyama LimbaMaisha Rulapaugh BrazilTruhlar And Truhlar Attys UNQUALIFIED10/10/2025
Stephen ShawJennifer Amigon United KingdomChapman, Ross E Esq NEGOTIATION10/06/2025
Stephen ShawMunro Ferencz RussiaChemel, James L Cpa UNQUALIFIED10/18/2025
Stephen ShawChavez Briddick BrazilMorlong Associates NEGOTIATION09/25/2025
Stephen ShawMunro Ferencz BrazilKing, Christopher A Esq RENEWAL09/29/2025
Stephen ShawAruna Figeroa JapanBuckley Miller Wright NEW10/05/2025
Stephen ShawDavid Darakjy United KingdomTruhlar And Truhlar Attys QUALIFIED10/01/2025
Stephen ShawSmith Glick AustraliaFeltz Printing Service NEGOTIATION10/03/2025
Stephen ShawSmith Glick AustraliaChanay, Jeffrey A Esq UNQUALIFIED09/25/2025
Stephen ShawMunro Ferencz ArgentinaChanay, Jeffrey A Esq PROPOSAL09/22/2025
Stephen ShawDavid Darakjy IndiaChemel, James L Cpa QUALIFIED10/03/2025
Stephen ShawKadeem Flosi SpainRousseaux, Michael Esq NEW09/23/2025
Xuxue FengMayumi Kolmetz ItalyTruhlar And Truhlar Attys PROPOSAL09/23/2025
Xuxue FengWickens Nestle FranceMorlong Associates NEW10/13/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>