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
Rodrigues B WhobreyAustraliaIoni Bowcher NEW
Leja N KolmetzItalyStephen Shaw RENEWAL
Mayumi Z MorascaItalyElwin Sharvill QUALIFIED
Greenwood Q BriddickAustraliaElwin Sharvill PROPOSAL
Misaki U NestleRussiaStephen Shaw PROPOSAL
Nicolas D BologniaItalyAnna Fali QUALIFIED
Munro H MacleadArgentinaIvan Magalhaes QUALIFIED
Kadeem N MaletBrazilIvan Magalhaes NEGOTIATION
James L TollnerRussiaStephen Shaw RENEWAL
Alejandro Q SaylorsUnited KingdomXuxue Feng RENEWAL
Emily R RimAustraliaBernardo Dominic PROPOSAL
Ricardo N StockhamFranceBernardo Dominic PROPOSAL
Aika W BologniaGermanyElwin Sharvill RENEWAL
Cody K MaletJapanStephen Shaw QUALIFIED
Isabel M GlickBrazilAsiya Javayant UNQUALIFIED
Jeanfrancois D OldroydBrazilStephen Shaw NEW
Aruna H KuskoRussiaOnyama Limba NEW
Leon D PerinCanadaIoni Bowcher PROPOSAL
Jeanfrancois A BowleyIndiaAmy Elsner PROPOSAL
Adams J WaycottAustraliaElwin Sharvill NEW
Izzy R NestleAustraliaStephen Shaw NEGOTIATION
Darci I MorascaSpainIvan Magalhaes NEW
Mujtaba P MaletIndiaAmy Elsner PROPOSAL
Mayumi N VenereBrazilAsiya Javayant RENEWAL
Jefferson P NestleBrazilXuxue Feng NEGOTIATION
Maisha M MaletArgentinaElwin Sharvill UNQUALIFIED
Jennifer F FollerJapanIoni Bowcher QUALIFIED
Cody P GillianArgentinaBernardo Dominic QUALIFIED
Darci J ChuiSpainAnna Fali NEGOTIATION
Antonio W BriddickRussiaIoni Bowcher RENEWAL
Adams W AmigonIndiaAnna Fali PROPOSAL
Mujtaba Z AmigonAustraliaBernardo Dominic NEW
Maria S FollerUnited KingdomStephen Shaw UNQUALIFIED
Kaitlin Y GauchoRussiaIoni Bowcher UNQUALIFIED
Clifford F FlosiIndiaIvan Magalhaes NEGOTIATION
Ashley R NickaSpainElwin Sharvill QUALIFIED
Isabel D CampainUnited KingdomIoni Bowcher PROPOSAL
Arvin L KolmetzJapanAnna Fali PROPOSAL
Silvio K FigeroaAustraliaIvan Magalhaes NEW
Aditya Q ButtJapanBernardo Dominic UNQUALIFIED
Jeanfrancois I OstroskyJapanStephen Shaw RENEWAL
Jones N RimIndiaIvan Magalhaes PROPOSAL
Leja A KolmetzFranceIoni Bowcher NEGOTIATION
Jeanfrancois C KolmetzFranceBernardo Dominic RENEWAL
Leja I PerinRussiaAsiya Javayant QUALIFIED
Darci Y GarufiRussiaAnna Fali PROPOSAL
Jeanfrancois S GarufiAustraliaIvan Magalhaes RENEWAL
Julie F FerenczArgentinaElwin Sharvill NEGOTIATION
Antonio F BriddickSpainAnna Fali RENEWAL
Greenwood U FollerFranceAsiya Javayant NEW
Horizontal
NameCountryRepresentativeStatus
Emily H SaylorsItalyIoni Bowcher QUALIFIED
Maria X RutaFranceElwin Sharvill QUALIFIED
Aika D VocelkaIndiaElwin Sharvill RENEWAL
Ricardo U StensethGermanyBernardo Dominic NEGOTIATION
Aika V StockhamJapanXuxue Feng PROPOSAL
Adams B NestleUnited KingdomElwin Sharvill NEW
Mujtaba A CampainRussiaAsiya Javayant PROPOSAL
Alejandro Z ShinkoAustraliaIoni Bowcher UNQUALIFIED
Maria G FerenczAustraliaAnna Fali NEW
Chavez R WieserFranceXuxue Feng NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Izzy W OstroskyAustralia2026-10-17Chanay, Jeffrey A Esq UNQUALIFIED99Onyama Limba
1001Costa C GarufiArgentina2026-10-29King, Christopher A Esq NEW83Asiya Javayant
1002Faith P StockhamFrance2026-11-08Buckley Miller Wright QUALIFIED36Amy Elsner
1003Jennifer O VenereItaly2026-10-15Benton, John B Jr RENEWAL33Onyama Limba
1004Ashley A RulapaughAustralia2026-10-28Feiner Bros NEW82Anna Fali
1005Misaki Z PaprockiRussia2026-10-14Truhlar And Truhlar Attys RENEWAL41Anna Fali
1006Maisha D CaudyUnited Kingdom2026-10-30Rousseaux, Michael Esq RENEWAL85Stephen Shaw
1007James X BologniaCanada2026-10-24Buckley Miller Wright PROPOSAL13Ivan Magalhaes
1008Murillo Z IturbideFrance2026-10-14Benton, John B Jr RENEWAL74Xuxue Feng
1009Aruna G SergiGermany2026-10-31Chapman, Ross E Esq NEW38Xuxue Feng
1010Juan G PerinRussia2026-10-15Feltz Printing Service UNQUALIFIED72Xuxue Feng
1011David C SchemmerItaly2026-10-31Chemel, James L Cpa QUALIFIED99Asiya Javayant
1012Leon Q BriddickFrance2026-11-10Rousseaux, Michael Esq RENEWAL78Xuxue Feng
1013Cody K MaletBrazil2026-11-06Dorl, James J Esq NEGOTIATION56Asiya Javayant
1014Jennifer Z BriddickBrazil2026-10-31Rousseaux, Michael Esq PROPOSAL46Xuxue Feng
1015Jeanfrancois R TollnerCanada2026-10-17Dorl, James J Esq NEW8Elwin Sharvill
1016Nicolas U FerenczBrazil2026-10-25Chemel, James L Cpa QUALIFIED22Elwin Sharvill
1017Octavia L RimIndia2026-11-11Rangoni Of Florence NEGOTIATION88Amy Elsner
1018Jefferson C OstroskyFrance2026-10-25Dorl, James J Esq NEGOTIATION21Anna Fali
1019Arvin W GarufiAustralia2026-10-19Feiner Bros RENEWAL74Anna Fali
1020Ashley L MaletSpain2026-10-31Chapman, Ross E Esq NEGOTIATION39Anna Fali
1021Francesco F VocelkaJapan2026-10-15King, Christopher A Esq UNQUALIFIED39Asiya Javayant
1022Octavia B OldroydIndia2026-10-22Chapman, Ross E Esq NEGOTIATION34Amy Elsner
1023Ashley V NickaBrazil2026-10-28Feltz Printing Service PROPOSAL91Bernardo Dominic
1024Alejandro Y NickaFrance2026-11-05Dorl, James J Esq NEGOTIATION19Xuxue Feng
1025Deepesh I WieserItaly2026-10-20Chanay, Jeffrey A Esq NEW62Bernardo Dominic
1026Tony R ShinkoSpain2026-10-19King, Christopher A Esq RENEWAL17Onyama Limba
1027Nicolas Z SchemmerItaly2026-10-27Dorl, James J Esq NEW71Anna Fali
1028Silvio L MorascaUnited Kingdom2026-10-20Chemel, James L Cpa PROPOSAL1Stephen Shaw
1029Mayumi B GarufiBrazil2026-10-13Feiner Bros QUALIFIED49Bernardo Dominic
1030Adams I VenereGermany2026-10-20Feltz Printing Service QUALIFIED85Asiya Javayant
1031Antonio E SergiArgentina2026-11-08Printing Dimensions QUALIFIED55Onyama Limba
1032Smith B RulapaughRussia2026-11-06Feiner Bros UNQUALIFIED46Amy Elsner
1033Nicolas C FigeroaAustralia2026-11-01Chemel, James L Cpa PROPOSAL71Amy Elsner
1034Munro G ShinkoRussia2026-11-08Rousseaux, Michael Esq QUALIFIED33Anna Fali
1035Ricardo I GauchoGermany2026-10-16Rangoni Of Florence QUALIFIED30Bernardo Dominic
1036Maisha A ChuiJapan2026-10-29Chanay, Jeffrey A Esq QUALIFIED93Ivan Magalhaes
1037Stacey C DoeUnited Kingdom2026-10-19Feiner Bros NEGOTIATION53Elwin Sharvill
1038James U FlosiFrance2026-10-20Commercial Press PROPOSAL89Ivan Magalhaes
1039Ashley I ButtSpain2026-10-31Printing Dimensions NEW20Ivan Magalhaes
1040Salvatore U WaycottAustralia2026-10-17Rousseaux, Michael Esq UNQUALIFIED3Anna Fali
1041Johnson O MorascaSpain2026-11-04Chanay, Jeffrey A Esq NEGOTIATION97Elwin Sharvill
1042Maisha V FollerRussia2026-11-11Rangoni Of Florence NEGOTIATION43Asiya Javayant
1043Murillo A RulapaughCanada2026-11-04Morlong Associates NEGOTIATION64Bernardo Dominic
1044Aditya E PoquetteJapan2026-11-02Chapman, Ross E Esq RENEWAL36Amy Elsner
1045Maria U DoeFrance2026-10-20Truhlar And Truhlar Attys NEGOTIATION93Xuxue Feng
1046Izzy S ShinkoItaly2026-11-09Morlong Associates UNQUALIFIED1Ivan Magalhaes
1047Octavia R AlbaresAustralia2026-10-19Chapman, Ross E Esq NEGOTIATION53Ioni Bowcher
1048Izzy U SaylorsRussia2026-10-15Rousseaux, Michael Esq NEW48Amy Elsner
1049Johnson J PerinItaly2026-10-29Printing Dimensions QUALIFIED54Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Faith Y WieserBrazilAsiya Javayant UNQUALIFIED
Octavia J OstroskyJapanOnyama Limba UNQUALIFIED
Wickens B FigeroaUnited KingdomElwin Sharvill QUALIFIED
Cody O MaletJapanStephen Shaw UNQUALIFIED
Jefferson U AlbaresIndiaAmy Elsner NEW
Clifford Y DarakjyFranceOnyama Limba UNQUALIFIED
Mayumi D GauchoGermanyIoni Bowcher UNQUALIFIED
James Y DilliardGermanyAmy Elsner PROPOSAL
Jones C GillianIndiaIoni Bowcher PROPOSAL
Arvin Y CaudyGermanyIoni Bowcher NEGOTIATION
Aruna H BologniaBrazilAnna Fali NEW
Arvin K OstroskyRussiaXuxue Feng PROPOSAL
Morrow V AmigonIndiaAmy Elsner QUALIFIED
Mujtaba J VocelkaSpainIoni Bowcher NEGOTIATION
Arvin N BowleyUnited KingdomAsiya Javayant QUALIFIED
Alejandro N RoysterItalyXuxue Feng RENEWAL
Adams H CaudyAustraliaIoni Bowcher RENEWAL
Antonio J GillianUnited KingdomIvan Magalhaes NEGOTIATION
Rodrigues B FerenczCanadaXuxue Feng NEW
Chavez X MarrierUnited KingdomAnna Fali NEW
Faith W WaycottArgentinaBernardo Dominic PROPOSAL
Juan F GarufiSpainBernardo Dominic UNQUALIFIED
Jeanfrancois Y MaletIndiaIvan Magalhaes NEW
Jeanfrancois R BriddickUnited KingdomOnyama Limba QUALIFIED
Juan S DilliardArgentinaIvan Magalhaes NEGOTIATION
Ricardo M DoeArgentinaAsiya Javayant NEGOTIATION
Deepesh A SlusarskiBrazilBernardo Dominic NEGOTIATION
Juan T KolmetzCanadaStephen Shaw QUALIFIED
David T BologniaIndiaAsiya Javayant UNQUALIFIED
Aditya A RutaArgentinaElwin Sharvill UNQUALIFIED
Jefferson F WhobreyUnited KingdomIoni Bowcher NEW
Misaki K GlickArgentinaIoni Bowcher UNQUALIFIED
Salvatore C InouyeBrazilStephen Shaw UNQUALIFIED
Clifford M CaldareraBrazilOnyama Limba NEGOTIATION
David H RutaUnited KingdomStephen Shaw QUALIFIED
Aditya L NestleCanadaXuxue Feng NEGOTIATION
Francesco R AmigonIndiaAmy Elsner PROPOSAL
Smith A MarrierItalyBernardo Dominic NEGOTIATION
Sinclair C BowleyGermanyElwin Sharvill QUALIFIED
Aruna M OldroydIndiaAsiya Javayant NEGOTIATION
Francesco W AmigonJapanIvan Magalhaes NEW
Antonio U FollerCanadaOnyama Limba UNQUALIFIED
Maisha V KuskoGermanyAsiya Javayant NEW
Salvatore V BologniaArgentinaXuxue Feng RENEWAL
Mayumi Y GarufiArgentinaAnna Fali NEW
Emily B StensethJapanAnna Fali NEW
Nicolas B FigeroaArgentinaElwin Sharvill NEGOTIATION
Darci S RoysterIndiaStephen Shaw NEGOTIATION
Kadeem H GauchoAustraliaAmy Elsner PROPOSAL
Johnson R StockhamAustraliaXuxue Feng NEW
Frozen Columns
Name
Izzy V Stockham
Johnson G Stockham
Darci N Doe
Aika P Malet
Mayumi C Dilliard
Antonio Z Gaucho
Ivar U Albares
Aruna Z Stenseth
Adams U Sergi
Salvatore F Malet
Mayumi N Glick
Johnson D Darakjy
Aika B Saylors
Ivar P Caldarera
Jennifer R Kusko
Claire V Gaucho
Kaitlin Y Nicka
Kaitlin L Darakjy
Juan Q Stockham
Jefferson V Stenseth
Jennifer G Butt
Aruna Q Bolognia
Leon K Butt
Darci I Saylors
Salvatore X Garufi
Johnson E Ferencz
Aditya A Slusarski
Alejandro J Saylors
Tony X Malet
Kadeem V Butt
Greenwood J Maclead
Munro F Poquette
Aruna X Albares
Salvatore Z Shinko
David E Kolmetz
Leja X Caudy
Isabel K Kolmetz
Aruna J Figeroa
James T Waycott
Juan P Caudy
Adams W Sergi
Nicolas L Vocelka
Salvatore K Ostrosky
Leon E Wieser
Leja T Chui
Adams A Stenseth
Aditya G Garufi
Ashley K Oldroyd
Clifford R Venere
Faith A Paprocki
IdCountryDate
1000Australia2026-11-09
1001Japan2026-10-28
1002Italy2026-11-03
1003India2026-11-02
1004Germany2026-10-15
1005India2026-11-02
1006Argentina2026-11-05
1007Russia2026-11-10
1008Australia2026-10-25
1009Canada2026-10-18
1010Australia2026-10-27
1011France2026-10-16
1012France2026-10-27
1013Japan2026-10-31
1014United Kingdom2026-11-02
1015United Kingdom2026-11-05
1016India2026-10-16
1017France2026-11-10
1018Germany2026-11-06
1019India2026-11-02
1020Russia2026-10-22
1021United Kingdom2026-10-16
1022Russia2026-11-08
1023Germany2026-10-18
1024Australia2026-11-06
1025France2026-10-29
1026Germany2026-11-09
1027United Kingdom2026-11-07
1028Germany2026-11-06
1029Australia2026-11-09
1030United Kingdom2026-11-05
1031France2026-10-15
1032Spain2026-11-06
1033Canada2026-10-20
1034Spain2026-10-28
1035Argentina2026-10-29
1036United Kingdom2026-11-10
1037Brazil2026-10-30
1038Australia2026-10-23
1039France2026-10-20
1040Germany2026-10-27
1041Brazil2026-10-17
1042Canada2026-11-01
1043France2026-10-25
1044Italy2026-10-23
1045Argentina2026-11-03
1046France2026-10-24
1047Germany2026-10-27
1048Germany2026-10-16
1049India2026-11-02

On-Demand Data

NameIdCountryDate
Leon Y Ruta1000Australia2026-10-23
Aruna L Glick1001Argentina2026-10-25
Jefferson M Sergi1002France2026-10-18
Chavez K Shinko1003Canada2026-10-25
Juan Q Foller1004India2026-11-11
Ashley K Iturbide1005Spain2026-11-02
Antonio F Bowley1006Japan2026-10-28
Aditya V Royster1007Argentina2026-10-14
Isabel R Nestle1008Japan2026-10-24
Jones S Rulapaugh1009Germany2026-11-03
Isabel B Ostrosky1010United Kingdom2026-11-08
Emily I Inouye1011France2026-11-09
Darci B Venere1012Canada2026-10-26
Arvin C Paprocki1013Canada2026-10-14
Adams V Bowley1014Italy2026-10-30
Mayumi L Inouye1015Argentina2026-11-08
Stacey N Butt1016Brazil2026-10-30
James V Stockham1017Russia2026-11-05
Cody A Kusko1018India2026-10-28
Aika U Maclead1019Russia2026-11-01
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Emily A DilliardCanadaXuxue Feng UNQUALIFIED
Antonio Y DoeCanadaIoni Bowcher UNQUALIFIED
Munro S VocelkaFranceBernardo Dominic NEW
Julie V FerenczAustraliaStephen Shaw RENEWAL
Emily F BriddickUnited KingdomStephen Shaw PROPOSAL
Jones R MorascaSpainOnyama Limba QUALIFIED
Morrow A CampainIndiaIoni Bowcher PROPOSAL
Wickens A PaprockiJapanIvan Magalhaes NEW
Jones J GlickJapanOnyama Limba PROPOSAL
Sinclair J TollnerArgentinaIoni Bowcher UNQUALIFIED
Misaki S GlickJapanIoni Bowcher QUALIFIED
Munro Q VocelkaArgentinaAmy Elsner NEGOTIATION
Izzy G SlusarskiFranceAsiya Javayant UNQUALIFIED
Juan E MorascaIndiaAsiya Javayant PROPOSAL
Jennifer U RimIndiaXuxue Feng QUALIFIED
Alejandro F FigeroaCanadaIvan Magalhaes NEW
Antonio W GarufiIndiaIoni Bowcher QUALIFIED
Aika Q MaletBrazilStephen Shaw PROPOSAL
Julie L StensethAustraliaIvan Magalhaes NEW
Morrow Y SaylorsSpainAmy Elsner UNQUALIFIED
Clifford P DilliardIndiaBernardo Dominic PROPOSAL
Aruna U ChuiIndiaBernardo Dominic NEW
Nicolas O PoquetteSpainElwin Sharvill NEGOTIATION
Julie C OldroydIndiaBernardo Dominic PROPOSAL
Rodrigues X StockhamGermanyAmy Elsner NEGOTIATION
Kaitlin I GillianArgentinaXuxue Feng QUALIFIED
Jones F OstroskyJapanIoni Bowcher QUALIFIED
Silvio D SaylorsGermanyAnna Fali RENEWAL
Maria G KuskoItalyAmy Elsner NEGOTIATION
Darci Z MacleadAustraliaAnna Fali QUALIFIED
Clifford X AlbaresArgentinaOnyama Limba NEW
Izzy E ShinkoIndiaOnyama Limba UNQUALIFIED
Aditya B StensethFranceElwin Sharvill QUALIFIED
Cody C SchemmerBrazilAsiya Javayant QUALIFIED
Izzy M CampainCanadaIoni Bowcher PROPOSAL
Kadeem R GauchoFranceAnna Fali UNQUALIFIED
Salvatore F WhobreySpainAnna Fali NEGOTIATION
Ivar P DilliardItalyAmy Elsner UNQUALIFIED
Juan D KuskoIndiaIoni Bowcher RENEWAL
Antonio M FerenczJapanElwin Sharvill PROPOSAL

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