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 ElsnerKadeem Flosi AustraliaRangoni Of Florence UNQUALIFIED10/07/2025
Total Customers:1
Anna Fali
Anna FaliLeon Oldroyd IndiaMorlong Associates NEGOTIATION10/15/2025
Anna FaliJuan Wieser BrazilBuckley Miller Wright PROPOSAL09/19/2025
Anna FaliMaria Marrier GermanyFeltz Printing Service UNQUALIFIED09/19/2025
Anna FaliMaisha Rulapaugh SpainChapman, Ross E Esq RENEWAL09/28/2025
Anna FaliMunro Ferencz CanadaRousseaux, Michael Esq NEGOTIATION09/19/2025
Anna FaliJulie Stenseth ArgentinaBenton, John B Jr QUALIFIED09/23/2025
Total Customers:6
Asiya Javayant
Asiya JavayantClaire Tollner AustraliaBenton, John B Jr NEGOTIATION09/22/2025
Asiya JavayantAntonio Caudy BrazilKing, Christopher A Esq NEGOTIATION10/07/2025
Asiya JavayantNicolas Iturbide ItalyDorl, James J Esq RENEWAL10/15/2025
Asiya JavayantFaith Gillian ItalyFeiner Bros PROPOSAL09/21/2025
Asiya JavayantDeepesh Chui IndiaRousseaux, Michael Esq RENEWAL10/17/2025
Asiya JavayantJennifer Amigon AustraliaBenton, John B Jr PROPOSAL09/29/2025
Asiya JavayantDavid Darakjy IndiaBuckley Miller Wright NEW10/13/2025
Asiya JavayantLeon Oldroyd RussiaTruhlar And Truhlar Attys NEW10/11/2025
Total Customers:8
Bernardo Dominic
Bernardo DominicAlejandro Perin AustraliaRangoni Of Florence NEGOTIATION10/04/2025
Bernardo DominicJeanfrancois Venere AustraliaBuckley Miller Wright NEW10/12/2025
Total Customers:2
Elwin Sharvill
Elwin SharvillAika Inouye IndiaMorlong Associates NEW09/25/2025
Elwin SharvillAlejandro Perin ArgentinaDorl, James J Esq UNQUALIFIED09/22/2025
Elwin SharvillAruna Figeroa United KingdomRangoni Of Florence NEW10/08/2025
Elwin SharvillJulie Stenseth CanadaCommercial Press RENEWAL10/17/2025
Total Customers:4
Ioni Bowcher
Ioni BowcherMujtaba Nicka CanadaChanay, Jeffrey A Esq QUALIFIED09/25/2025
Ioni BowcherMujtaba Nicka IndiaRousseaux, Michael Esq QUALIFIED10/10/2025
Ioni BowcherSalvatore Stockham GermanyTruhlar And Truhlar Attys NEW09/21/2025
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesFaith Gillian AustraliaMorlong Associates QUALIFIED10/04/2025
Ivan MagalhaesAdams Morasca CanadaTruhlar And Truhlar Attys NEGOTIATION09/29/2025
Ivan MagalhaesAdams Morasca IndiaChapman, Ross E Esq NEW09/30/2025
Ivan MagalhaesChavez Briddick CanadaRousseaux, Michael Esq NEW10/10/2025
Ivan MagalhaesAshley Doe GermanyChemel, James L Cpa QUALIFIED10/08/2025
Total Customers:5
Onyama Limba
Onyama LimbaAlejandro Perin SpainCommercial Press NEW10/01/2025
Onyama LimbaOctavia Malet CanadaRangoni Of Florence NEW09/26/2025
Onyama LimbaDavid Darakjy JapanTruhlar And Truhlar Attys NEW10/12/2025
Onyama LimbaRodrigues Campain JapanFeiner Bros RENEWAL09/21/2025
Onyama LimbaJames Butt ItalyChanay, Jeffrey A Esq QUALIFIED10/13/2025
Total Customers:5
Stephen Shaw
Xuxue Feng
Xuxue FengDeepesh Chui ItalyChemel, James L Cpa PROPOSAL09/20/2025
Xuxue FengAlejandro Perin CanadaKing, Christopher A Esq NEGOTIATION09/20/2025
Xuxue FengMaisha Rulapaugh ItalyCommercial Press PROPOSAL09/21/2025
Xuxue FengAshley Doe SpainChemel, James L Cpa QUALIFIED09/28/2025
Xuxue FengAlejandro Perin JapanChemel, James L Cpa RENEWAL10/15/2025
Xuxue FengMurillo Malet JapanKing, Christopher A Esq RENEWAL10/05/2025
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerKadeem Flosi AustraliaRangoni Of Florence UNQUALIFIED10/07/2025
Anna FaliLeon Oldroyd IndiaMorlong Associates NEGOTIATION10/15/2025
Anna FaliJuan Wieser BrazilBuckley Miller Wright PROPOSAL09/19/2025
Anna FaliMaria Marrier GermanyFeltz Printing Service UNQUALIFIED09/19/2025
Anna FaliMaisha Rulapaugh SpainChapman, Ross E Esq RENEWAL09/28/2025
Anna FaliMunro Ferencz CanadaRousseaux, Michael Esq NEGOTIATION09/19/2025
Anna FaliJulie Stenseth ArgentinaBenton, John B Jr QUALIFIED09/23/2025
Asiya JavayantClaire Tollner AustraliaBenton, John B Jr NEGOTIATION09/22/2025
Asiya JavayantAntonio Caudy BrazilKing, Christopher A Esq NEGOTIATION10/07/2025
Asiya JavayantNicolas Iturbide ItalyDorl, James J Esq RENEWAL10/15/2025
Asiya JavayantFaith Gillian ItalyFeiner Bros PROPOSAL09/21/2025
Asiya JavayantDeepesh Chui IndiaRousseaux, Michael Esq RENEWAL10/17/2025
Asiya JavayantJennifer Amigon AustraliaBenton, John B Jr PROPOSAL09/29/2025
Asiya JavayantDavid Darakjy IndiaBuckley Miller Wright NEW10/13/2025
Asiya JavayantLeon Oldroyd RussiaTruhlar And Truhlar Attys NEW10/11/2025
Bernardo DominicAlejandro Perin AustraliaRangoni Of Florence NEGOTIATION10/04/2025
Bernardo DominicJeanfrancois Venere AustraliaBuckley Miller Wright NEW10/12/2025
Elwin SharvillAika Inouye IndiaMorlong Associates NEW09/25/2025
Elwin SharvillAlejandro Perin ArgentinaDorl, James J Esq UNQUALIFIED09/22/2025
Elwin SharvillAruna Figeroa United KingdomRangoni Of Florence NEW10/08/2025
Elwin SharvillJulie Stenseth CanadaCommercial Press RENEWAL10/17/2025
Ioni BowcherMujtaba Nicka CanadaChanay, Jeffrey A Esq QUALIFIED09/25/2025
Ioni BowcherMujtaba Nicka IndiaRousseaux, Michael Esq QUALIFIED10/10/2025
Ioni BowcherSalvatore Stockham GermanyTruhlar And Truhlar Attys NEW09/21/2025
Ivan MagalhaesFaith Gillian AustraliaMorlong Associates QUALIFIED10/04/2025
Ivan MagalhaesAdams Morasca CanadaTruhlar And Truhlar Attys NEGOTIATION09/29/2025
Ivan MagalhaesAdams Morasca IndiaChapman, Ross E Esq NEW09/30/2025
Ivan MagalhaesChavez Briddick CanadaRousseaux, Michael Esq NEW10/10/2025
Ivan MagalhaesAshley Doe GermanyChemel, James L Cpa QUALIFIED10/08/2025
Onyama LimbaAlejandro Perin SpainCommercial Press NEW10/01/2025
Onyama LimbaOctavia Malet CanadaRangoni Of Florence NEW09/26/2025
Onyama LimbaDavid Darakjy JapanTruhlar And Truhlar Attys NEW10/12/2025
Onyama LimbaRodrigues Campain JapanFeiner Bros RENEWAL09/21/2025
Onyama LimbaJames Butt ItalyChanay, Jeffrey A Esq QUALIFIED10/13/2025
Stephen ShawMujtaba Nicka ItalyBuckley Miller Wright NEGOTIATION10/09/2025
Stephen ShawAditya Kusko JapanMorlong Associates NEW10/15/2025
Stephen ShawIsabel Bowley FranceRangoni Of Florence NEGOTIATION09/24/2025
Stephen ShawJones Vocelka SpainFeiner Bros NEGOTIATION09/20/2025
Stephen ShawJuan Wieser SpainChanay, Jeffrey A Esq NEW10/03/2025
Stephen ShawFrancesco Shinko ItalyMorlong Associates NEW10/04/2025
Stephen ShawRicardo Gaucho ItalyRousseaux, Michael Esq UNQUALIFIED10/15/2025
Stephen ShawLeja Caldarera FranceFeltz Printing Service RENEWAL09/29/2025
Stephen ShawRodrigues Campain BrazilRangoni Of Florence NEW09/29/2025
Stephen ShawLeja Caldarera FranceChapman, Ross E Esq NEGOTIATION09/19/2025
Xuxue FengDeepesh Chui ItalyChemel, James L Cpa PROPOSAL09/20/2025
Xuxue FengAlejandro Perin CanadaKing, Christopher A Esq NEGOTIATION09/20/2025
Xuxue FengMaisha Rulapaugh ItalyCommercial Press PROPOSAL09/21/2025
Xuxue FengAshley Doe SpainChemel, James L Cpa QUALIFIED09/28/2025
Xuxue FengAlejandro Perin JapanChemel, James L Cpa RENEWAL10/15/2025
Xuxue FengMurillo Malet JapanKing, Christopher A Esq RENEWAL10/05/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>