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
Greenwood J VocelkaItalyAsiya Javayant NEGOTIATION
Antonio Z RulapaughBrazilIoni Bowcher RENEWAL
Morrow I PoquetteSpainOnyama Limba UNQUALIFIED
Mayumi J MorascaBrazilIoni Bowcher UNQUALIFIED
Smith I OldroydRussiaOnyama Limba QUALIFIED
Julie O FerenczArgentinaAnna Fali PROPOSAL
Morrow Y CaudyItalyElwin Sharvill RENEWAL
Mayumi D WieserCanadaOnyama Limba PROPOSAL
Juan J StensethItalyXuxue Feng NEGOTIATION
Johnson F OldroydFranceIvan Magalhaes NEW
Kaitlin O DoeJapanOnyama Limba PROPOSAL
Jones D FigeroaItalyStephen Shaw NEW
Jeanfrancois Y CaldareraBrazilIvan Magalhaes QUALIFIED
Aruna N DarakjyBrazilXuxue Feng NEW
Arvin S SlusarskiUnited KingdomAsiya Javayant PROPOSAL
Maria A TollnerJapanIoni Bowcher RENEWAL
Costa M FerenczArgentinaStephen Shaw PROPOSAL
Antonio Z SergiUnited KingdomElwin Sharvill NEW
Octavia G AmigonJapanAsiya Javayant PROPOSAL
Alejandro Z NickaGermanyElwin Sharvill QUALIFIED
Leon V RutaFranceElwin Sharvill NEGOTIATION
Smith M TollnerItalyOnyama Limba NEGOTIATION
Juan D WhobreyFranceAmy Elsner UNQUALIFIED
Octavia A GauchoIndiaElwin Sharvill NEW
Octavia I WhobreyJapanBernardo Dominic QUALIFIED
Clifford Q WaycottBrazilBernardo Dominic UNQUALIFIED
Ivar J PoquetteRussiaAnna Fali NEGOTIATION
Izzy L StockhamIndiaElwin Sharvill PROPOSAL
Ricardo I ButtAustraliaAnna Fali PROPOSAL
Darci F VocelkaSpainStephen Shaw NEGOTIATION
Jefferson N MorascaJapanBernardo Dominic NEW
Mujtaba U OstroskyArgentinaBernardo Dominic QUALIFIED
Emily G SlusarskiGermanyIoni Bowcher NEGOTIATION
Costa O MaletItalyIvan Magalhaes UNQUALIFIED
Murillo T KuskoUnited KingdomIoni Bowcher PROPOSAL
Jennifer I SergiUnited KingdomIoni Bowcher UNQUALIFIED
Chavez H KuskoJapanAmy Elsner NEGOTIATION
Misaki M FollerAustraliaElwin Sharvill QUALIFIED
Mujtaba I MaletAustraliaAmy Elsner QUALIFIED
Rodrigues Q FigeroaJapanAsiya Javayant NEW
Kaitlin U ChuiRussiaIvan Magalhaes NEW
Smith I GlickAustraliaAnna Fali UNQUALIFIED
Jeanfrancois U MarrierItalyIoni Bowcher UNQUALIFIED
Maisha K GarufiIndiaAmy Elsner UNQUALIFIED
Tony F PaprockiUnited KingdomBernardo Dominic PROPOSAL
Jennifer R ShinkoRussiaAmy Elsner NEGOTIATION
Johnson F NestleFranceXuxue Feng RENEWAL
Francesco G NestleIndiaOnyama Limba UNQUALIFIED
Adams K WaycottGermanyIvan Magalhaes QUALIFIED
Aruna Z AmigonFranceStephen Shaw RENEWAL
Horizontal
NameCountryRepresentativeStatus
Cody P SaylorsFranceAmy Elsner NEGOTIATION
Misaki Z GauchoGermanyXuxue Feng RENEWAL
Leja O CaldareraUnited KingdomIvan Magalhaes PROPOSAL
Silvio Y OstroskyBrazilIoni Bowcher NEGOTIATION
Chavez P FlosiJapanStephen Shaw PROPOSAL
Emily F MaletFranceAmy Elsner UNQUALIFIED
Darci B RimIndiaXuxue Feng PROPOSAL
Jefferson G PaprockiBrazilAnna Fali NEW
Jefferson Y RutaItalyElwin Sharvill RENEWAL
Cody E BowleyRussiaStephen Shaw UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jones L StockhamAustralia2026-10-23Chemel, James L Cpa QUALIFIED50Xuxue Feng
1001Deepesh V PerinJapan2026-10-23Rousseaux, Michael Esq PROPOSAL16Elwin Sharvill
1002Nicolas V StensethBrazil2026-11-02Dorl, James J Esq NEW78Xuxue Feng
1003Salvatore F KolmetzIndia2026-10-27Printing Dimensions RENEWAL83Elwin Sharvill
1004Isabel J StensethGermany2026-11-10Feltz Printing Service RENEWAL64Bernardo Dominic
1005Jeanfrancois X StockhamBrazil2026-10-30King, Christopher A Esq NEW41Bernardo Dominic
1006Jennifer I PaprockiGermany2026-11-05Rangoni Of Florence NEGOTIATION46Elwin Sharvill
1007Emily R MaletBrazil2026-11-02Feiner Bros RENEWAL42Stephen Shaw
1008Cody M PerinGermany2026-11-09Rousseaux, Michael Esq NEGOTIATION70Stephen Shaw
1009Rodrigues H FerenczRussia2026-11-02Chapman, Ross E Esq UNQUALIFIED60Amy Elsner
1010Nicolas K WieserArgentina2026-10-21Chapman, Ross E Esq QUALIFIED12Ioni Bowcher
1011Ricardo V CaudyAustralia2026-10-23Buckley Miller Wright UNQUALIFIED15Asiya Javayant
1012Greenwood G FollerJapan2026-10-27Dorl, James J Esq NEGOTIATION97Elwin Sharvill
1013Darci J WieserIndia2026-10-25Chapman, Ross E Esq NEGOTIATION22Anna Fali
1014Julie F ButtItaly2026-10-28Chemel, James L Cpa QUALIFIED39Onyama Limba
1015Adams O NickaAustralia2026-10-16Printing Dimensions PROPOSAL32Xuxue Feng
1016Munro U OstroskyUnited Kingdom2026-11-12Truhlar And Truhlar Attys QUALIFIED71Amy Elsner
1017Murillo Z SlusarskiGermany2026-11-11Printing Dimensions QUALIFIED14Amy Elsner
1018Izzy Q NestleGermany2026-10-20Rousseaux, Michael Esq NEW46Stephen Shaw
1019Arvin X StensethRussia2026-11-01Chanay, Jeffrey A Esq NEGOTIATION77Stephen Shaw
1020Munro S ButtArgentina2026-11-07Feltz Printing Service PROPOSAL77Amy Elsner
1021Julie V RutaJapan2026-11-02Morlong Associates UNQUALIFIED33Ivan Magalhaes
1022Murillo D GillianIndia2026-11-08Dorl, James J Esq NEW51Onyama Limba
1023Jennifer D WaycottFrance2026-11-07Truhlar And Truhlar Attys NEW68Ivan Magalhaes
1024Ivar H RutaIndia2026-10-21Printing Dimensions RENEWAL80Asiya Javayant
1025David H FigeroaRussia2026-11-06Dorl, James J Esq RENEWAL28Onyama Limba
1026Mayumi E MacleadGermany2026-10-29Buckley Miller Wright NEW67Onyama Limba
1027David B KolmetzGermany2026-10-24Morlong Associates UNQUALIFIED68Asiya Javayant
1028Izzy Z RoysterIndia2026-10-25Chanay, Jeffrey A Esq NEW18Amy Elsner
1029Clifford S IturbideCanada2026-10-16Dorl, James J Esq PROPOSAL65Ivan Magalhaes
1030Jeanfrancois R OstroskyAustralia2026-11-03Feltz Printing Service NEGOTIATION48Xuxue Feng
1031Izzy Z SchemmerItaly2026-10-15Benton, John B Jr RENEWAL68Amy Elsner
1032Greenwood B SlusarskiSpain2026-11-02Dorl, James J Esq NEW94Xuxue Feng
1033Kaitlin J FerenczIndia2026-11-10Feiner Bros NEGOTIATION54Elwin Sharvill
1034Leja Z PerinUnited Kingdom2026-11-02Chapman, Ross E Esq RENEWAL99Xuxue Feng
1035Aditya E SchemmerGermany2026-10-26Commercial Press NEW42Anna Fali
1036Francesco S BowleyIndia2026-11-04Chemel, James L Cpa NEW79Bernardo Dominic
1037Nicolas D InouyeUnited Kingdom2026-10-23Rangoni Of Florence RENEWAL2Stephen Shaw
1038Juan D RulapaughItaly2026-10-27Commercial Press QUALIFIED21Onyama Limba
1039David G DilliardItaly2026-10-15Feltz Printing Service NEGOTIATION31Bernardo Dominic
1040Isabel V SchemmerCanada2026-10-16Morlong Associates UNQUALIFIED83Amy Elsner
1041Misaki J OldroydIndia2026-10-25Feltz Printing Service PROPOSAL89Ivan Magalhaes
1042Ricardo O CaldareraCanada2026-10-21Feltz Printing Service UNQUALIFIED77Elwin Sharvill
1043Silvio T CampainArgentina2026-11-11Commercial Press PROPOSAL7Xuxue Feng
1044Salvatore D GarufiJapan2026-11-12Chapman, Ross E Esq NEGOTIATION49Bernardo Dominic
1045James L RutaBrazil2026-10-18Rousseaux, Michael Esq UNQUALIFIED48Onyama Limba
1046Leon I CampainGermany2026-10-24Truhlar And Truhlar Attys UNQUALIFIED66Stephen Shaw
1047Rodrigues J DilliardJapan2026-11-06Printing Dimensions UNQUALIFIED40Ioni Bowcher
1048Ivar B DilliardItaly2026-11-10Benton, John B Jr NEGOTIATION28Elwin Sharvill
1049Jennifer N PaprockiGermany2026-10-17King, Christopher A Esq PROPOSAL80Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Jennifer J FigeroaBrazilAsiya Javayant QUALIFIED
Tony A DarakjyItalyXuxue Feng QUALIFIED
Isabel F OstroskyGermanyAnna Fali RENEWAL
Mujtaba P AmigonBrazilAsiya Javayant UNQUALIFIED
Rodrigues I PerinArgentinaAnna Fali UNQUALIFIED
Maisha M StockhamSpainAsiya Javayant PROPOSAL
Leon X TollnerSpainIvan Magalhaes NEGOTIATION
Jeanfrancois O StockhamGermanyXuxue Feng NEW
David Y FlosiSpainAsiya Javayant PROPOSAL
Chavez D ChuiFranceStephen Shaw UNQUALIFIED
Wickens K GarufiUnited KingdomOnyama Limba UNQUALIFIED
Deepesh Q MarrierJapanBernardo Dominic QUALIFIED
Kaitlin Q CaudyCanadaIoni Bowcher NEGOTIATION
Nicolas P KolmetzItalyIvan Magalhaes UNQUALIFIED
Misaki Y PoquetteGermanyStephen Shaw NEGOTIATION
Murillo N RutaJapanAmy Elsner RENEWAL
Cody C CampainJapanElwin Sharvill NEGOTIATION
Isabel B RulapaughCanadaAnna Fali QUALIFIED
Murillo G FlosiAustraliaElwin Sharvill PROPOSAL
Rodrigues E PoquetteRussiaBernardo Dominic NEW
Tony R RimGermanyAmy Elsner QUALIFIED
Clifford H FlosiCanadaIoni Bowcher UNQUALIFIED
Clifford G StensethUnited KingdomAmy Elsner NEW
Morrow O FollerItalyAsiya Javayant NEGOTIATION
Julie P KolmetzJapanIoni Bowcher UNQUALIFIED
Costa R NickaRussiaAsiya Javayant RENEWAL
Ricardo I GillianRussiaIoni Bowcher NEGOTIATION
Claire D StensethArgentinaAnna Fali RENEWAL
Leja T FerenczSpainXuxue Feng QUALIFIED
James O CampainArgentinaAnna Fali RENEWAL
Jefferson K AlbaresGermanyBernardo Dominic UNQUALIFIED
Cody L VenereRussiaAsiya Javayant QUALIFIED
Greenwood Z PaprockiGermanyXuxue Feng QUALIFIED
Jennifer Q BologniaSpainAsiya Javayant NEGOTIATION
Wickens Z SergiGermanyAnna Fali RENEWAL
Johnson O SergiCanadaAmy Elsner RENEWAL
Juan K MorascaFranceIvan Magalhaes NEW
Aditya I VocelkaItalyElwin Sharvill PROPOSAL
Ivar F PerinItalyBernardo Dominic QUALIFIED
Morrow F SergiAustraliaOnyama Limba QUALIFIED
Munro I SergiGermanyBernardo Dominic NEW
Claire Q MaletAustraliaElwin Sharvill QUALIFIED
Ashley C RoysterUnited KingdomIoni Bowcher PROPOSAL
Maisha C NestleItalyXuxue Feng PROPOSAL
Alejandro X OstroskyBrazilIoni Bowcher NEGOTIATION
Maisha F WieserIndiaAmy Elsner UNQUALIFIED
Mujtaba T RimCanadaStephen Shaw QUALIFIED
Jones W PerinArgentinaBernardo Dominic PROPOSAL
Smith M SaylorsJapanIoni Bowcher NEW
Alejandro Q WieserItalyOnyama Limba UNQUALIFIED
Frozen Columns
Name
Mujtaba R Chui
Aditya Y Doe
Nicolas J Campain
Cody F Sergi
Smith L Wieser
Mayumi N Paprocki
Costa O Kolmetz
Clifford J Paprocki
Ivar O Schemmer
Murillo N Butt
Silvio C Rulapaugh
Octavia O Foller
Darci G Malet
Aditya K Royster
Darci T Malet
Cody W Shinko
Clifford N Flosi
Jones G Campain
Murillo G Gaucho
Mayumi V Wieser
Emily L Ferencz
Salvatore D Poquette
Cody X Albares
Chavez R Maclead
Cody B Glick
Aruna M Chui
Emily S Paprocki
Jefferson J Paprocki
Kadeem Z Gaucho
Ivar S Dilliard
Alejandro V Nestle
Misaki L Rim
Kaitlin D Whobrey
Munro E Caudy
Leon T Vocelka
Isabel S Morasca
Emily O Iturbide
Tony R Butt
Juan M Kusko
Jefferson P Gaucho
Octavia I Albares
Claire W Nestle
Maisha T Poquette
Jefferson J Gillian
Misaki R Chui
Sinclair P Tollner
Juan G Albares
Clifford J Wieser
Maisha S Venere
Maria P Oldroyd
IdCountryDate
1000United Kingdom2026-10-23
1001Argentina2026-11-10
1002Australia2026-10-16
1003Australia2026-10-27
1004Germany2026-10-18
1005Russia2026-11-11
1006India2026-10-21
1007Italy2026-10-22
1008India2026-11-09
1009Brazil2026-11-13
1010Canada2026-10-28
1011Australia2026-11-12
1012Australia2026-10-23
1013Russia2026-11-01
1014Italy2026-10-23
1015Japan2026-11-13
1016Italy2026-10-18
1017Australia2026-11-02
1018United Kingdom2026-10-22
1019Italy2026-10-16
1020India2026-10-25
1021Australia2026-10-19
1022Japan2026-10-25
1023India2026-10-19
1024Australia2026-10-15
1025Brazil2026-10-16
1026Spain2026-11-13
1027Canada2026-11-12
1028Germany2026-11-07
1029Russia2026-11-09
1030Germany2026-11-08
1031Germany2026-11-11
1032Brazil2026-10-15
1033Italy2026-11-12
1034Spain2026-10-27
1035France2026-10-17
1036Argentina2026-10-22
1037Argentina2026-11-10
1038Argentina2026-10-24
1039Japan2026-11-01
1040Russia2026-10-29
1041Japan2026-10-19
1042Spain2026-11-10
1043Italy2026-10-18
1044Germany2026-11-02
1045Brazil2026-10-27
1046Japan2026-11-11
1047Spain2026-11-11
1048Argentina2026-11-08
1049France2026-11-02

On-Demand Data

NameIdCountryDate
Isabel L Dilliard1000Argentina2026-10-18
Jefferson A Gillian1001Australia2026-11-07
Jeanfrancois L Gaucho1002Italy2026-11-09
Clifford F Dilliard1003Brazil2026-11-02
Maisha F Garufi1004France2026-10-30
Aika M Rulapaugh1005Argentina2026-10-31
Smith I Kolmetz1006Japan2026-10-28
Rodrigues G Dilliard1007Canada2026-10-27
Claire U Albares1008Japan2026-10-24
Leon C Maclead1009France2026-11-05
Jennifer B Nestle1010Australia2026-11-07
Wickens T Caldarera1011United Kingdom2026-10-15
Maria F Ferencz1012Argentina2026-10-17
Morrow H Morasca1013India2026-11-03
Chavez Y Morasca1014Spain2026-11-10
Rodrigues E Caudy1015Spain2026-11-07
Ricardo K Briddick1016India2026-10-27
Smith W Saylors1017Canada2026-11-09
Silvio R Briddick1018Italy2026-10-15
Isabel H Ostrosky1019Germany2026-10-25
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair B SlusarskiUnited KingdomElwin Sharvill PROPOSAL
David Y GarufiJapanStephen Shaw QUALIFIED
Ivar H StockhamAustraliaAmy Elsner RENEWAL
David A WaycottCanadaXuxue Feng RENEWAL
Juan Z SchemmerSpainIoni Bowcher NEW
Mujtaba G VocelkaArgentinaElwin Sharvill RENEWAL
Johnson R InouyeFranceIoni Bowcher NEW
Aditya W GlickItalyAmy Elsner NEGOTIATION
Nicolas F PerinRussiaElwin Sharvill UNQUALIFIED
Leon S NickaUnited KingdomAnna Fali RENEWAL
Kaitlin M VenereFranceXuxue Feng NEW
Aika I FerenczAustraliaAmy Elsner NEGOTIATION
Arvin Z SergiItalyBernardo Dominic RENEWAL
James H VocelkaArgentinaAmy Elsner RENEWAL
Murillo W PerinRussiaIoni Bowcher NEGOTIATION
Emily O PoquetteAustraliaElwin Sharvill RENEWAL
Aruna U FollerBrazilIvan Magalhaes QUALIFIED
Julie R CampainAustraliaAsiya Javayant RENEWAL
Silvio N NickaAustraliaAsiya Javayant NEW
Costa Q NickaRussiaBernardo Dominic UNQUALIFIED
Izzy L AlbaresCanadaAnna Fali QUALIFIED
Salvatore J AlbaresAustraliaXuxue Feng NEGOTIATION
Smith L CaldareraFranceOnyama Limba NEW
Salvatore A PerinItalyElwin Sharvill RENEWAL
Johnson I MaletSpainIvan Magalhaes UNQUALIFIED
Jefferson U SlusarskiRussiaIoni Bowcher QUALIFIED
Aditya M BowleySpainXuxue Feng QUALIFIED
Wickens U GauchoGermanyElwin Sharvill QUALIFIED
Adams A MacleadBrazilOnyama Limba NEGOTIATION
Ricardo U GauchoSpainElwin Sharvill UNQUALIFIED
Jennifer U SaylorsIndiaAnna Fali QUALIFIED
Arvin H RutaAustraliaAsiya Javayant UNQUALIFIED
Ashley T InouyeSpainXuxue Feng RENEWAL
Costa G RutaCanadaStephen Shaw NEW
Aditya Z AmigonArgentinaStephen Shaw PROPOSAL
Aika L FigeroaBrazilOnyama Limba NEW
Wickens H MaletJapanAmy Elsner NEGOTIATION
Jeanfrancois F SlusarskiBrazilOnyama Limba PROPOSAL
Faith I PoquetteItalyIoni Bowcher UNQUALIFIED
Darci V OstroskySpainXuxue 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>