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 ElsnerAlejandro Perin JapanFeiner Bros NEW10/08/2025
Amy ElsnerKaitlin Ostrosky JapanCommercial Press NEGOTIATION10/13/2025
Amy ElsnerSalvatore Stockham IndiaPrinting Dimensions NEGOTIATION09/17/2025
Amy ElsnerMisaki Royster SpainCommercial Press PROPOSAL10/10/2025
Amy ElsnerIsabel Bowley SpainDorl, James J Esq QUALIFIED09/19/2025
Total Customers:5
Anna Fali
Anna FaliSilvio Slusarski BrazilKing, Christopher A Esq UNQUALIFIED09/29/2025
Anna FaliRicardo Gaucho FranceFeiner Bros PROPOSAL09/29/2025
Anna FaliAditya Kusko RussiaChemel, James L Cpa NEGOTIATION10/09/2025
Anna FaliStacey Maclead FranceDorl, James J Esq PROPOSAL09/16/2025
Anna FaliJulie Stenseth BrazilCommercial Press PROPOSAL09/14/2025
Anna FaliAshley Doe CanadaChemel, James L Cpa PROPOSAL09/29/2025
Anna FaliAshley Doe SpainFeltz Printing Service NEW09/24/2025
Total Customers:7
Asiya Javayant
Asiya JavayantKaitlin Ostrosky United KingdomBuckley Miller Wright UNQUALIFIED09/15/2025
Asiya JavayantSinclair Waycott CanadaChemel, James L Cpa NEW09/14/2025
Asiya JavayantSmith Glick AustraliaPrinting Dimensions NEGOTIATION09/23/2025
Total Customers:3
Bernardo Dominic
Bernardo DominicMaria Marrier FrancePrinting Dimensions PROPOSAL09/25/2025
Bernardo DominicAshley Doe GermanyDorl, James J Esq RENEWAL10/02/2025
Bernardo DominicJefferson Schemmer SpainRangoni Of Florence RENEWAL10/11/2025
Total Customers:3
Elwin Sharvill
Elwin SharvillSinclair Waycott GermanyDorl, James J Esq QUALIFIED09/30/2025
Elwin SharvillMisaki Royster SpainFeltz Printing Service NEW10/09/2025
Elwin SharvillJones Vocelka GermanyDorl, James J Esq NEGOTIATION09/29/2025
Elwin SharvillAlejandro Perin United KingdomMorlong Associates NEW09/17/2025
Total Customers:4
Ioni Bowcher
Ioni BowcherAdams Morasca JapanChapman, Ross E Esq UNQUALIFIED09/23/2025
Ioni BowcherIzzy Garufi RussiaFeiner Bros NEW10/11/2025
Total Customers:2
Ivan Magalhaes
Ivan MagalhaesMunro Ferencz CanadaBuckley Miller Wright QUALIFIED10/08/2025
Ivan MagalhaesRicardo Gaucho BrazilFeltz Printing Service NEGOTIATION10/13/2025
Ivan MagalhaesMurillo Malet SpainFeltz Printing Service NEW09/14/2025
Ivan MagalhaesJefferson Schemmer BrazilBenton, John B Jr PROPOSAL10/06/2025
Ivan MagalhaesLeja Caldarera CanadaRousseaux, Michael Esq UNQUALIFIED09/25/2025
Total Customers:5
Onyama Limba
Onyama LimbaOctavia Malet BrazilFeltz Printing Service NEGOTIATION10/09/2025
Onyama LimbaJefferson Schemmer JapanMorlong Associates NEGOTIATION09/28/2025
Onyama LimbaKadeem Flosi IndiaCommercial Press PROPOSAL09/25/2025
Onyama LimbaJuan Wieser IndiaDorl, James J Esq UNQUALIFIED10/10/2025
Onyama LimbaSalvatore Stockham IndiaKing, Christopher A Esq RENEWAL09/24/2025
Total Customers:5
Stephen Shaw
Xuxue Feng
Xuxue FengMayumi Kolmetz United KingdomMorlong Associates RENEWAL09/22/2025
Xuxue FengMaisha Rulapaugh FranceBenton, John B Jr PROPOSAL09/19/2025
Xuxue FengMayumi Kolmetz IndiaPrinting Dimensions QUALIFIED10/08/2025
Xuxue FengAruna Figeroa JapanMorlong Associates NEW09/16/2025
Xuxue FengCosta Dilliard FranceChanay, Jeffrey A Esq NEW10/13/2025
Xuxue FengAika Inouye CanadaBuckley Miller Wright UNQUALIFIED09/30/2025
Xuxue FengMunro Ferencz ItalyPrinting Dimensions QUALIFIED09/24/2025
Total Customers:7
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerAlejandro Perin JapanFeiner Bros NEW10/08/2025
Amy ElsnerKaitlin Ostrosky JapanCommercial Press NEGOTIATION10/13/2025
Amy ElsnerSalvatore Stockham IndiaPrinting Dimensions NEGOTIATION09/17/2025
Amy ElsnerMisaki Royster SpainCommercial Press PROPOSAL10/10/2025
Amy ElsnerIsabel Bowley SpainDorl, James J Esq QUALIFIED09/19/2025
Anna FaliSilvio Slusarski BrazilKing, Christopher A Esq UNQUALIFIED09/29/2025
Anna FaliRicardo Gaucho FranceFeiner Bros PROPOSAL09/29/2025
Anna FaliAditya Kusko RussiaChemel, James L Cpa NEGOTIATION10/09/2025
Anna FaliStacey Maclead FranceDorl, James J Esq PROPOSAL09/16/2025
Anna FaliJulie Stenseth BrazilCommercial Press PROPOSAL09/14/2025
Anna FaliAshley Doe CanadaChemel, James L Cpa PROPOSAL09/29/2025
Anna FaliAshley Doe SpainFeltz Printing Service NEW09/24/2025
Asiya JavayantKaitlin Ostrosky United KingdomBuckley Miller Wright UNQUALIFIED09/15/2025
Asiya JavayantSinclair Waycott CanadaChemel, James L Cpa NEW09/14/2025
Asiya JavayantSmith Glick AustraliaPrinting Dimensions NEGOTIATION09/23/2025
Bernardo DominicMaria Marrier FrancePrinting Dimensions PROPOSAL09/25/2025
Bernardo DominicAshley Doe GermanyDorl, James J Esq RENEWAL10/02/2025
Bernardo DominicJefferson Schemmer SpainRangoni Of Florence RENEWAL10/11/2025
Elwin SharvillSinclair Waycott GermanyDorl, James J Esq QUALIFIED09/30/2025
Elwin SharvillMisaki Royster SpainFeltz Printing Service NEW10/09/2025
Elwin SharvillJones Vocelka GermanyDorl, James J Esq NEGOTIATION09/29/2025
Elwin SharvillAlejandro Perin United KingdomMorlong Associates NEW09/17/2025
Ioni BowcherAdams Morasca JapanChapman, Ross E Esq UNQUALIFIED09/23/2025
Ioni BowcherIzzy Garufi RussiaFeiner Bros NEW10/11/2025
Ivan MagalhaesMunro Ferencz CanadaBuckley Miller Wright QUALIFIED10/08/2025
Ivan MagalhaesRicardo Gaucho BrazilFeltz Printing Service NEGOTIATION10/13/2025
Ivan MagalhaesMurillo Malet SpainFeltz Printing Service NEW09/14/2025
Ivan MagalhaesJefferson Schemmer BrazilBenton, John B Jr PROPOSAL10/06/2025
Ivan MagalhaesLeja Caldarera CanadaRousseaux, Michael Esq UNQUALIFIED09/25/2025
Onyama LimbaOctavia Malet BrazilFeltz Printing Service NEGOTIATION10/09/2025
Onyama LimbaJefferson Schemmer JapanMorlong Associates NEGOTIATION09/28/2025
Onyama LimbaKadeem Flosi IndiaCommercial Press PROPOSAL09/25/2025
Onyama LimbaJuan Wieser IndiaDorl, James J Esq UNQUALIFIED10/10/2025
Onyama LimbaSalvatore Stockham IndiaKing, Christopher A Esq RENEWAL09/24/2025
Stephen ShawCosta Dilliard CanadaKing, Christopher A Esq UNQUALIFIED09/29/2025
Stephen ShawDarci Poquette IndiaDorl, James J Esq PROPOSAL09/25/2025
Stephen ShawKadeem Flosi ItalyCommercial Press RENEWAL09/14/2025
Stephen ShawMunro Ferencz SpainChapman, Ross E Esq PROPOSAL09/27/2025
Stephen ShawIvar Paprocki ArgentinaCommercial Press RENEWAL09/16/2025
Stephen ShawChavez Briddick GermanyCommercial Press NEGOTIATION10/07/2025
Stephen ShawJeanfrancois Venere BrazilMorlong Associates QUALIFIED09/17/2025
Stephen ShawKaitlin Ostrosky United KingdomTruhlar And Truhlar Attys UNQUALIFIED09/19/2025
Stephen ShawIsabel Bowley IndiaChemel, James L Cpa UNQUALIFIED09/25/2025
Xuxue FengMayumi Kolmetz United KingdomMorlong Associates RENEWAL09/22/2025
Xuxue FengMaisha Rulapaugh FranceBenton, John B Jr PROPOSAL09/19/2025
Xuxue FengMayumi Kolmetz IndiaPrinting Dimensions QUALIFIED10/08/2025
Xuxue FengAruna Figeroa JapanMorlong Associates NEW09/16/2025
Xuxue FengCosta Dilliard FranceChanay, Jeffrey A Esq NEW10/13/2025
Xuxue FengAika Inouye CanadaBuckley Miller Wright UNQUALIFIED09/30/2025
Xuxue FengMunro Ferencz ItalyPrinting Dimensions QUALIFIED09/24/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>