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
Ashley A FlosiBrazilBernardo Dominic UNQUALIFIED
Emily Z DarakjyBrazilAsiya Javayant RENEWAL
Octavia B GillianAustraliaOnyama Limba NEW
Kadeem F GauchoBrazilOnyama Limba NEW
Maisha N WhobreyRussiaAmy Elsner UNQUALIFIED
Smith K AmigonAustraliaAnna Fali PROPOSAL
Kadeem N PoquetteRussiaIoni Bowcher UNQUALIFIED
Jones T OldroydFranceAmy Elsner NEGOTIATION
Kaitlin M CaudyJapanIvan Magalhaes NEGOTIATION
Jeanfrancois H FollerArgentinaAsiya Javayant NEW
Deepesh L RimAustraliaAmy Elsner QUALIFIED
Claire S InouyeGermanyAnna Fali QUALIFIED
Ricardo W GauchoCanadaBernardo Dominic RENEWAL
Emily W StensethItalyAmy Elsner RENEWAL
Greenwood D TollnerRussiaIvan Magalhaes QUALIFIED
Adams B RimIndiaStephen Shaw QUALIFIED
Aditya C StockhamJapanStephen Shaw QUALIFIED
Silvio L KuskoBrazilStephen Shaw NEW
Juan N CampainAustraliaIoni Bowcher UNQUALIFIED
Silvio O ButtRussiaOnyama Limba QUALIFIED
Aika D DilliardJapanAnna Fali NEW
Morrow X StockhamJapanAsiya Javayant UNQUALIFIED
Sinclair X MacleadItalyOnyama Limba RENEWAL
Johnson E DarakjyIndiaStephen Shaw UNQUALIFIED
Deepesh A WieserUnited KingdomIoni Bowcher UNQUALIFIED
Ricardo K FlosiRussiaIvan Magalhaes PROPOSAL
Costa O StensethFranceOnyama Limba PROPOSAL
Juan E RutaUnited KingdomStephen Shaw UNQUALIFIED
Alejandro N MaletJapanOnyama Limba NEW
Ricardo E AlbaresGermanyElwin Sharvill PROPOSAL
Ricardo V IturbideUnited KingdomAmy Elsner NEGOTIATION
Claire A GauchoCanadaIoni Bowcher QUALIFIED
Smith S SaylorsRussiaIoni Bowcher UNQUALIFIED
Sinclair M WieserFranceOnyama Limba PROPOSAL
Maria W CaudySpainIvan Magalhaes NEW
Juan V IturbideRussiaBernardo Dominic NEGOTIATION
Emily O StockhamItalyStephen Shaw UNQUALIFIED
Sinclair E WieserItalyAnna Fali NEW
Stacey J WaycottFranceAnna Fali QUALIFIED
Munro K GauchoRussiaBernardo Dominic UNQUALIFIED
David N DilliardAustraliaIoni Bowcher QUALIFIED
Darci Q RimGermanyIvan Magalhaes NEW
Wickens G FollerBrazilIvan Magalhaes UNQUALIFIED
Leon F KuskoUnited KingdomIvan Magalhaes NEGOTIATION
Jefferson S ChuiIndiaXuxue Feng QUALIFIED
Sinclair S TollnerCanadaOnyama Limba PROPOSAL
Emily H FollerBrazilStephen Shaw QUALIFIED
Darci U WhobreyBrazilAmy Elsner PROPOSAL
Maria S FlosiGermanyIoni Bowcher NEW
Leja E PaprockiIndiaAsiya Javayant PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Salvatore K StockhamItalyAmy Elsner UNQUALIFIED
Misaki X TollnerArgentinaStephen Shaw NEGOTIATION
Alejandro A BriddickUnited KingdomAnna Fali PROPOSAL
Claire O CaudyUnited KingdomStephen Shaw UNQUALIFIED
Nicolas C MacleadJapanIoni Bowcher NEGOTIATION
Rodrigues E InouyeJapanIoni Bowcher RENEWAL
Jefferson K MaletArgentinaIoni Bowcher UNQUALIFIED
Darci M BriddickArgentinaStephen Shaw PROPOSAL
Octavia V CaudyIndiaXuxue Feng QUALIFIED
Jones R GauchoArgentinaAsiya Javayant PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Greenwood I FlosiSpain2026-11-01Feiner Bros UNQUALIFIED24Anna Fali
1001Kaitlin D SaylorsGermany2026-10-13Buckley Miller Wright RENEWAL17Amy Elsner
1002Kadeem W CaudySpain2026-10-08Commercial Press RENEWAL80Elwin Sharvill
1003David D MacleadItaly2026-10-28Chapman, Ross E Esq UNQUALIFIED10Stephen Shaw
1004Isabel H SergiRussia2026-10-25Feltz Printing Service UNQUALIFIED93Xuxue Feng
1005Aruna I PoquetteCanada2026-10-15Feltz Printing Service PROPOSAL74Bernardo Dominic
1006Munro T RimGermany2026-10-27Feiner Bros UNQUALIFIED30Ioni Bowcher
1007Octavia O DilliardUnited Kingdom2026-10-31Chanay, Jeffrey A Esq RENEWAL13Stephen Shaw
1008Maria G BowleyItaly2026-10-21Rangoni Of Florence QUALIFIED17Amy Elsner
1009Ashley L CaudyJapan2026-10-31Feltz Printing Service QUALIFIED90Anna Fali
1010Faith W DilliardItaly2026-11-01King, Christopher A Esq NEW8Amy Elsner
1011Ivar K StensethUnited Kingdom2026-10-18Dorl, James J Esq QUALIFIED4Ioni Bowcher
1012Aruna G WieserIndia2026-10-21Rousseaux, Michael Esq UNQUALIFIED1Ivan Magalhaes
1013Jefferson J VocelkaUnited Kingdom2026-10-17Feltz Printing Service PROPOSAL73Onyama Limba
1014Greenwood Z WhobreyCanada2026-10-09Morlong Associates NEGOTIATION20Xuxue Feng
1015Ashley T MorascaJapan2026-10-14Buckley Miller Wright NEGOTIATION58Amy Elsner
1016Salvatore J KolmetzUnited Kingdom2026-10-09Chapman, Ross E Esq UNQUALIFIED13Stephen Shaw
1017Misaki U SlusarskiArgentina2026-10-28Chanay, Jeffrey A Esq PROPOSAL60Asiya Javayant
1018Munro N MacleadRussia2026-10-29Benton, John B Jr QUALIFIED33Asiya Javayant
1019Deepesh J GlickCanada2026-10-07Dorl, James J Esq NEGOTIATION9Stephen Shaw
1020Jeanfrancois K FollerAustralia2026-10-24Rangoni Of Florence RENEWAL1Anna Fali
1021Adams E RoysterCanada2026-11-03Rousseaux, Michael Esq NEGOTIATION97Amy Elsner
1022Maisha X SergiUnited Kingdom2026-10-17Rangoni Of Florence PROPOSAL79Anna Fali
1023Ricardo B VocelkaRussia2026-10-07Buckley Miller Wright NEGOTIATION76Ivan Magalhaes
1024Ricardo Z WaycottGermany2026-10-24Chemel, James L Cpa QUALIFIED76Ivan Magalhaes
1025Alejandro V CaldareraSpain2026-10-22Feiner Bros NEW35Ivan Magalhaes
1026Claire J NestleArgentina2026-11-01Printing Dimensions PROPOSAL6Elwin Sharvill
1027Ashley X KuskoArgentina2026-10-14Rangoni Of Florence NEGOTIATION1Anna Fali
1028Leja V GlickUnited Kingdom2026-10-14Dorl, James J Esq PROPOSAL72Elwin Sharvill
1029Greenwood O AlbaresIndia2026-10-31Benton, John B Jr NEGOTIATION65Ioni Bowcher
1030Ivar M GarufiJapan2026-10-30Rangoni Of Florence UNQUALIFIED77Ivan Magalhaes
1031Clifford Z DilliardRussia2026-10-17Feltz Printing Service NEW25Ioni Bowcher
1032Johnson W ShinkoAustralia2026-10-13Feltz Printing Service NEGOTIATION13Amy Elsner
1033Johnson O RimGermany2026-10-30Rousseaux, Michael Esq QUALIFIED40Ivan Magalhaes
1034Costa C RutaAustralia2026-10-13Rousseaux, Michael Esq NEGOTIATION95Asiya Javayant
1035Kadeem O BologniaUnited Kingdom2026-10-13Commercial Press NEW56Anna Fali
1036Leon U AlbaresSpain2026-10-31Chapman, Ross E Esq NEGOTIATION11Ioni Bowcher
1037James S RutaFrance2026-10-20Chanay, Jeffrey A Esq QUALIFIED39Xuxue Feng
1038Ashley I DarakjyItaly2026-10-11Chapman, Ross E Esq RENEWAL14Onyama Limba
1039Kadeem C TollnerGermany2026-10-16Feltz Printing Service NEW96Anna Fali
1040Aruna I FollerCanada2026-10-28Morlong Associates NEGOTIATION7Amy Elsner
1041Costa G BowleyIndia2026-10-05Feiner Bros RENEWAL53Xuxue Feng
1042Tony O WieserUnited Kingdom2026-10-22Chapman, Ross E Esq PROPOSAL66Onyama Limba
1043Nicolas N VocelkaSpain2026-10-25Rangoni Of Florence RENEWAL70Xuxue Feng
1044Jefferson C OldroydFrance2026-11-02Morlong Associates UNQUALIFIED13Amy Elsner
1045Murillo N FlosiRussia2026-10-18Feiner Bros UNQUALIFIED62Onyama Limba
1046Morrow T StockhamBrazil2026-10-11Chanay, Jeffrey A Esq PROPOSAL88Anna Fali
1047Izzy Y MarrierArgentina2026-11-01Morlong Associates NEW77Ioni Bowcher
1048Juan N PoquetteUnited Kingdom2026-10-21King, Christopher A Esq PROPOSAL92Bernardo Dominic
1049Jeanfrancois X FlosiGermany2026-10-18Benton, John B Jr NEGOTIATION98Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Juan U FlosiGermanyIoni Bowcher UNQUALIFIED
Alejandro N SchemmerIndiaAmy Elsner UNQUALIFIED
Antonio U MarrierArgentinaIvan Magalhaes NEGOTIATION
Cody O DilliardJapanIoni Bowcher NEW
Aika G FerenczFranceAsiya Javayant RENEWAL
Ricardo F FlosiJapanIvan Magalhaes NEW
Chavez D RutaItalyIvan Magalhaes PROPOSAL
Adams O PaprockiAustraliaAsiya Javayant NEW
Darci F MacleadUnited KingdomAmy Elsner NEGOTIATION
Misaki V SchemmerItalyAnna Fali NEW
Leon Y IturbideCanadaAmy Elsner NEW
Salvatore U BowleyJapanXuxue Feng NEW
Jones Q CaldareraSpainAmy Elsner RENEWAL
Julie M OstroskyGermanyBernardo Dominic PROPOSAL
Kaitlin B OstroskyArgentinaAsiya Javayant RENEWAL
Ricardo K KolmetzJapanAsiya Javayant UNQUALIFIED
Aruna S GlickAustraliaAnna Fali UNQUALIFIED
Cody H FlosiUnited KingdomElwin Sharvill QUALIFIED
Chavez K DarakjySpainAnna Fali PROPOSAL
Jefferson N RulapaughCanadaOnyama Limba UNQUALIFIED
Ivar W WaycottGermanyAnna Fali UNQUALIFIED
Munro J IturbideGermanyOnyama Limba NEGOTIATION
Smith T OstroskySpainAnna Fali NEW
Salvatore T PaprockiArgentinaXuxue Feng RENEWAL
James Z GauchoBrazilElwin Sharvill UNQUALIFIED
Tony V FigeroaUnited KingdomIoni Bowcher NEGOTIATION
Jefferson D RoysterSpainElwin Sharvill RENEWAL
Chavez L RimArgentinaElwin Sharvill PROPOSAL
Nicolas B KolmetzBrazilXuxue Feng RENEWAL
Clifford O ButtArgentinaAsiya Javayant NEGOTIATION
Greenwood I AmigonGermanyStephen Shaw RENEWAL
Munro J RoysterRussiaOnyama Limba UNQUALIFIED
Francesco U GillianUnited KingdomIvan Magalhaes NEGOTIATION
Cody C ButtJapanElwin Sharvill NEW
Maria W DoeGermanyElwin Sharvill QUALIFIED
Claire H GarufiArgentinaAsiya Javayant NEW
Ivar H CaudyJapanAsiya Javayant UNQUALIFIED
Alejandro I AmigonUnited KingdomIoni Bowcher QUALIFIED
Izzy D ButtJapanAmy Elsner UNQUALIFIED
Silvio F SergiGermanyIvan Magalhaes RENEWAL
Julie R FlosiRussiaXuxue Feng PROPOSAL
Izzy B RulapaughJapanStephen Shaw NEW
Smith C TollnerRussiaStephen Shaw NEGOTIATION
Ashley R PoquetteBrazilAmy Elsner RENEWAL
Faith K NestleSpainAnna Fali QUALIFIED
Julie H NestleArgentinaStephen Shaw UNQUALIFIED
Murillo K DarakjyArgentinaAnna Fali UNQUALIFIED
Mujtaba H ChuiGermanyOnyama Limba NEW
Julie W MorascaArgentinaAnna Fali UNQUALIFIED
Julie J RimBrazilBernardo Dominic RENEWAL
Frozen Columns
Name
Jeanfrancois I Ferencz
Leon D Royster
Octavia Q Kolmetz
Silvio D Rulapaugh
Izzy U Glick
Ivar H Foller
Nicolas W Stockham
Munro K Whobrey
Jefferson C Shinko
Wickens Y Rim
Maisha O Garufi
Ashley P Foller
Claire J Kolmetz
Claire B Flosi
Greenwood E Vocelka
Francesco M Darakjy
Tony F Malet
Antonio Q Waycott
Nicolas K Morasca
Murillo S Schemmer
Aruna H Schemmer
Maisha A Oldroyd
Izzy V Albares
Leja P Figeroa
Costa N Bolognia
Ivar H Kusko
Wickens H Maclead
Isabel W Ruta
Ricardo A Chui
Julie E Gillian
Wickens I Vocelka
Emily J Waycott
Izzy K Caudy
Emily O Flosi
Izzy W Oldroyd
Cody N Glick
Johnson O Gillian
Chavez L Wieser
Jefferson W Oldroyd
Mujtaba W Sergi
Isabel L Garufi
Claire C Dilliard
Adams M Garufi
Arvin J Stenseth
Ashley M Schemmer
Rodrigues Z Wieser
Tony T Foller
Ivar E Bolognia
Tony F Campain
Arvin C Dilliard
IdCountryDate
1000Argentina2026-10-08
1001Italy2026-10-10
1002Russia2026-10-05
1003Argentina2026-10-31
1004Argentina2026-10-20
1005Australia2026-10-07
1006Argentina2026-10-06
1007Australia2026-10-06
1008Argentina2026-10-18
1009Japan2026-11-01
1010France2026-10-20
1011United Kingdom2026-10-31
1012United Kingdom2026-10-21
1013Brazil2026-10-13
1014Russia2026-10-29
1015Spain2026-10-25
1016Brazil2026-10-05
1017India2026-11-01
1018Italy2026-10-06
1019Canada2026-11-01
1020Australia2026-10-07
1021Japan2026-11-03
1022Australia2026-10-09
1023Brazil2026-10-29
1024Spain2026-10-12
1025Brazil2026-11-01
1026Germany2026-10-09
1027Australia2026-10-30
1028Russia2026-10-30
1029Canada2026-10-10
1030Australia2026-10-19
1031Australia2026-10-21
1032Australia2026-10-26
1033India2026-11-03
1034Russia2026-10-22
1035Australia2026-10-10
1036Russia2026-11-01
1037Argentina2026-10-31
1038Spain2026-10-19
1039Spain2026-10-14
1040Italy2026-10-30
1041Spain2026-10-06
1042India2026-10-23
1043Australia2026-10-07
1044Brazil2026-10-19
1045United Kingdom2026-10-19
1046Russia2026-10-09
1047Germany2026-10-18
1048Canada2026-10-22
1049Canada2026-10-22

On-Demand Data

NameIdCountryDate
Jones A Vocelka1000United Kingdom2026-10-17
Johnson F Garufi1001Russia2026-11-01
Clifford H Shinko1002Australia2026-10-26
Costa I Campain1003India2026-11-02
Jones Q Morasca1004Brazil2026-11-01
Nicolas U Shinko1005Spain2026-10-09
Smith F Flosi1006Italy2026-10-22
Jeanfrancois J Rim1007Japan2026-10-27
Costa R Rim1008United Kingdom2026-10-26
Murillo Z Butt1009Japan2026-10-17
Leon S Shinko1010Australia2026-10-23
Murillo X Albares1011Spain2026-10-30
Jennifer L Chui1012Brazil2026-10-31
Leon H Paprocki1013Italy2026-10-07
Sinclair H Chui1014France2026-10-16
Emily U Campain1015Italy2026-10-24
Kadeem B Dilliard1016Spain2026-10-22
Arvin A Foller1017France2026-10-09
Johnson J Flosi1018Australia2026-10-14
Aruna M Oldroyd1019Brazil2026-10-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Octavia Y SaylorsJapanBernardo Dominic NEW
Jones P DarakjyRussiaElwin Sharvill QUALIFIED
Tony L RimUnited KingdomIoni Bowcher QUALIFIED
Maria W GarufiAustraliaStephen Shaw QUALIFIED
Ashley Y WieserItalyBernardo Dominic NEW
Faith I MarrierItalyIvan Magalhaes RENEWAL
Smith N GauchoIndiaBernardo Dominic RENEWAL
Faith A RimItalyAnna Fali NEW
Juan L PaprockiFranceAmy Elsner RENEWAL
Ivar H BowleyUnited KingdomAnna Fali NEW
Nicolas D NickaCanadaStephen Shaw NEGOTIATION
Morrow R VocelkaArgentinaAsiya Javayant RENEWAL
Kaitlin O TollnerUnited KingdomIvan Magalhaes RENEWAL
Johnson H BriddickIndiaOnyama Limba NEGOTIATION
Alejandro H MaletSpainXuxue Feng QUALIFIED
David I SergiSpainOnyama Limba PROPOSAL
Darci G OstroskyFranceStephen Shaw NEW
Greenwood Q FlosiRussiaAmy Elsner UNQUALIFIED
Morrow Y GillianGermanyElwin Sharvill NEGOTIATION
Clifford T AlbaresIndiaAmy Elsner RENEWAL
Tony O WieserArgentinaBernardo Dominic NEW
Smith H AmigonIndiaOnyama Limba RENEWAL
Ivar M AlbaresFranceIvan Magalhaes PROPOSAL
Costa K PoquetteUnited KingdomOnyama Limba NEGOTIATION
Jennifer V BologniaRussiaOnyama Limba NEGOTIATION
Arvin Z MorascaAustraliaElwin Sharvill QUALIFIED
Jefferson A KuskoItalyAnna Fali QUALIFIED
Emily R GauchoCanadaAnna Fali UNQUALIFIED
Maisha K GillianFranceBernardo Dominic NEW
Nicolas N VenereGermanyAmy Elsner NEW
Aika F FerenczAustraliaElwin Sharvill RENEWAL
Aruna I NestleItalyAsiya Javayant RENEWAL
Stacey S FerenczCanadaElwin Sharvill PROPOSAL
Kadeem K RulapaughIndiaElwin Sharvill NEGOTIATION
Octavia Y FollerBrazilXuxue Feng UNQUALIFIED
Juan K GlickAustraliaIvan Magalhaes UNQUALIFIED
Aruna N RoysterArgentinaOnyama Limba QUALIFIED
Juan I GarufiFranceBernardo Dominic NEW
Leon W FigeroaGermanyXuxue Feng UNQUALIFIED
Jeanfrancois S NickaSpainIvan Magalhaes 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>