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 D IturbideCanadaStephen Shaw PROPOSAL
Jones P VenereFranceAmy Elsner UNQUALIFIED
Salvatore U KuskoGermanyXuxue Feng UNQUALIFIED
Chavez U MaletBrazilAsiya Javayant NEGOTIATION
Rodrigues J DarakjyJapanBernardo Dominic UNQUALIFIED
Mayumi B PerinIndiaOnyama Limba NEW
Costa B FlosiGermanyIoni Bowcher RENEWAL
Morrow X NickaIndiaIvan Magalhaes NEW
Kadeem L ShinkoRussiaAsiya Javayant NEW
Jeanfrancois V WhobreyRussiaElwin Sharvill NEW
Clifford F IturbideFranceAmy Elsner NEGOTIATION
Isabel W MarrierUnited KingdomIoni Bowcher PROPOSAL
Munro B BologniaBrazilBernardo Dominic NEGOTIATION
James G WhobreyJapanOnyama Limba QUALIFIED
Jefferson K OldroydBrazilOnyama Limba QUALIFIED
Ivar E PaprockiRussiaAsiya Javayant QUALIFIED
Silvio J CaudyUnited KingdomBernardo Dominic NEW
Murillo Y FollerSpainOnyama Limba UNQUALIFIED
Francesco X GillianArgentinaElwin Sharvill UNQUALIFIED
Johnson P InouyeRussiaAsiya Javayant NEGOTIATION
Nicolas Y StensethItalyBernardo Dominic NEW
Aruna O CaudyBrazilBernardo Dominic PROPOSAL
Emily P StockhamCanadaOnyama Limba UNQUALIFIED
Morrow O DarakjyIndiaIvan Magalhaes RENEWAL
Wickens G KuskoUnited KingdomOnyama Limba NEGOTIATION
Sinclair Q SlusarskiAustraliaStephen Shaw UNQUALIFIED
Rodrigues L MarrierItalyBernardo Dominic UNQUALIFIED
Antonio E OstroskyFranceXuxue Feng QUALIFIED
Jones W CampainSpainAmy Elsner UNQUALIFIED
Sinclair H SchemmerGermanyAmy Elsner NEW
Morrow J FerenczUnited KingdomElwin Sharvill RENEWAL
Maisha W WieserCanadaElwin Sharvill QUALIFIED
Ricardo Z IturbideCanadaIoni Bowcher PROPOSAL
Munro Y NestleJapanBernardo Dominic NEW
Julie Q RoysterAustraliaIoni Bowcher QUALIFIED
Julie P MaletUnited KingdomAsiya Javayant NEGOTIATION
Aika R ShinkoGermanyXuxue Feng PROPOSAL
David L ButtAustraliaAsiya Javayant PROPOSAL
Cody W FerenczIndiaAsiya Javayant NEGOTIATION
Misaki M InouyeItalyOnyama Limba NEGOTIATION
Emily D AmigonBrazilElwin Sharvill RENEWAL
Costa Y WhobreyRussiaAnna Fali PROPOSAL
Stacey C FollerRussiaBernardo Dominic NEGOTIATION
Nicolas D FerenczGermanyOnyama Limba QUALIFIED
Leon X RoysterSpainAmy Elsner UNQUALIFIED
Izzy B MorascaUnited KingdomAmy Elsner NEGOTIATION
Jefferson A ShinkoGermanyBernardo Dominic QUALIFIED
Deepesh E RimUnited KingdomStephen Shaw RENEWAL
Mayumi I TollnerSpainElwin Sharvill QUALIFIED
Kadeem O MacleadRussiaIvan Magalhaes UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Ivar R AlbaresJapanStephen Shaw PROPOSAL
Maria Q TollnerUnited KingdomAsiya Javayant NEW
Arvin U BriddickFranceAmy Elsner NEGOTIATION
Izzy M KolmetzIndiaXuxue Feng QUALIFIED
Arvin W FlosiItalyAnna Fali RENEWAL
Smith U DarakjyCanadaAnna Fali NEW
Octavia O DilliardAustraliaAnna Fali NEW
Jennifer J FerenczGermanyOnyama Limba PROPOSAL
Izzy Z MarrierGermanyAsiya Javayant NEGOTIATION
Emily M OldroydIndiaElwin Sharvill RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Silvio Z NickaCanada2026-09-14Truhlar And Truhlar Attys NEW67Ivan Magalhaes
1001Francesco L OstroskyIndia2026-09-15Feiner Bros NEGOTIATION39Onyama Limba
1002Wickens I RimCanada2026-09-07Truhlar And Truhlar Attys UNQUALIFIED64Onyama Limba
1003Claire G VenereJapan2026-09-07Commercial Press RENEWAL88Anna Fali
1004Kadeem J ButtRussia2026-09-21Commercial Press NEW21Stephen Shaw
1005Alejandro I MacleadIndia2026-10-01Chemel, James L Cpa RENEWAL20Elwin Sharvill
1006Morrow H OldroydCanada2026-10-01Feltz Printing Service UNQUALIFIED16Ioni Bowcher
1007Kadeem D ChuiCanada2026-09-15King, Christopher A Esq NEW41Anna Fali
1008Tony Y CaudyArgentina2026-09-10Chanay, Jeffrey A Esq RENEWAL34Ioni Bowcher
1009Smith B RulapaughSpain2026-09-07Feiner Bros UNQUALIFIED89Ivan Magalhaes
1010Claire P VocelkaJapan2026-09-16Rousseaux, Michael Esq PROPOSAL48Ivan Magalhaes
1011Juan F AmigonCanada2026-09-13Feiner Bros RENEWAL21Elwin Sharvill
1012Wickens U IturbideItaly2026-09-22Commercial Press NEGOTIATION90Onyama Limba
1013James X SchemmerUnited Kingdom2026-09-06Morlong Associates UNQUALIFIED86Ivan Magalhaes
1014Juan X BowleyAustralia2026-09-22Printing Dimensions QUALIFIED37Bernardo Dominic
1015Kaitlin S GillianJapan2026-09-22Chapman, Ross E Esq RENEWAL88Anna Fali
1016Isabel G PoquetteIndia2026-09-14Chapman, Ross E Esq PROPOSAL72Onyama Limba
1017Francesco C MacleadRussia2026-09-18Dorl, James J Esq UNQUALIFIED21Bernardo Dominic
1018Francesco T KolmetzAustralia2026-09-21Rousseaux, Michael Esq NEW39Xuxue Feng
1019Chavez C MacleadAustralia2026-09-12Printing Dimensions NEW2Elwin Sharvill
1020Johnson K MacleadCanada2026-09-12Chemel, James L Cpa NEGOTIATION23Onyama Limba
1021Stacey R RulapaughRussia2026-09-27Benton, John B Jr QUALIFIED17Stephen Shaw
1022Antonio I DarakjyItaly2026-09-28King, Christopher A Esq UNQUALIFIED20Xuxue Feng
1023Darci B OstroskyBrazil2026-09-30Chemel, James L Cpa RENEWAL43Xuxue Feng
1024Leon V MarrierCanada2026-09-19Commercial Press NEGOTIATION56Elwin Sharvill
1025Faith A MaletArgentina2026-09-06Truhlar And Truhlar Attys PROPOSAL2Onyama Limba
1026Julie R SchemmerFrance2026-09-04Rangoni Of Florence RENEWAL56Anna Fali
1027Maisha J SchemmerUnited Kingdom2026-09-14Feiner Bros NEGOTIATION97Elwin Sharvill
1028Octavia Z GlickGermany2026-09-16Printing Dimensions UNQUALIFIED66Xuxue Feng
1029Ivar K BowleyFrance2026-09-11Rousseaux, Michael Esq NEGOTIATION54Elwin Sharvill
1030Aditya A MacleadCanada2026-10-01Commercial Press PROPOSAL27Ioni Bowcher
1031Wickens U OstroskyBrazil2026-09-18Rangoni Of Florence QUALIFIED2Stephen Shaw
1032Leja Y ButtIndia2026-09-08Rousseaux, Michael Esq NEGOTIATION59Asiya Javayant
1033Costa K PaprockiItaly2026-09-16Rousseaux, Michael Esq PROPOSAL33Xuxue Feng
1034Octavia D VenereIndia2026-09-12Chanay, Jeffrey A Esq QUALIFIED70Elwin Sharvill
1035Francesco L BriddickRussia2026-09-15Benton, John B Jr QUALIFIED77Onyama Limba
1036James O InouyeJapan2026-09-07Morlong Associates UNQUALIFIED16Ivan Magalhaes
1037Sinclair Q CampainBrazil2026-09-11Chemel, James L Cpa UNQUALIFIED35Anna Fali
1038Jefferson G RoysterFrance2026-09-23Morlong Associates NEGOTIATION9Elwin Sharvill
1039Juan Z WieserIndia2026-09-09Chapman, Ross E Esq PROPOSAL38Ioni Bowcher
1040Arvin B MaletRussia2026-09-22Chapman, Ross E Esq NEGOTIATION19Xuxue Feng
1041Leja M BowleyGermany2026-09-14Benton, John B Jr UNQUALIFIED60Anna Fali
1042Maria P VocelkaBrazil2026-09-30Chapman, Ross E Esq RENEWAL26Bernardo Dominic
1043Izzy O WieserAustralia2026-09-23Commercial Press NEGOTIATION15Asiya Javayant
1044Kadeem K StensethFrance2026-09-25Morlong Associates NEW8Ioni Bowcher
1045Aika X GillianItaly2026-09-24Buckley Miller Wright RENEWAL90Ioni Bowcher
1046Sinclair M DoeIndia2026-09-18Chanay, Jeffrey A Esq QUALIFIED10Stephen Shaw
1047Mujtaba V MacleadCanada2026-09-14Buckley Miller Wright QUALIFIED34Stephen Shaw
1048Arvin S GauchoArgentina2026-09-06Feltz Printing Service QUALIFIED94Xuxue Feng
1049Kaitlin R WhobreyIndia2026-09-02Dorl, James J Esq UNQUALIFIED44Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Murillo V BowleyIndiaAsiya Javayant RENEWAL
Francesco G AmigonArgentinaXuxue Feng NEW
Aika C RulapaughAustraliaAsiya Javayant UNQUALIFIED
Salvatore K ShinkoRussiaIvan Magalhaes UNQUALIFIED
Juan V VenereUnited KingdomIvan Magalhaes NEW
Ivar K PaprockiItalyIvan Magalhaes RENEWAL
Julie Z NestleGermanyAmy Elsner UNQUALIFIED
Mayumi W TollnerFranceAsiya Javayant NEGOTIATION
Jefferson Z KuskoUnited KingdomAnna Fali QUALIFIED
Jeanfrancois L WieserIndiaAnna Fali RENEWAL
Francesco S NickaUnited KingdomXuxue Feng RENEWAL
Darci N MarrierItalyIvan Magalhaes QUALIFIED
Ricardo J IturbideFranceAmy Elsner PROPOSAL
Maisha H FollerUnited KingdomAnna Fali RENEWAL
Stacey T FlosiUnited KingdomStephen Shaw NEGOTIATION
Aruna O SchemmerItalyAnna Fali UNQUALIFIED
Kaitlin J RimFranceOnyama Limba QUALIFIED
Ricardo P DilliardRussiaStephen Shaw PROPOSAL
Mayumi Z CampainIndiaXuxue Feng PROPOSAL
Deepesh C SlusarskiBrazilIvan Magalhaes NEW
Ivar P MaletFranceAnna Fali RENEWAL
Munro B BowleyRussiaStephen Shaw NEGOTIATION
Ricardo R WieserIndiaXuxue Feng PROPOSAL
Silvio C VenereArgentinaBernardo Dominic RENEWAL
Murillo T DilliardFranceAnna Fali NEGOTIATION
Leon Z NestleRussiaIvan Magalhaes NEGOTIATION
Wickens L IturbideIndiaIvan Magalhaes PROPOSAL
David C GauchoItalyElwin Sharvill PROPOSAL
Julie Y RimSpainIvan Magalhaes NEGOTIATION
Aditya I WieserArgentinaElwin Sharvill NEW
Misaki B SchemmerFranceAmy Elsner NEGOTIATION
Clifford Y GlickArgentinaIvan Magalhaes QUALIFIED
Mujtaba U WaycottItalyAsiya Javayant QUALIFIED
David G FigeroaSpainIvan Magalhaes NEW
Greenwood U PerinSpainElwin Sharvill NEW
Rodrigues Q OstroskyAustraliaXuxue Feng UNQUALIFIED
Mujtaba M OldroydIndiaStephen Shaw PROPOSAL
Jones V RulapaughFranceIoni Bowcher UNQUALIFIED
Mujtaba L MaletCanadaBernardo Dominic RENEWAL
Mujtaba O NickaGermanyIoni Bowcher NEW
Tony J DilliardBrazilAnna Fali NEW
Alejandro F FollerGermanyBernardo Dominic NEGOTIATION
Aruna S NestleBrazilOnyama Limba NEGOTIATION
Julie G OldroydSpainBernardo Dominic QUALIFIED
Mujtaba S IturbideRussiaStephen Shaw RENEWAL
Kadeem A GlickRussiaIoni Bowcher NEGOTIATION
Cody M KuskoFranceStephen Shaw NEW
Ricardo K FigeroaJapanIvan Magalhaes UNQUALIFIED
Munro B ChuiRussiaIvan Magalhaes UNQUALIFIED
Leja M PaprockiFranceIoni Bowcher NEW
Frozen Columns
Name
Mayumi K Whobrey
Clifford Q Glick
Sinclair C Nicka
Jennifer B Shinko
Adams V Malet
Darci M Ferencz
Rodrigues Z Maclead
Johnson E Ostrosky
Murillo J Nestle
Alejandro T Vocelka
Aditya I Amigon
Nicolas D Maclead
Wickens B Oldroyd
Leja T Shinko
Stacey F Rim
Ricardo T Gillian
Misaki F Waycott
Deepesh U Stockham
David M Paprocki
Maria D Campain
James I Caudy
Octavia M Figeroa
Jeanfrancois A Marrier
Murillo H Nestle
Darci G Bolognia
Kadeem E Waycott
David K Stenseth
James I Oldroyd
Smith O Inouye
Adams J Rim
Greenwood J Bolognia
Maisha Y Inouye
Leon V Morasca
Stacey P Perin
Munro D Ferencz
Antonio H Perin
Claire U Kolmetz
Maisha P Albares
Stacey F Nestle
Greenwood H Chui
David I Foller
Antonio U Chui
Deepesh T Wieser
Ivar Y Garufi
Misaki Q Wieser
Mayumi I Dilliard
Jones J Inouye
Julie P Royster
Wickens L Sergi
Morrow G Vocelka
IdCountryDate
1000Spain2026-09-09
1001Russia2026-09-29
1002Japan2026-09-20
1003Japan2026-09-24
1004Germany2026-09-04
1005Argentina2026-09-20
1006Canada2026-09-08
1007France2026-09-25
1008Japan2026-09-22
1009Germany2026-09-16
1010Russia2026-09-15
1011Brazil2026-09-03
1012Italy2026-09-05
1013Germany2026-09-19
1014Japan2026-09-09
1015Russia2026-09-11
1016Russia2026-09-15
1017Australia2026-09-04
1018Brazil2026-09-03
1019Russia2026-09-20
1020Italy2026-09-06
1021Japan2026-09-04
1022Spain2026-09-06
1023Argentina2026-09-25
1024Italy2026-09-08
1025Australia2026-09-09
1026France2026-09-17
1027India2026-09-26
1028Russia2026-09-16
1029Argentina2026-09-28
1030Italy2026-09-05
1031Argentina2026-09-25
1032Canada2026-09-15
1033Japan2026-09-28
1034France2026-09-02
1035Argentina2026-09-03
1036Spain2026-09-30
1037India2026-09-20
1038Russia2026-09-20
1039Japan2026-09-21
1040Spain2026-09-23
1041Brazil2026-09-20
1042Argentina2026-09-18
1043Australia2026-09-27
1044Spain2026-09-25
1045Germany2026-09-03
1046Argentina2026-09-13
1047Brazil2026-09-09
1048Germany2026-09-25
1049Italy2026-09-26

On-Demand Data

NameIdCountryDate
Darci V Campain1000Brazil2026-09-26
Ashley U Maclead1001Italy2026-09-19
Maisha K Ferencz1002Brazil2026-09-08
Wickens C Schemmer1003Australia2026-09-04
Ashley Y Stenseth1004France2026-09-16
Cody P Malet1005Russia2026-09-02
Maisha T Bowley1006Australia2026-09-07
Sinclair Q Poquette1007India2026-09-05
Jennifer E Kolmetz1008Japan2026-09-26
Misaki L Perin1009Australia2026-09-17
Emily L Morasca1010Australia2026-09-05
David J Morasca1011United Kingdom2026-09-03
Sinclair D Ruta1012Germany2026-09-26
Alejandro K Ruta1013Australia2026-09-12
James W Morasca1014Italy2026-09-14
Silvio E Stenseth1015Argentina2026-09-30
Clifford Z Schemmer1016United Kingdom2026-09-19
Izzy K Rim1017France2026-09-17
Leon F Figeroa1018Spain2026-09-27
James X Stenseth1019Russia2026-09-24
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maisha B PaprockiGermanyIoni Bowcher NEW
Alejandro J FigeroaUnited KingdomElwin Sharvill UNQUALIFIED
Jefferson Y MorascaJapanIvan Magalhaes QUALIFIED
Munro O AlbaresIndiaXuxue Feng PROPOSAL
Leja J StockhamItalyAmy Elsner PROPOSAL
Silvio M CampainRussiaAmy Elsner PROPOSAL
Mayumi F CaldareraJapanOnyama Limba NEW
Deepesh H MorascaJapanAnna Fali RENEWAL
Julie U StensethItalyElwin Sharvill NEGOTIATION
Emily P InouyeJapanOnyama Limba PROPOSAL
Greenwood D OldroydFranceAnna Fali RENEWAL
Cody F OstroskyCanadaElwin Sharvill NEGOTIATION
Deepesh B DarakjyUnited KingdomBernardo Dominic PROPOSAL
Rodrigues N CaudyUnited KingdomAsiya Javayant NEGOTIATION
Kaitlin X BowleyItalyIoni Bowcher NEW
Leon Q PerinSpainAsiya Javayant NEW
Leon X KuskoSpainElwin Sharvill UNQUALIFIED
Emily Y SergiCanadaAsiya Javayant RENEWAL
Wickens L FollerFranceXuxue Feng QUALIFIED
Izzy N ShinkoArgentinaIvan Magalhaes NEGOTIATION
Leon N SlusarskiAustraliaElwin Sharvill UNQUALIFIED
Kadeem A MorascaArgentinaIoni Bowcher UNQUALIFIED
Mujtaba N GlickIndiaAmy Elsner NEW
Misaki E DilliardIndiaXuxue Feng QUALIFIED
Sinclair H ShinkoSpainIoni Bowcher NEW
Jones R ShinkoAustraliaAmy Elsner NEGOTIATION
Wickens P SaylorsAustraliaIvan Magalhaes QUALIFIED
Antonio S VocelkaJapanIoni Bowcher RENEWAL
Morrow X InouyeItalyAmy Elsner PROPOSAL
Jeanfrancois F OldroydJapanIvan Magalhaes UNQUALIFIED
Morrow L CaudyUnited KingdomBernardo Dominic UNQUALIFIED
Alejandro O StensethCanadaAsiya Javayant NEW
Johnson E MacleadAustraliaElwin Sharvill UNQUALIFIED
David S WhobreyFranceElwin Sharvill NEW
Murillo B VocelkaAustraliaAnna Fali NEGOTIATION
Aditya Z GillianSpainAsiya Javayant NEGOTIATION
Salvatore G MacleadUnited KingdomXuxue Feng NEW
Munro B NestleFranceAmy Elsner NEW
Ricardo Q StensethArgentinaAnna Fali PROPOSAL
Aditya H InouyeArgentinaBernardo Dominic QUALIFIED

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