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

PREMIUM TEMPLATES

Create awesome applications in no time using the premium templates and impress your users.

DataTable Row Grouping

Rows can be grouped in two ways, using rowGroup component or with groupRow attribute on a column.

Header Row
RepresentativeNameCountryCompanyStatusDate
Amy Elsner
Amy ElsnerSalvatore Stockham JapanBuckley Miller Wright NEGOTIATION02/04/2021
Amy ElsnerMorrow Ruta RussiaFeiner Bros UNQUALIFIED02/25/2021
Amy ElsnerJuan Wieser ArgentinaChanay, Jeffrey A Esq NEGOTIATION02/21/2021
Amy ElsnerCody Saylors ItalyPrinting Dimensions NEGOTIATION01/28/2021
Amy ElsnerMaisha Rulapaugh BrazilDorl, James J Esq RENEWAL02/16/2021
Total Customers:5
Anna Fali
Anna FaliIvar Paprocki BrazilChapman, Ross E Esq NEGOTIATION01/31/2021
Anna FaliArvin Albares CanadaPrinting Dimensions RENEWAL02/11/2021
Anna FaliJames Butt CanadaCommercial Press RENEWAL02/16/2021
Anna FaliCody Saylors SpainTruhlar And Truhlar Attys QUALIFIED02/22/2021
Total Customers:4
Asiya Javayant
Asiya JavayantAshley Doe BrazilFeltz Printing Service UNQUALIFIED02/18/2021
Asiya JavayantChavez Briddick ItalyDorl, James J Esq QUALIFIED02/21/2021
Asiya JavayantStacey Maclead IndiaFeltz Printing Service PROPOSAL02/02/2021
Asiya JavayantChavez Briddick ArgentinaMorlong Associates RENEWAL02/11/2021
Asiya JavayantCody Saylors GermanyChapman, Ross E Esq RENEWAL02/24/2021
Asiya JavayantMayumi Kolmetz SpainChemel, James L Cpa RENEWAL02/24/2021
Asiya JavayantWickens Nestle FranceDorl, James J Esq QUALIFIED02/23/2021
Asiya JavayantChavez Briddick CanadaChapman, Ross E Esq QUALIFIED02/09/2021
Total Customers:8
Bernardo Dominic
Bernardo DominicMaisha Rulapaugh AustraliaMorlong Associates NEW01/31/2021
Bernardo DominicAlejandro Perin BrazilMorlong Associates UNQUALIFIED02/13/2021
Bernardo DominicEmily Whobrey ItalyRangoni Of Florence NEW02/22/2021
Bernardo DominicDavid Darakjy RussiaCommercial Press PROPOSAL02/25/2021
Bernardo DominicGreenwood Bolognia JapanChapman, Ross E Esq PROPOSAL02/11/2021
Total Customers:5
Elwin Sharvill
Elwin SharvillDarci Poquette CanadaBuckley Miller Wright NEGOTIATION02/20/2021
Elwin SharvillDarci Poquette ArgentinaTruhlar And Truhlar Attys NEGOTIATION02/26/2021
Elwin SharvillOctavia Malet IndiaFeltz Printing Service UNQUALIFIED02/09/2021
Total Customers:3
Ioni Bowcher
Ioni BowcherMunro Ferencz ArgentinaChapman, Ross E Esq NEGOTIATION02/12/2021
Ioni BowcherMujtaba Nicka ArgentinaKing, Christopher A Esq NEW02/15/2021
Ioni BowcherMaria Marrier SpainDorl, James J Esq PROPOSAL02/11/2021
Total Customers:3
Ivan Magalhaes
Ivan MagalhaesChavez Briddick SpainPrinting Dimensions NEW02/22/2021
Ivan MagalhaesStacey Maclead AustraliaFeiner Bros RENEWAL01/30/2021
Ivan MagalhaesAntonio Caudy RussiaDorl, James J Esq NEW02/22/2021
Ivan MagalhaesRicardo Gaucho ArgentinaChanay, Jeffrey A Esq QUALIFIED01/30/2021
Ivan MagalhaesOctavia Malet FranceChemel, James L Cpa UNQUALIFIED02/09/2021
Ivan MagalhaesJeanfrancois Venere CanadaBenton, John B Jr NEGOTIATION02/16/2021
Total Customers:6
Onyama Limba
Onyama LimbaSalvatore Stockham RussiaMorlong Associates NEW02/11/2021
Onyama LimbaAditya Kusko CanadaChapman, Ross E Esq RENEWAL02/10/2021
Onyama LimbaRodrigues Campain ArgentinaRousseaux, Michael Esq QUALIFIED02/20/2021
Onyama LimbaClaire Tollner CanadaChemel, James L Cpa QUALIFIED02/05/2021
Onyama LimbaRicardo Gaucho GermanyFeltz Printing Service PROPOSAL01/29/2021
Onyama LimbaIvar Paprocki BrazilFeltz Printing Service QUALIFIED02/23/2021
Onyama LimbaMayumi Kolmetz ItalyMorlong Associates RENEWAL01/30/2021
Total Customers:7
Stephen Shaw
Xuxue Feng
Xuxue FengStacey Maclead CanadaKing, Christopher A Esq PROPOSAL01/28/2021
Xuxue FengMunro Ferencz ArgentinaRangoni Of Florence NEW02/18/2021
Xuxue FengAntonio Caudy ItalyRangoni Of Florence NEGOTIATION02/25/2021
Xuxue FengKaitlin Ostrosky ItalyFeltz Printing Service PROPOSAL02/05/2021
Xuxue FengJeanfrancois Venere CanadaRousseaux, Michael Esq PROPOSAL01/29/2021
Xuxue FengLeja Caldarera FranceFeiner Bros NEGOTIATION02/01/2021
Total Customers:6
Rowspan
RepresentativeNameCountryCompanyStatusDate
Amy ElsnerSalvatore Stockham JapanBuckley Miller Wright NEGOTIATION02/04/2021
Amy ElsnerMorrow Ruta RussiaFeiner Bros UNQUALIFIED02/25/2021
Amy ElsnerJuan Wieser ArgentinaChanay, Jeffrey A Esq NEGOTIATION02/21/2021
Amy ElsnerCody Saylors ItalyPrinting Dimensions NEGOTIATION01/28/2021
Amy ElsnerMaisha Rulapaugh BrazilDorl, James J Esq RENEWAL02/16/2021
Anna FaliIvar Paprocki BrazilChapman, Ross E Esq NEGOTIATION01/31/2021
Anna FaliArvin Albares CanadaPrinting Dimensions RENEWAL02/11/2021
Anna FaliJames Butt CanadaCommercial Press RENEWAL02/16/2021
Anna FaliCody Saylors SpainTruhlar And Truhlar Attys QUALIFIED02/22/2021
Asiya JavayantAshley Doe BrazilFeltz Printing Service UNQUALIFIED02/18/2021
Asiya JavayantChavez Briddick ItalyDorl, James J Esq QUALIFIED02/21/2021
Asiya JavayantStacey Maclead IndiaFeltz Printing Service PROPOSAL02/02/2021
Asiya JavayantChavez Briddick ArgentinaMorlong Associates RENEWAL02/11/2021
Asiya JavayantCody Saylors GermanyChapman, Ross E Esq RENEWAL02/24/2021
Asiya JavayantMayumi Kolmetz SpainChemel, James L Cpa RENEWAL02/24/2021
Asiya JavayantWickens Nestle FranceDorl, James J Esq QUALIFIED02/23/2021
Asiya JavayantChavez Briddick CanadaChapman, Ross E Esq QUALIFIED02/09/2021
Bernardo DominicMaisha Rulapaugh AustraliaMorlong Associates NEW01/31/2021
Bernardo DominicAlejandro Perin BrazilMorlong Associates UNQUALIFIED02/13/2021
Bernardo DominicEmily Whobrey ItalyRangoni Of Florence NEW02/22/2021
Bernardo DominicDavid Darakjy RussiaCommercial Press PROPOSAL02/25/2021
Bernardo DominicGreenwood Bolognia JapanChapman, Ross E Esq PROPOSAL02/11/2021
Elwin SharvillDarci Poquette CanadaBuckley Miller Wright NEGOTIATION02/20/2021
Elwin SharvillDarci Poquette ArgentinaTruhlar And Truhlar Attys NEGOTIATION02/26/2021
Elwin SharvillOctavia Malet IndiaFeltz Printing Service UNQUALIFIED02/09/2021
Ioni BowcherMunro Ferencz ArgentinaChapman, Ross E Esq NEGOTIATION02/12/2021
Ioni BowcherMujtaba Nicka ArgentinaKing, Christopher A Esq NEW02/15/2021
Ioni BowcherMaria Marrier SpainDorl, James J Esq PROPOSAL02/11/2021
Ivan MagalhaesChavez Briddick SpainPrinting Dimensions NEW02/22/2021
Ivan MagalhaesStacey Maclead AustraliaFeiner Bros RENEWAL01/30/2021
Ivan MagalhaesAntonio Caudy RussiaDorl, James J Esq NEW02/22/2021
Ivan MagalhaesRicardo Gaucho ArgentinaChanay, Jeffrey A Esq QUALIFIED01/30/2021
Ivan MagalhaesOctavia Malet FranceChemel, James L Cpa UNQUALIFIED02/09/2021
Ivan MagalhaesJeanfrancois Venere CanadaBenton, John B Jr NEGOTIATION02/16/2021
Onyama LimbaSalvatore Stockham RussiaMorlong Associates NEW02/11/2021
Onyama LimbaAditya Kusko CanadaChapman, Ross E Esq RENEWAL02/10/2021
Onyama LimbaRodrigues Campain ArgentinaRousseaux, Michael Esq QUALIFIED02/20/2021
Onyama LimbaClaire Tollner CanadaChemel, James L Cpa QUALIFIED02/05/2021
Onyama LimbaRicardo Gaucho GermanyFeltz Printing Service PROPOSAL01/29/2021
Onyama LimbaIvar Paprocki BrazilFeltz Printing Service QUALIFIED02/23/2021
Onyama LimbaMayumi Kolmetz ItalyMorlong Associates RENEWAL01/30/2021
Stephen ShawMujtaba Nicka CanadaBenton, John B Jr NEW02/01/2021
Stephen ShawAika Inouye FranceChemel, James L Cpa NEW02/03/2021
Stephen ShawMurillo Malet FranceChapman, Ross E Esq QUALIFIED02/12/2021
Xuxue FengStacey Maclead CanadaKing, Christopher A Esq PROPOSAL01/28/2021
Xuxue FengMunro Ferencz ArgentinaRangoni Of Florence NEW02/18/2021
Xuxue FengAntonio Caudy ItalyRangoni Of Florence NEGOTIATION02/25/2021
Xuxue FengKaitlin Ostrosky ItalyFeltz Printing Service PROPOSAL02/05/2021
Xuxue FengJeanfrancois Venere CanadaRousseaux, Michael Esq PROPOSAL01/29/2021
Xuxue FengLeja Caldarera FranceFeiner Bros NEGOTIATION02/01/2021

<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="p-d-inline-flex p-ai-center" style="vertical-align: middle">
                        <p:graphicImage name="images/avatar/#{customer.representative.image}" library="demo" width="32" style="vertical-align: middle"/>
                        <h:outputText styleClass="p-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.name().toLowerCase()}">#{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.name().toLowerCase()}">#{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>