November Deals: Limited Coupons Available! 🎁 Claim Your Coupon

Locale

Change the locale of the datepicker, schedule and client side validation messages.

Language
English
English
English
French
German
German
German
Italian
Korean
Spanish
Catalan
Dutch
Portuguese
Portuguese
Arabic
Arabic
Bulgarian
Bangla
Bosnian
Czech
Greek
Persian
Finnish
Danish
Hindi
Indonesian
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

Themes

PrimeOne
Saga Blue Saga Blue
Vela Blue Vela Blue
Arya Blue Arya Blue
Bootstrap
Bootstrap Blue Light Bootstrap Blue Light
Bootstrap Purple Light Bootstrap Purple Light
Bootstrap Blue Dark Bootstrap Blue Dark
Bootstrap Purple Dark Bootstrap Purple Dark
Material Design
Material Indigo Light Material Indigo Light
Material Deep Purple Light Material Deep Purple Light
Material Indigo Dark Material Indigo Dark
Material Deep Purple Dark Material Deep Purple Dark
Material Design Compact
Material Compact Indigo Light Material Compact Indigo Light
Material Compact Deep Purple Light Material Compact Deep Purple Light
Material Compact Indigo Dark Material Compact Indigo Dark
Material Compact Deep Purple Dark Material Compact Deep Purple Dark
Legacy
Nova Light Nova Light
Nova Dark Nova Dark
Nova Colored Nova Colored
Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink

DataTable Scroll

Both vertical and horizontal scrolling of the data is supported with optional frozen rows-columns and on-demand loading features.

Vertical
NameCountryRepresentativeStatus
Nicolas J PoquetteAustraliaIoni Bowcher PROPOSAL
Sinclair N DilliardBrazilIvan Magalhaes RENEWAL
Ricardo H IturbideAustraliaAsiya Javayant PROPOSAL
Izzy Q GarufiCanadaAsiya Javayant RENEWAL
Misaki H GillianIndiaElwin Sharvill PROPOSAL
Munro R SaylorsGermanyStephen Shaw QUALIFIED
Emily O FlosiAustraliaAsiya Javayant NEW
Kadeem Q SaylorsBrazilBernardo Dominic PROPOSAL
Cody B CampainJapanOnyama Limba NEW
Rodrigues Z GarufiIndiaAnna Fali RENEWAL
Arvin K MacleadFranceAnna Fali QUALIFIED
Maria J NestleUnited KingdomAmy Elsner QUALIFIED
Tony V KuskoBrazilOnyama Limba QUALIFIED
Alejandro S StensethItalyAmy Elsner NEW
Chavez U GillianUnited KingdomIvan Magalhaes NEW
Emily S TollnerRussiaAsiya Javayant UNQUALIFIED
Antonio D FigeroaAustraliaOnyama Limba RENEWAL
James K OstroskySpainAsiya Javayant NEW
Murillo K NickaArgentinaIvan Magalhaes PROPOSAL
Ivar T DarakjyJapanElwin Sharvill RENEWAL
Maisha U CaldareraUnited KingdomAsiya Javayant NEGOTIATION
Leja D WieserJapanIoni Bowcher NEGOTIATION
Faith I PaprockiAustraliaXuxue Feng UNQUALIFIED
Munro R KuskoUnited KingdomElwin Sharvill PROPOSAL
Isabel I FlosiGermanyStephen Shaw NEGOTIATION
Izzy S CaudyBrazilIvan Magalhaes UNQUALIFIED
Mayumi T FigeroaCanadaBernardo Dominic NEW
Smith P BologniaUnited KingdomElwin Sharvill NEGOTIATION
Jones Y WieserJapanIoni Bowcher QUALIFIED
Izzy M NestleFranceAnna Fali PROPOSAL
James N CampainCanadaAnna Fali UNQUALIFIED
Leja I StockhamItalyBernardo Dominic UNQUALIFIED
Aditya X MorascaUnited KingdomStephen Shaw UNQUALIFIED
Misaki V IturbideCanadaIvan Magalhaes NEW
Jones B BowleyGermanyAsiya Javayant NEW
Costa T WaycottFranceOnyama Limba QUALIFIED
Rodrigues G IturbideArgentinaXuxue Feng PROPOSAL
Francesco E RulapaughJapanIoni Bowcher NEW
Mujtaba I RoysterCanadaAmy Elsner RENEWAL
Ricardo Z MaletCanadaBernardo Dominic QUALIFIED
Morrow R ButtBrazilAsiya Javayant RENEWAL
Kadeem K PoquetteGermanyOnyama Limba QUALIFIED
Faith J FollerIndiaAmy Elsner QUALIFIED
Deepesh F WaycottItalyXuxue Feng QUALIFIED
Johnson F ShinkoRussiaAmy Elsner NEGOTIATION
Emily L RimRussiaAsiya Javayant NEGOTIATION
Costa Q GillianFranceXuxue Feng RENEWAL
Darci T SlusarskiArgentinaBernardo Dominic QUALIFIED
Arvin H ButtBrazilIoni Bowcher PROPOSAL
Sinclair P SaylorsItalyIvan Magalhaes NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Jennifer X PoquetteBrazilIvan Magalhaes QUALIFIED
Darci E MaletJapanAsiya Javayant PROPOSAL
Deepesh O KolmetzRussiaAnna Fali RENEWAL
Murillo U KolmetzGermanyElwin Sharvill PROPOSAL
Darci N NestleIndiaBernardo Dominic UNQUALIFIED
Kaitlin D RimFranceElwin Sharvill PROPOSAL
Stacey F BowleyArgentinaElwin Sharvill QUALIFIED
Silvio D CaudyIndiaAsiya Javayant UNQUALIFIED
Francesco A SaylorsCanadaAsiya Javayant QUALIFIED
Tony C FigeroaFranceIoni Bowcher RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Munro L SlusarskiUnited Kingdom2026-10-05Benton, John B Jr QUALIFIED56Asiya Javayant
1001Francesco V ButtAustralia2026-10-25Rousseaux, Michael Esq PROPOSAL83Elwin Sharvill
1002Cody Z FerenczGermany2026-10-24Chanay, Jeffrey A Esq PROPOSAL35Anna Fali
1003Isabel I NickaArgentina2026-10-21Truhlar And Truhlar Attys PROPOSAL67Stephen Shaw
1004Cody N KolmetzRussia2026-10-19Truhlar And Truhlar Attys QUALIFIED66Onyama Limba
1005Silvio V WieserRussia2026-10-21Feiner Bros NEW38Ioni Bowcher
1006Chavez F NestleArgentina2026-10-04Chemel, James L Cpa PROPOSAL40Xuxue Feng
1007Leon L AmigonArgentina2026-10-16Buckley Miller Wright RENEWAL3Asiya Javayant
1008Octavia W NestleBrazil2026-10-14Chapman, Ross E Esq UNQUALIFIED15Amy Elsner
1009Leja G VenereJapan2026-10-23Truhlar And Truhlar Attys PROPOSAL12Xuxue Feng
1010Maria V MacleadGermany2026-10-08Chapman, Ross E Esq RENEWAL77Elwin Sharvill
1011Alejandro N AlbaresAustralia2026-09-29Dorl, James J Esq NEGOTIATION28Stephen Shaw
1012Kadeem Y WieserSpain2026-09-27Printing Dimensions RENEWAL14Asiya Javayant
1013Jeanfrancois Z ChuiArgentina2026-10-17Morlong Associates NEGOTIATION50Onyama Limba
1014Wickens P MaletUnited Kingdom2026-10-19Chemel, James L Cpa NEGOTIATION79Ivan Magalhaes
1015Claire Z SlusarskiCanada2026-10-25Feiner Bros UNQUALIFIED37Xuxue Feng
1016Francesco C ShinkoAustralia2026-10-16Feltz Printing Service QUALIFIED8Elwin Sharvill
1017Darci Y ChuiUnited Kingdom2026-09-29Chanay, Jeffrey A Esq RENEWAL33Ivan Magalhaes
1018Munro O AlbaresIndia2026-09-29Rousseaux, Michael Esq UNQUALIFIED74Bernardo Dominic
1019Leja K MorascaItaly2026-10-22Chanay, Jeffrey A Esq RENEWAL24Amy Elsner
1020Ashley P StockhamJapan2026-10-04Chemel, James L Cpa UNQUALIFIED2Xuxue Feng
1021Isabel W MarrierRussia2026-10-20Printing Dimensions NEGOTIATION21Stephen Shaw
1022Emily H OldroydItaly2026-10-16Rangoni Of Florence QUALIFIED53Bernardo Dominic
1023Jefferson P RimRussia2026-09-30Chanay, Jeffrey A Esq RENEWAL30Anna Fali
1024Julie V VocelkaBrazil2026-10-07Commercial Press RENEWAL55Amy Elsner
1025Morrow A RimIndia2026-10-09Morlong Associates PROPOSAL42Onyama Limba
1026Emily L KuskoGermany2026-09-30Chanay, Jeffrey A Esq NEW58Stephen Shaw
1027Leja L GlickBrazil2026-10-19Commercial Press NEW59Bernardo Dominic
1028Julie N MaletCanada2026-10-25Rousseaux, Michael Esq NEGOTIATION76Onyama Limba
1029Costa M MorascaCanada2026-10-05Feiner Bros NEGOTIATION61Onyama Limba
1030Mayumi C BriddickFrance2026-10-12Buckley Miller Wright NEGOTIATION98Anna Fali
1031Izzy N SaylorsAustralia2026-10-21Rousseaux, Michael Esq QUALIFIED89Bernardo Dominic
1032Munro B MaletCanada2026-10-22Rousseaux, Michael Esq UNQUALIFIED40Stephen Shaw
1033Ricardo Y MorascaUnited Kingdom2026-10-25Chapman, Ross E Esq UNQUALIFIED68Bernardo Dominic
1034Kadeem H GillianUnited Kingdom2026-10-07Printing Dimensions NEW4Ioni Bowcher
1035Leon P CaldareraSpain2026-10-03Rousseaux, Michael Esq UNQUALIFIED48Ivan Magalhaes
1036Cody G GillianItaly2026-09-28Printing Dimensions PROPOSAL19Ioni Bowcher
1037Nicolas S WhobreyBrazil2026-10-08Rousseaux, Michael Esq PROPOSAL58Stephen Shaw
1038Juan P FigeroaBrazil2026-10-07Printing Dimensions PROPOSAL91Ivan Magalhaes
1039Arvin T StockhamRussia2026-10-09Printing Dimensions PROPOSAL90Elwin Sharvill
1040Darci A TollnerAustralia2026-10-12Chemel, James L Cpa UNQUALIFIED7Bernardo Dominic
1041Francesco K CampainUnited Kingdom2026-10-05Rousseaux, Michael Esq PROPOSAL60Asiya Javayant
1042Ivar H SlusarskiIndia2026-09-26Truhlar And Truhlar Attys NEW66Amy Elsner
1043Adams H OldroydItaly2026-10-20Feltz Printing Service NEW50Ioni Bowcher
1044Nicolas E VenereBrazil2026-10-06Chemel, James L Cpa NEGOTIATION65Elwin Sharvill
1045Aika H GlickIndia2026-10-04Feltz Printing Service RENEWAL45Elwin Sharvill
1046Clifford K DarakjyJapan2026-10-21Chapman, Ross E Esq RENEWAL6Ivan Magalhaes
1047David F RulapaughJapan2026-09-30Printing Dimensions RENEWAL29Onyama Limba
1048Leon Q FollerCanada2026-10-11Chapman, Ross E Esq RENEWAL75Ivan Magalhaes
1049Deepesh W AmigonUnited Kingdom2026-09-30King, Christopher A Esq PROPOSAL88Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Maisha A MorascaGermanyAnna Fali RENEWAL
Misaki K FlosiJapanOnyama Limba NEGOTIATION
Aditya U NestleItalyIoni Bowcher NEGOTIATION
Alejandro J BriddickJapanElwin Sharvill PROPOSAL
Octavia T ButtFranceXuxue Feng UNQUALIFIED
Jones E KuskoSpainStephen Shaw NEW
Octavia A DoeJapanStephen Shaw NEW
Jennifer O KolmetzItalyAsiya Javayant NEGOTIATION
Leja A AlbaresGermanyAmy Elsner RENEWAL
Julie T NickaBrazilElwin Sharvill NEGOTIATION
Alejandro X RutaBrazilAnna Fali NEW
Julie M VenereRussiaStephen Shaw NEW
Ashley Y CaudyGermanyXuxue Feng QUALIFIED
Costa G FigeroaBrazilElwin Sharvill NEGOTIATION
Darci U MorascaIndiaBernardo Dominic PROPOSAL
Johnson Z DoeGermanyElwin Sharvill NEGOTIATION
Jefferson R CampainUnited KingdomElwin Sharvill RENEWAL
Mujtaba B MacleadFranceAnna Fali PROPOSAL
David X RulapaughFranceAnna Fali QUALIFIED
Octavia M ChuiIndiaIvan Magalhaes QUALIFIED
Faith P VocelkaItalyBernardo Dominic QUALIFIED
Wickens X KolmetzAustraliaIvan Magalhaes PROPOSAL
Julie X SlusarskiItalyXuxue Feng UNQUALIFIED
Antonio I SlusarskiRussiaIvan Magalhaes PROPOSAL
Ivar C CaudyFranceIvan Magalhaes QUALIFIED
Mayumi X RulapaughRussiaAmy Elsner QUALIFIED
Octavia X RimArgentinaBernardo Dominic QUALIFIED
Claire T ChuiSpainElwin Sharvill RENEWAL
Darci P DarakjyFranceElwin Sharvill NEGOTIATION
James R ButtCanadaStephen Shaw NEGOTIATION
Ivar G WaycottItalyXuxue Feng QUALIFIED
Emily I BowleyIndiaBernardo Dominic NEGOTIATION
Darci U AmigonSpainIvan Magalhaes UNQUALIFIED
Octavia I DarakjyGermanyStephen Shaw RENEWAL
Antonio C RutaSpainElwin Sharvill NEGOTIATION
Munro S SlusarskiItalyIoni Bowcher QUALIFIED
Aruna B FlosiSpainAmy Elsner UNQUALIFIED
Cody M IturbideIndiaIvan Magalhaes QUALIFIED
Adams S SaylorsGermanyAsiya Javayant UNQUALIFIED
Misaki Y GauchoSpainXuxue Feng PROPOSAL
Misaki I RoysterGermanyStephen Shaw NEGOTIATION
Clifford V GlickFranceBernardo Dominic NEW
Smith X MorascaCanadaElwin Sharvill PROPOSAL
Maria L BriddickItalyAmy Elsner NEW
Aruna N CampainBrazilElwin Sharvill UNQUALIFIED
Ivar U AlbaresJapanElwin Sharvill NEW
Ashley N CampainArgentinaIvan Magalhaes UNQUALIFIED
Kaitlin G DarakjyGermanyXuxue Feng NEW
Clifford H VenereGermanyAmy Elsner QUALIFIED
Clifford U CampainFranceAnna Fali NEGOTIATION
Frozen Columns
Name
Rodrigues K Gaucho
Izzy J Tollner
Jefferson W Morasca
Deepesh B Inouye
Greenwood B Stockham
Julie M Stenseth
Johnson B Rim
Faith H Morasca
Maria T Gaucho
Juan K Doe
Jefferson J Iturbide
Leja E Stockham
Ivar S Ferencz
Kadeem J Oldroyd
Mayumi T Bolognia
Octavia Z Schemmer
Morrow T Rulapaugh
Chavez K Caudy
Claire D Glick
Wickens Y Whobrey
Ricardo A Flosi
Greenwood P Rim
Clifford D Oldroyd
Izzy E Paprocki
Jeanfrancois H Nestle
Izzy T Iturbide
Antonio S Waycott
Aruna L Vocelka
Jefferson W Waycott
Misaki O Caudy
Ricardo M Ferencz
Salvatore Y Dilliard
Darci V Campain
Jones D Saylors
Sinclair J Figeroa
Ivar F Poquette
Ashley D Ferencz
Francesco Y Chui
Aruna H Briddick
Juan E Royster
Jefferson S Bowley
Deepesh S Foller
Ivar U Oldroyd
David H Ferencz
Wickens D Figeroa
Jennifer E Malet
Nicolas U Butt
Ivar K Foller
Stacey Z Maclead
Leon G Campain
IdCountryDate
1000Canada2026-10-22
1001United Kingdom2026-10-03
1002Spain2026-09-30
1003Spain2026-10-20
1004Canada2026-10-07
1005Brazil2026-10-15
1006Spain2026-10-18
1007Australia2026-09-30
1008Argentina2026-09-28
1009France2026-09-26
1010Russia2026-10-25
1011Russia2026-10-03
1012Japan2026-10-04
1013United Kingdom2026-10-15
1014Japan2026-10-09
1015Canada2026-10-05
1016Canada2026-10-18
1017Spain2026-10-03
1018United Kingdom2026-10-15
1019Australia2026-10-14
1020India2026-10-16
1021United Kingdom2026-10-13
1022Australia2026-10-14
1023United Kingdom2026-09-29
1024Japan2026-10-20
1025Canada2026-09-30
1026India2026-10-12
1027Italy2026-10-19
1028Canada2026-10-01
1029Italy2026-10-12
1030Russia2026-10-02
1031Spain2026-10-09
1032Russia2026-09-26
1033Australia2026-09-26
1034Japan2026-10-18
1035Japan2026-10-07
1036United Kingdom2026-10-02
1037Japan2026-10-19
1038United Kingdom2026-10-21
1039Canada2026-10-14
1040Canada2026-10-10
1041United Kingdom2026-10-06
1042Russia2026-10-08
1043France2026-10-15
1044Canada2026-10-25
1045Germany2026-09-29
1046Brazil2026-10-19
1047France2026-10-17
1048United Kingdom2026-09-28
1049Canada2026-10-15

On-Demand Data

NameIdCountryDate
Juan C Whobrey1000Italy2026-10-18
Leon Q Waycott1001Argentina2026-10-21
Isabel P Slusarski1002Spain2026-10-19
Adams H Venere1003Japan2026-10-07
Nicolas N Dilliard1004Italy2026-10-01
Ivar K Kusko1005Brazil2026-10-21
Rodrigues C Nicka1006Germany2026-10-03
Isabel V Darakjy1007United Kingdom2026-10-02
Jefferson C Kusko1008Italy2026-10-13
Tony F Chui1009France2026-10-18
Darci Y Rim1010Italy2026-10-09
Jefferson B Ostrosky1011Argentina2026-10-15
Sinclair X Morasca1012Japan2026-10-13
Jefferson M Glick1013Argentina2026-09-30
Stacey W Campain1014United Kingdom2026-10-03
Deepesh F Albares1015Germany2026-10-18
Johnson S Darakjy1016Australia2026-10-24
James N Ruta1017France2026-10-10
Nicolas V Marrier1018Spain2026-10-01
Sinclair C Briddick1019Canada2026-10-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
James C FlosiUnited KingdomOnyama Limba PROPOSAL
Claire A OldroydGermanyAsiya Javayant UNQUALIFIED
Leon T RutaJapanAmy Elsner QUALIFIED
Maria D BriddickAustraliaIvan Magalhaes NEGOTIATION
Maria W OldroydRussiaAmy Elsner QUALIFIED
Antonio U KuskoGermanyIvan Magalhaes NEGOTIATION
Octavia L ButtJapanAmy Elsner NEW
Aditya U TollnerFranceStephen Shaw RENEWAL
Johnson D WaycottSpainAnna Fali UNQUALIFIED
Mayumi P RutaIndiaBernardo Dominic PROPOSAL
Misaki C VocelkaCanadaAsiya Javayant RENEWAL
Kaitlin W FlosiUnited KingdomAnna Fali NEGOTIATION
Morrow J CaudyCanadaElwin Sharvill UNQUALIFIED
Misaki G SaylorsFranceAnna Fali RENEWAL
Ivar V DoeSpainOnyama Limba RENEWAL
Ashley V IturbideArgentinaAnna Fali QUALIFIED
Adams B FerenczCanadaAnna Fali QUALIFIED
Emily R FigeroaUnited KingdomOnyama Limba NEGOTIATION
Faith L VenereFranceAnna Fali NEW
Jeanfrancois F WhobreyJapanAmy Elsner QUALIFIED
Jeanfrancois E RulapaughJapanBernardo Dominic NEGOTIATION
Misaki F VenereBrazilXuxue Feng PROPOSAL
Alejandro Q RoysterUnited KingdomIoni Bowcher NEGOTIATION
Julie S CaldareraFranceAnna Fali RENEWAL
Juan O MaletUnited KingdomXuxue Feng RENEWAL
Maisha W SaylorsAustraliaIvan Magalhaes UNQUALIFIED
Chavez K FigeroaGermanyXuxue Feng QUALIFIED
Juan F WhobreyUnited KingdomXuxue Feng QUALIFIED
Silvio K PerinItalyIvan Magalhaes RENEWAL
Deepesh V DilliardFranceBernardo Dominic PROPOSAL
Deepesh J NickaCanadaBernardo Dominic QUALIFIED
Octavia T BowleyRussiaElwin Sharvill UNQUALIFIED
Leon G BowleyCanadaAnna Fali PROPOSAL
Aruna U BowleyArgentinaIoni Bowcher NEGOTIATION
Chavez J GlickFranceElwin Sharvill NEGOTIATION
Costa P DarakjyAustraliaAmy Elsner NEGOTIATION
Aditya J GauchoBrazilIvan Magalhaes QUALIFIED
Ivar G OldroydRussiaOnyama Limba NEGOTIATION
Mujtaba Q GauchoFranceStephen Shaw PROPOSAL
Aditya N WaycottItalyXuxue Feng UNQUALIFIED

<style>
    .ui-datatable-frozenlayout-left {
        width: 20%;
    }

    .ui-datatable-frozenlayout-right {
        width: 80%;
    }
</style>


<h:form>
    <div class="card">
        <h5 style="margin-top:0">Vertical</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers1}" scrollable="true" scrollHeight="250">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Horizontal</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers2}" scrollable="true" scrollWidth="600">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Horizontal and Vertical</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers3}" scrollable="true" scrollWidth="50%" scrollHeight="250">
            <p:column headerText="Id" footerText="Id">
                <h:outputText value="#{customer.id}"/>
            </p:column>
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Date" footerText="Date">
                <h:outputText value="#{customer.date}"/>
            </p:column>
            <p:column headerText="Company" footerText="Company">
                <h:outputText value="#{customer.company}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
            <p:column headerText="Activity" footerText="Activity">
                <h:outputText value="#{customer.activity}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Frozen Rows</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers4}" scrollable="true" scrollHeight="250"
                     frozenRows="2">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Frozen Columns</h5>
        <p:dataTable var="customer" value="#{dtScrollView.customers5}" scrollable="true" scrollHeight="250"
                     scrollWidth="300" frozenColumns="1" frozenColumnsAlignment="left">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Id" footerText="Id">
                <h:outputText value="#{customer.id}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Date" footerText="Date">
                <h:outputText value="#{customer.date}"/>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h3>On-Demand Data</h3>
        <p:dataTable var="customer" value="#{dtScrollView.customers6}" scrollRows="20" scrollable="true" liveScroll="true" scrollHeight="150">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Id" footerText="Id">
                <h:outputText value="#{customer.id}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Date" footerText="Date">
                <h:outputText value="#{customer.date}"/>
            </p:column>
        </p:dataTable>
    </div>

    <div class="card">
        <h5>Virtual Scrolling - 20000 Rows</h5>
        <p:dataTable var="customer" value="#{dtScrollView.lazyModel}" scrollRows="20" scrollable="true"
                     virtualScroll="true" scrollHeight="200" rows="40" style="margin-bottom:0">
            <p:column headerText="Name" footerText="Name">
                <h:outputText value="#{customer.name}"/>
            </p:column>
            <p:column headerText="Country" footerText="Country">
                <h:outputText value="#{customer.country}"/>
            </p:column>
            <p:column headerText="Representative" footerText="Representative">
                <h:outputText value="#{customer.representative.name}"/>
            </p:column>
            <p:column headerText="Status" footerText="Status">
                <span class="customer-badge status-#{customer.status.name().toLowerCase()}">#{customer.status}</span>
            </p:column>
        </p:dataTable>
    </div>

</h:form>