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 ElsnerMisaki Royster FranceFeiner Bros PROPOSAL10/05/2025
Amy ElsnerMayumi Kolmetz FranceCommercial Press PROPOSAL09/20/2025
Amy ElsnerMisaki Royster JapanFeltz Printing Service UNQUALIFIED10/08/2025
Amy ElsnerStacey Maclead FranceCommercial Press QUALIFIED10/02/2025
Total Customers:4
Anna Fali
Anna FaliDavid Darakjy IndiaChanay, Jeffrey A Esq PROPOSAL09/17/2025
Anna FaliAdams Morasca BrazilMorlong Associates NEW09/16/2025
Anna FaliMunro Ferencz CanadaMorlong Associates PROPOSAL09/23/2025
Anna FaliMaria Marrier AustraliaChapman, Ross E Esq QUALIFIED09/22/2025
Total Customers:4
Asiya Javayant
Asiya JavayantMayumi Kolmetz CanadaRousseaux, Michael Esq UNQUALIFIED09/18/2025
Asiya JavayantJohnson Sergi BrazilFeltz Printing Service UNQUALIFIED09/16/2025
Asiya JavayantJennifer Amigon SpainChanay, Jeffrey A Esq UNQUALIFIED09/26/2025
Asiya JavayantDavid Darakjy FranceDorl, James J Esq NEGOTIATION10/07/2025
Asiya JavayantAdams Morasca RussiaBuckley Miller Wright QUALIFIED10/04/2025
Asiya JavayantChavez Briddick ArgentinaChanay, Jeffrey A Esq QUALIFIED10/01/2025
Total Customers:6
Bernardo Dominic
Bernardo DominicAdams Morasca United KingdomChemel, James L Cpa RENEWAL09/16/2025
Bernardo DominicIzzy Garufi FranceBenton, John B Jr NEGOTIATION09/22/2025
Bernardo DominicRodrigues Campain GermanyBuckley Miller Wright RENEWAL09/22/2025
Total Customers:3
Elwin Sharvill
Elwin SharvillMaisha Rulapaugh RussiaFeiner Bros UNQUALIFIED10/06/2025
Elwin SharvillIsabel Bowley IndiaBenton, John B Jr PROPOSAL09/28/2025
Elwin SharvillJohnson Sergi ArgentinaMorlong Associates RENEWAL10/01/2025
Elwin SharvillAdams Morasca SpainTruhlar And Truhlar Attys RENEWAL10/05/2025
Elwin SharvillMujtaba Nicka JapanRousseaux, Michael Esq NEGOTIATION09/28/2025
Total Customers:5
Ioni Bowcher
Ioni BowcherDeepesh Chui BrazilRangoni Of Florence NEW09/30/2025
Ioni BowcherTony Foller CanadaCommercial Press QUALIFIED09/22/2025
Ioni BowcherAruna Figeroa United KingdomChapman, Ross E Esq PROPOSAL10/03/2025
Ioni BowcherJennifer Amigon ArgentinaChemel, James L Cpa RENEWAL10/11/2025
Ioni BowcherCody Saylors JapanRousseaux, Michael Esq NEW10/12/2025
Total Customers:5
Ivan Magalhaes
Ivan MagalhaesChavez Briddick United KingdomRangoni Of Florence QUALIFIED09/29/2025
Ivan MagalhaesMaisha Rulapaugh United KingdomMorlong Associates NEW10/09/2025
Ivan MagalhaesDeepesh Chui SpainFeiner Bros NEGOTIATION09/16/2025
Ivan MagalhaesIvar Paprocki SpainMorlong Associates UNQUALIFIED10/05/2025
Ivan MagalhaesFaith Gillian United KingdomFeltz Printing Service RENEWAL09/19/2025
Ivan MagalhaesAika Inouye ItalyChapman, Ross E Esq NEGOTIATION10/14/2025
Total Customers:6
Onyama Limba
Onyama LimbaGreenwood Bolognia AustraliaCommercial Press NEW10/02/2025
Onyama LimbaMorrow Ruta BrazilDorl, James J Esq NEGOTIATION10/02/2025
Onyama LimbaIzzy Garufi ArgentinaChemel, James L Cpa NEW09/19/2025
Onyama LimbaGreenwood Bolognia IndiaChemel, James L Cpa QUALIFIED10/06/2025
Total Customers:4
Stephen Shaw
Xuxue Feng
Xuxue FengCosta Dilliard SpainBuckley Miller Wright NEGOTIATION10/07/2025
Xuxue FengEmily Whobrey GermanyBuckley Miller Wright NEGOTIATION09/26/2025
Xuxue FengWickens Nestle United KingdomBenton, John B Jr UNQUALIFIED10/12/2025
Xuxue FengKaitlin Ostrosky JapanBuckley Miller Wright QUALIFIED09/19/2025
Xuxue FengClifford Rim United KingdomFeltz Printing Service UNQUALIFIED10/02/2025
Xuxue FengMaisha Rulapaugh United KingdomBuckley Miller Wright UNQUALIFIED10/12/2025
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerMisaki Royster FranceFeiner Bros PROPOSAL10/05/2025
Amy ElsnerMayumi Kolmetz FranceCommercial Press PROPOSAL09/20/2025
Amy ElsnerMisaki Royster JapanFeltz Printing Service UNQUALIFIED10/08/2025
Amy ElsnerStacey Maclead FranceCommercial Press QUALIFIED10/02/2025
Anna FaliDavid Darakjy IndiaChanay, Jeffrey A Esq PROPOSAL09/17/2025
Anna FaliAdams Morasca BrazilMorlong Associates NEW09/16/2025
Anna FaliMunro Ferencz CanadaMorlong Associates PROPOSAL09/23/2025
Anna FaliMaria Marrier AustraliaChapman, Ross E Esq QUALIFIED09/22/2025
Asiya JavayantMayumi Kolmetz CanadaRousseaux, Michael Esq UNQUALIFIED09/18/2025
Asiya JavayantJohnson Sergi BrazilFeltz Printing Service UNQUALIFIED09/16/2025
Asiya JavayantJennifer Amigon SpainChanay, Jeffrey A Esq UNQUALIFIED09/26/2025
Asiya JavayantDavid Darakjy FranceDorl, James J Esq NEGOTIATION10/07/2025
Asiya JavayantAdams Morasca RussiaBuckley Miller Wright QUALIFIED10/04/2025
Asiya JavayantChavez Briddick ArgentinaChanay, Jeffrey A Esq QUALIFIED10/01/2025
Bernardo DominicAdams Morasca United KingdomChemel, James L Cpa RENEWAL09/16/2025
Bernardo DominicIzzy Garufi FranceBenton, John B Jr NEGOTIATION09/22/2025
Bernardo DominicRodrigues Campain GermanyBuckley Miller Wright RENEWAL09/22/2025
Elwin SharvillMaisha Rulapaugh RussiaFeiner Bros UNQUALIFIED10/06/2025
Elwin SharvillIsabel Bowley IndiaBenton, John B Jr PROPOSAL09/28/2025
Elwin SharvillJohnson Sergi ArgentinaMorlong Associates RENEWAL10/01/2025
Elwin SharvillAdams Morasca SpainTruhlar And Truhlar Attys RENEWAL10/05/2025
Elwin SharvillMujtaba Nicka JapanRousseaux, Michael Esq NEGOTIATION09/28/2025
Ioni BowcherDeepesh Chui BrazilRangoni Of Florence NEW09/30/2025
Ioni BowcherTony Foller CanadaCommercial Press QUALIFIED09/22/2025
Ioni BowcherAruna Figeroa United KingdomChapman, Ross E Esq PROPOSAL10/03/2025
Ioni BowcherJennifer Amigon ArgentinaChemel, James L Cpa RENEWAL10/11/2025
Ioni BowcherCody Saylors JapanRousseaux, Michael Esq NEW10/12/2025
Ivan MagalhaesChavez Briddick United KingdomRangoni Of Florence QUALIFIED09/29/2025
Ivan MagalhaesMaisha Rulapaugh United KingdomMorlong Associates NEW10/09/2025
Ivan MagalhaesDeepesh Chui SpainFeiner Bros NEGOTIATION09/16/2025
Ivan MagalhaesIvar Paprocki SpainMorlong Associates UNQUALIFIED10/05/2025
Ivan MagalhaesFaith Gillian United KingdomFeltz Printing Service RENEWAL09/19/2025
Ivan MagalhaesAika Inouye ItalyChapman, Ross E Esq NEGOTIATION10/14/2025
Onyama LimbaGreenwood Bolognia AustraliaCommercial Press NEW10/02/2025
Onyama LimbaMorrow Ruta BrazilDorl, James J Esq NEGOTIATION10/02/2025
Onyama LimbaIzzy Garufi ArgentinaChemel, James L Cpa NEW09/19/2025
Onyama LimbaGreenwood Bolognia IndiaChemel, James L Cpa QUALIFIED10/06/2025
Stephen ShawAshley Doe AustraliaChemel, James L Cpa NEGOTIATION09/17/2025
Stephen ShawIvar Paprocki AustraliaRousseaux, Michael Esq PROPOSAL10/08/2025
Stephen ShawIvar Paprocki United KingdomKing, Christopher A Esq RENEWAL09/19/2025
Stephen ShawCosta Dilliard CanadaMorlong Associates RENEWAL09/25/2025
Stephen ShawClifford Rim JapanFeiner Bros QUALIFIED09/21/2025
Stephen ShawAlejandro Perin RussiaTruhlar And Truhlar Attys RENEWAL09/26/2025
Stephen ShawMisaki Royster GermanyCommercial Press NEW09/19/2025
Xuxue FengCosta Dilliard SpainBuckley Miller Wright NEGOTIATION10/07/2025
Xuxue FengEmily Whobrey GermanyBuckley Miller Wright NEGOTIATION09/26/2025
Xuxue FengWickens Nestle United KingdomBenton, John B Jr UNQUALIFIED10/12/2025
Xuxue FengKaitlin Ostrosky JapanBuckley Miller Wright QUALIFIED09/19/2025
Xuxue FengClifford Rim United KingdomFeltz Printing Service UNQUALIFIED10/02/2025
Xuxue FengMaisha Rulapaugh United KingdomBuckley Miller Wright UNQUALIFIED10/12/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>