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
Johnson V AmigonUnited KingdomAsiya Javayant NEGOTIATION
Costa W AmigonUnited KingdomAsiya Javayant NEGOTIATION
Isabel R GillianRussiaOnyama Limba PROPOSAL
James L ButtUnited KingdomXuxue Feng RENEWAL
Alejandro V ChuiRussiaAsiya Javayant NEGOTIATION
Leon Y PaprockiItalyStephen Shaw UNQUALIFIED
David O OldroydSpainAmy Elsner QUALIFIED
Leon Z AlbaresSpainElwin Sharvill QUALIFIED
James D BriddickFranceElwin Sharvill RENEWAL
James I MarrierArgentinaIvan Magalhaes QUALIFIED
Kadeem V GarufiAustraliaAnna Fali PROPOSAL
Cody S WaycottRussiaElwin Sharvill UNQUALIFIED
Octavia W DarakjyArgentinaBernardo Dominic RENEWAL
Maria O ShinkoFranceIoni Bowcher PROPOSAL
Clifford D AlbaresAustraliaIvan Magalhaes PROPOSAL
Claire U WaycottUnited KingdomBernardo Dominic PROPOSAL
Claire A VenereIndiaStephen Shaw PROPOSAL
Ashley X OldroydBrazilOnyama Limba RENEWAL
Stacey N RimFranceIoni Bowcher QUALIFIED
Aruna I KolmetzJapanElwin Sharvill RENEWAL
Leon U ShinkoBrazilAsiya Javayant RENEWAL
Misaki X PoquetteItalyElwin Sharvill NEW
Claire Z FlosiSpainStephen Shaw NEGOTIATION
Aruna R AlbaresIndiaStephen Shaw NEW
Aditya P OstroskyArgentinaAsiya Javayant UNQUALIFIED
Stacey Q FerenczArgentinaBernardo Dominic RENEWAL
Arvin W KolmetzRussiaOnyama Limba NEGOTIATION
Deepesh A GauchoCanadaAmy Elsner NEGOTIATION
Murillo E FerenczBrazilAsiya Javayant PROPOSAL
Adams E FlosiArgentinaIoni Bowcher NEGOTIATION
Jefferson M FigeroaUnited KingdomAmy Elsner PROPOSAL
Maisha C RulapaughCanadaIoni Bowcher NEGOTIATION
Darci B SergiSpainStephen Shaw NEW
Mujtaba L SlusarskiArgentinaIvan Magalhaes UNQUALIFIED
Misaki T MarrierItalyIoni Bowcher PROPOSAL
Julie G BriddickCanadaBernardo Dominic UNQUALIFIED
Jeanfrancois X CaldareraJapanOnyama Limba UNQUALIFIED
Izzy W MaletItalyIoni Bowcher NEGOTIATION
Johnson V DoeCanadaOnyama Limba RENEWAL
Mayumi L FlosiCanadaIvan Magalhaes RENEWAL
Costa K FerenczAustraliaOnyama Limba PROPOSAL
Alejandro N OstroskySpainBernardo Dominic NEW
Mayumi F CaudyIndiaAnna Fali NEW
Munro U PoquetteItalyIvan Magalhaes NEGOTIATION
Maisha L AmigonGermanyOnyama Limba RENEWAL
Greenwood G BologniaRussiaStephen Shaw PROPOSAL
Rodrigues Q BologniaRussiaStephen Shaw PROPOSAL
Izzy K TollnerFranceIoni Bowcher UNQUALIFIED
Maisha P PerinGermanyIoni Bowcher RENEWAL
Francesco Q NestleFranceAsiya Javayant PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Darci L RoysterFranceAmy Elsner NEW
Octavia N PaprockiCanadaStephen Shaw NEGOTIATION
Leon Y WhobreyFranceIvan Magalhaes RENEWAL
Julie D TollnerRussiaAnna Fali RENEWAL
Aditya B RutaUnited KingdomAnna Fali PROPOSAL
James S GlickAustraliaXuxue Feng NEGOTIATION
Izzy P GlickSpainBernardo Dominic NEW
Nicolas B CaldareraFranceAsiya Javayant PROPOSAL
Izzy L PerinFranceOnyama Limba NEW
Wickens I GlickIndiaElwin Sharvill UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Wickens M SchemmerRussia2026-09-06Rousseaux, Michael Esq QUALIFIED63Onyama Limba
1001Arvin G BriddickRussia2026-09-07Rousseaux, Michael Esq UNQUALIFIED6Onyama Limba
1002Claire E MaletSpain2026-09-04Feiner Bros PROPOSAL88Elwin Sharvill
1003Maria T GillianJapan2026-09-03King, Christopher A Esq PROPOSAL17Xuxue Feng
1004Maisha E DoeFrance2026-09-07Chapman, Ross E Esq QUALIFIED40Anna Fali
1005Johnson H MaletJapan2026-09-26Benton, John B Jr RENEWAL50Elwin Sharvill
1006Morrow R NickaUnited Kingdom2026-09-19Chanay, Jeffrey A Esq PROPOSAL55Onyama Limba
1007Leon A PoquetteGermany2026-08-30Rousseaux, Michael Esq UNQUALIFIED46Onyama Limba
1008Stacey Y SergiFrance2026-09-15Feltz Printing Service QUALIFIED96Ioni Bowcher
1009Aruna R ButtCanada2026-09-14King, Christopher A Esq NEGOTIATION84Stephen Shaw
1010Munro D MacleadAustralia2026-09-18Feiner Bros NEGOTIATION85Asiya Javayant
1011Kadeem O OstroskyRussia2026-09-20Rousseaux, Michael Esq NEGOTIATION72Amy Elsner
1012Stacey A BriddickUnited Kingdom2026-09-21Chemel, James L Cpa PROPOSAL17Onyama Limba
1013Octavia C FollerIndia2026-09-23Feiner Bros NEGOTIATION19Bernardo Dominic
1014Stacey O PaprockiUnited Kingdom2026-09-09Dorl, James J Esq UNQUALIFIED58Amy Elsner
1015Clifford C FerenczBrazil2026-09-21Feiner Bros NEGOTIATION67Elwin Sharvill
1016Kaitlin O ChuiUnited Kingdom2026-09-23Chapman, Ross E Esq NEW34Ioni Bowcher
1017Maria V OstroskyItaly2026-09-06Rangoni Of Florence RENEWAL27Xuxue Feng
1018Munro Q WaycottAustralia2026-08-31Chapman, Ross E Esq NEGOTIATION94Stephen Shaw
1019Ricardo G MaletGermany2026-09-09Buckley Miller Wright NEW54Onyama Limba
1020Johnson R IturbideCanada2026-09-21Chapman, Ross E Esq PROPOSAL20Ioni Bowcher
1021Cody H KolmetzRussia2026-09-03Feltz Printing Service UNQUALIFIED9Stephen Shaw
1022Claire B GarufiJapan2026-09-03Dorl, James J Esq NEGOTIATION31Ivan Magalhaes
1023Julie J RoysterBrazil2026-09-26King, Christopher A Esq NEGOTIATION29Onyama Limba
1024Aditya F VenereAustralia2026-09-13Benton, John B Jr RENEWAL26Bernardo Dominic
1025Alejandro S RutaItaly2026-09-11Buckley Miller Wright NEGOTIATION35Asiya Javayant
1026Cody C DoeUnited Kingdom2026-09-03Dorl, James J Esq NEW98Xuxue Feng
1027Mujtaba T BowleyArgentina2026-09-08Chanay, Jeffrey A Esq QUALIFIED71Amy Elsner
1028Adams W PoquetteIndia2026-09-18Commercial Press QUALIFIED51Elwin Sharvill
1029Sinclair N GauchoCanada2026-09-01Feiner Bros NEW70Asiya Javayant
1030Costa E GauchoRussia2026-09-08Buckley Miller Wright UNQUALIFIED71Asiya Javayant
1031Izzy M CaldareraJapan2026-09-17Rangoni Of Florence PROPOSAL10Ioni Bowcher
1032Maisha X RulapaughRussia2026-09-21Feiner Bros UNQUALIFIED13Amy Elsner
1033Maisha Q SaylorsFrance2026-09-15Chemel, James L Cpa RENEWAL88Xuxue Feng
1034Julie H WaycottItaly2026-09-04Rousseaux, Michael Esq NEGOTIATION6Xuxue Feng
1035Tony B RutaUnited Kingdom2026-09-04Chapman, Ross E Esq RENEWAL48Stephen Shaw
1036Mayumi O BriddickAustralia2026-09-08Printing Dimensions QUALIFIED36Elwin Sharvill
1037Greenwood H PoquetteJapan2026-08-31Benton, John B Jr NEGOTIATION23Elwin Sharvill
1038Faith W DilliardArgentina2026-09-10Buckley Miller Wright UNQUALIFIED22Amy Elsner
1039Jennifer D GlickUnited Kingdom2026-09-18Chanay, Jeffrey A Esq RENEWAL96Xuxue Feng
1040Chavez U MaletCanada2026-09-04Chapman, Ross E Esq UNQUALIFIED93Elwin Sharvill
1041Claire R FerenczIndia2026-09-18Feltz Printing Service PROPOSAL74Bernardo Dominic
1042Jones L MorascaSpain2026-09-16Commercial Press NEGOTIATION42Ioni Bowcher
1043Francesco E RulapaughGermany2026-09-11Feltz Printing Service RENEWAL50Asiya Javayant
1044Jeanfrancois P BologniaBrazil2026-09-15Chapman, Ross E Esq RENEWAL66Stephen Shaw
1045Kadeem H SlusarskiRussia2026-09-16King, Christopher A Esq UNQUALIFIED79Amy Elsner
1046Silvio T FerenczFrance2026-09-24Buckley Miller Wright RENEWAL17Ioni Bowcher
1047Ricardo C PaprockiUnited Kingdom2026-09-12Truhlar And Truhlar Attys NEGOTIATION9Amy Elsner
1048Maria S AlbaresFrance2026-08-30Chemel, James L Cpa RENEWAL58Xuxue Feng
1049Julie H CampainItaly2026-09-13King, Christopher A Esq NEW5Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Nicolas V NestleSpainAnna Fali QUALIFIED
Clifford H RoysterAustraliaAmy Elsner PROPOSAL
Julie B DarakjyItalyOnyama Limba RENEWAL
Isabel R NickaCanadaOnyama Limba NEW
Morrow D NickaBrazilAnna Fali NEW
David G BowleyArgentinaXuxue Feng QUALIFIED
Costa Z ChuiUnited KingdomIoni Bowcher PROPOSAL
Stacey R BologniaItalyAnna Fali UNQUALIFIED
Ashley N InouyeBrazilIoni Bowcher NEGOTIATION
Ivar W FerenczCanadaElwin Sharvill PROPOSAL
Juan C SaylorsUnited KingdomAnna Fali QUALIFIED
James S GarufiFranceIoni Bowcher RENEWAL
Stacey F GauchoIndiaOnyama Limba QUALIFIED
Wickens M WhobreyRussiaAsiya Javayant QUALIFIED
Faith H ChuiItalyOnyama Limba RENEWAL
Cody V GillianIndiaAnna Fali QUALIFIED
Claire S AlbaresJapanIvan Magalhaes QUALIFIED
Kadeem I RulapaughSpainAnna Fali QUALIFIED
Murillo G FollerRussiaBernardo Dominic QUALIFIED
James M FigeroaRussiaXuxue Feng UNQUALIFIED
Darci L PerinIndiaIoni Bowcher PROPOSAL
Chavez V GillianAustraliaIoni Bowcher PROPOSAL
Mujtaba D MacleadFranceAsiya Javayant PROPOSAL
Mujtaba X FerenczItalyAsiya Javayant QUALIFIED
Francesco A GarufiFranceStephen Shaw UNQUALIFIED
Mujtaba U PoquetteArgentinaElwin Sharvill PROPOSAL
Ivar L MorascaRussiaIoni Bowcher NEW
Silvio W BologniaRussiaStephen Shaw QUALIFIED
Smith I KolmetzRussiaStephen Shaw PROPOSAL
Munro S RutaRussiaIoni Bowcher NEGOTIATION
Arvin F FigeroaRussiaIoni Bowcher NEGOTIATION
Maria Z SlusarskiJapanIoni Bowcher NEGOTIATION
Johnson O BriddickSpainXuxue Feng QUALIFIED
Aika F DoeItalyElwin Sharvill QUALIFIED
Maisha C BriddickSpainIvan Magalhaes NEGOTIATION
Jones C DarakjyBrazilIoni Bowcher QUALIFIED
Stacey M KuskoJapanIoni Bowcher NEGOTIATION
Ricardo Y ShinkoUnited KingdomIvan Magalhaes QUALIFIED
Kaitlin Y OldroydUnited KingdomAsiya Javayant NEW
James O MacleadArgentinaAsiya Javayant PROPOSAL
Adams O GauchoFranceIvan Magalhaes NEGOTIATION
Octavia J FlosiCanadaIoni Bowcher NEGOTIATION
Maisha Q NestleJapanOnyama Limba QUALIFIED
Deepesh Q IturbideRussiaXuxue Feng NEGOTIATION
Johnson M MarrierGermanyXuxue Feng NEW
Arvin E MacleadItalyXuxue Feng QUALIFIED
Cody L CaudyArgentinaStephen Shaw UNQUALIFIED
Leon O SlusarskiBrazilElwin Sharvill NEW
Aditya G OldroydJapanElwin Sharvill QUALIFIED
Antonio P MaletUnited KingdomAmy Elsner UNQUALIFIED
Frozen Columns
Name
Misaki V Briddick
Emily L Ruta
Jones V Morasca
Ricardo D Maclead
Leon J Ostrosky
Deepesh Y Ostrosky
Sinclair X Poquette
Adams H Stenseth
James U Caudy
Munro G Oldroyd
Aika E Nicka
Jennifer E Marrier
Aika A Vocelka
Silvio G Gillian
Izzy Z Ostrosky
Faith A Albares
Juan L Inouye
Clifford A Waycott
Greenwood V Shinko
Julie C Kolmetz
Munro V Glick
Julie I Saylors
Aditya H Ferencz
Claire T Figeroa
Aruna K Amigon
Faith Y Kusko
Juan L Nicka
Smith G Oldroyd
Morrow B Inouye
Costa U Iturbide
James J Glick
Tony M Inouye
Costa K Dilliard
Deepesh G Rulapaugh
Greenwood A Briddick
Greenwood C Darakjy
Rodrigues Z Stenseth
Jefferson N Albares
Morrow T Caudy
Chavez T Paprocki
Maisha I Kusko
Murillo G Stockham
Ivar B Garufi
Jones H Oldroyd
Aruna J Ostrosky
Mujtaba S Garufi
Kaitlin P Marrier
Clifford K Ruta
Johnson K Bowley
Mayumi N Glick
IdCountryDate
1000France2026-09-05
1001Germany2026-09-23
1002Argentina2026-09-20
1003Australia2026-09-17
1004United Kingdom2026-08-30
1005Russia2026-08-28
1006Japan2026-08-31
1007France2026-09-26
1008Germany2026-09-25
1009Spain2026-09-07
1010Germany2026-08-30
1011United Kingdom2026-09-11
1012Australia2026-09-14
1013France2026-09-07
1014United Kingdom2026-09-19
1015United Kingdom2026-08-29
1016Spain2026-09-01
1017Brazil2026-09-07
1018India2026-09-21
1019Germany2026-09-12
1020Canada2026-09-16
1021France2026-09-16
1022Argentina2026-09-16
1023India2026-09-05
1024United Kingdom2026-09-15
1025India2026-09-11
1026Russia2026-09-26
1027Germany2026-08-31
1028Argentina2026-09-23
1029Canada2026-09-06
1030Canada2026-09-09
1031Australia2026-09-26
1032Brazil2026-09-04
1033India2026-09-23
1034Brazil2026-09-05
1035Argentina2026-08-28
1036United Kingdom2026-08-31
1037Australia2026-09-19
1038Germany2026-09-05
1039India2026-08-28
1040Japan2026-08-31
1041India2026-08-29
1042India2026-08-30
1043Argentina2026-09-01
1044France2026-09-05
1045India2026-09-15
1046Germany2026-09-04
1047Russia2026-09-04
1048Spain2026-09-19
1049Canada2026-09-13

On-Demand Data

NameIdCountryDate
Leja X Flosi1000Germany2026-09-20
Clifford T Rim1001Australia2026-09-20
Maisha Q Shinko1002Canada2026-09-16
Antonio Q Bolognia1003Australia2026-09-25
Ricardo Z Stockham1004Canada2026-09-09
Claire F Foller1005Brazil2026-09-22
Nicolas C Gaucho1006United Kingdom2026-09-07
Sinclair J Ruta1007Australia2026-09-22
Mujtaba C Slusarski1008France2026-09-17
Jefferson J Morasca1009United Kingdom2026-09-05
Stacey N Iturbide1010India2026-09-16
James S Briddick1011France2026-09-13
Morrow E Venere1012Argentina2026-09-04
David H Whobrey1013Spain2026-08-28
Cody S Figeroa1014Japan2026-09-10
Maria F Slusarski1015Russia2026-09-15
Maria Y Caldarera1016Spain2026-09-12
Murillo W Slusarski1017Spain2026-09-15
Mayumi Z Kolmetz1018United Kingdom2026-09-05
David P Saylors1019Japan2026-09-01
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Wickens C RulapaughIndiaXuxue Feng RENEWAL
Nicolas A AmigonJapanAmy Elsner QUALIFIED
Cody P MaletFranceAmy Elsner NEW
Isabel R FollerSpainOnyama Limba NEW
Ivar W FollerIndiaBernardo Dominic NEGOTIATION
Maisha C GillianItalyIoni Bowcher NEW
David M GlickSpainAnna Fali NEW
Wickens X VocelkaIndiaXuxue Feng PROPOSAL
Sinclair A BologniaFranceOnyama Limba NEW
Johnson I OldroydJapanXuxue Feng RENEWAL
Silvio N RutaRussiaAmy Elsner NEW
Emily N RutaJapanAsiya Javayant NEGOTIATION
Clifford F BowleyIndiaAsiya Javayant UNQUALIFIED
Cody X WaycottFranceStephen Shaw NEGOTIATION
Tony J GauchoSpainIoni Bowcher UNQUALIFIED
Chavez I WieserGermanyIoni Bowcher RENEWAL
Costa R CaudyArgentinaStephen Shaw QUALIFIED
Kaitlin W GarufiAustraliaAsiya Javayant NEGOTIATION
Julie L MarrierArgentinaAmy Elsner QUALIFIED
Juan W CampainFranceStephen Shaw RENEWAL
Ricardo X DarakjyGermanyAmy Elsner RENEWAL
Ivar V MorascaGermanyOnyama Limba NEW
Sinclair T ShinkoBrazilAnna Fali NEW
Silvio R GlickArgentinaStephen Shaw QUALIFIED
Antonio Y FerenczUnited KingdomOnyama Limba PROPOSAL
Maria K KuskoBrazilXuxue Feng NEGOTIATION
Nicolas F WaycottSpainAsiya Javayant QUALIFIED
Cody N CaudyRussiaBernardo Dominic UNQUALIFIED
Kaitlin C PerinJapanBernardo Dominic UNQUALIFIED
Julie U DoeSpainElwin Sharvill RENEWAL
Jennifer E MaletGermanyElwin Sharvill NEGOTIATION
Costa O SergiAustraliaOnyama Limba NEW
Leja A FerenczCanadaAmy Elsner QUALIFIED
David I WieserItalyAmy Elsner QUALIFIED
Juan Q WaycottGermanyOnyama Limba QUALIFIED
Johnson T InouyeAustraliaIvan Magalhaes PROPOSAL
Jeanfrancois O SergiCanadaAmy Elsner NEGOTIATION
Murillo M DilliardItalyIoni Bowcher QUALIFIED
Murillo A WieserRussiaStephen Shaw NEW
Maria L GillianItalyAnna Fali RENEWAL

<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>