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
Octavia J StockhamArgentinaBernardo Dominic QUALIFIED
Kaitlin N RutaSpainIoni Bowcher QUALIFIED
Maria L GarufiGermanyIoni Bowcher NEGOTIATION
Aruna Y VocelkaRussiaXuxue Feng NEW
Clifford T PoquetteAustraliaStephen Shaw QUALIFIED
Jones N BowleyArgentinaAsiya Javayant RENEWAL
Cody I TollnerAustraliaAsiya Javayant RENEWAL
Jefferson H MaletBrazilAsiya Javayant NEW
Ricardo Y FlosiGermanyXuxue Feng QUALIFIED
Johnson W BowleyBrazilIvan Magalhaes RENEWAL
Aruna E SergiUnited KingdomOnyama Limba NEW
Leon Y SlusarskiRussiaAmy Elsner UNQUALIFIED
Cody G MaletArgentinaAmy Elsner NEW
Costa M CaudyIndiaElwin Sharvill RENEWAL
Isabel B CaldareraFranceAmy Elsner RENEWAL
Johnson V ButtBrazilBernardo Dominic QUALIFIED
Aruna K VocelkaUnited KingdomIoni Bowcher PROPOSAL
Costa I OstroskySpainAmy Elsner PROPOSAL
Izzy M CampainJapanXuxue Feng NEGOTIATION
Mujtaba J InouyeIndiaElwin Sharvill NEW
Antonio I WieserSpainElwin Sharvill NEW
David W BriddickFranceXuxue Feng NEW
Morrow W NestleItalyStephen Shaw PROPOSAL
Faith D DilliardSpainElwin Sharvill RENEWAL
Juan X WaycottItalyAnna Fali RENEWAL
Silvio R SaylorsAustraliaBernardo Dominic NEW
Ivar Y AmigonBrazilAsiya Javayant QUALIFIED
Wickens C PoquetteArgentinaAnna Fali NEGOTIATION
Murillo L InouyeIndiaElwin Sharvill QUALIFIED
Ivar W MaletIndiaAnna Fali NEW
Octavia B FollerCanadaIvan Magalhaes PROPOSAL
Greenwood A SaylorsJapanXuxue Feng UNQUALIFIED
Jones L CampainUnited KingdomXuxue Feng NEGOTIATION
Ivar J CaldareraGermanyElwin Sharvill UNQUALIFIED
Octavia U FollerAustraliaIoni Bowcher RENEWAL
Murillo M RutaRussiaAnna Fali RENEWAL
Mayumi R RimCanadaStephen Shaw RENEWAL
Mayumi O VenereCanadaXuxue Feng QUALIFIED
Adams G CaudyFranceStephen Shaw UNQUALIFIED
Stacey J MorascaCanadaStephen Shaw QUALIFIED
Chavez X StockhamCanadaBernardo Dominic PROPOSAL
Maria R FerenczBrazilIvan Magalhaes NEW
Salvatore G WieserUnited KingdomOnyama Limba PROPOSAL
Sinclair F RoysterBrazilElwin Sharvill PROPOSAL
Jennifer O KolmetzAustraliaXuxue Feng NEGOTIATION
Jones A IturbideAustraliaElwin Sharvill QUALIFIED
Aika L PoquetteGermanyElwin Sharvill UNQUALIFIED
Izzy H NickaAustraliaStephen Shaw QUALIFIED
David G BowleySpainXuxue Feng QUALIFIED
Isabel A FerenczBrazilElwin Sharvill PROPOSAL
Horizontal
NameCountryRepresentativeStatus
James G SergiBrazilIvan Magalhaes NEGOTIATION
Octavia Z CaudyBrazilBernardo Dominic QUALIFIED
Aika V DoeIndiaBernardo Dominic PROPOSAL
Francesco G KolmetzSpainBernardo Dominic NEW
Jeanfrancois O WaycottAustraliaAsiya Javayant QUALIFIED
Greenwood T BologniaJapanXuxue Feng NEW
Izzy L FigeroaFranceXuxue Feng PROPOSAL
Deepesh W CampainSpainXuxue Feng NEW
Jeanfrancois I ChuiJapanStephen Shaw PROPOSAL
Arvin C DilliardAustraliaOnyama Limba UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Maisha K StockhamGermany2026-09-27Truhlar And Truhlar Attys QUALIFIED55Anna Fali
1001Jefferson R IturbideFrance2026-10-08Commercial Press PROPOSAL79Stephen Shaw
1002Jones I StockhamJapan2026-09-22Chemel, James L Cpa PROPOSAL74Stephen Shaw
1003Kadeem F WaycottAustralia2026-10-02Benton, John B Jr UNQUALIFIED61Ioni Bowcher
1004Salvatore C StockhamGermany2026-10-07Benton, John B Jr QUALIFIED24Anna Fali
1005Francesco M RutaAustralia2026-09-21Rangoni Of Florence QUALIFIED47Xuxue Feng
1006Arvin J TollnerAustralia2026-10-15Benton, John B Jr RENEWAL68Anna Fali
1007Tony O GlickItaly2026-10-11Buckley Miller Wright PROPOSAL67Elwin Sharvill
1008Greenwood G BowleySpain2026-09-18Feiner Bros NEGOTIATION24Onyama Limba
1009Cody G SergiCanada2026-10-04Chapman, Ross E Esq PROPOSAL73Bernardo Dominic
1010James L NestleAustralia2026-10-13Feiner Bros UNQUALIFIED73Bernardo Dominic
1011Ivar T RimCanada2026-10-14Feiner Bros QUALIFIED22Ioni Bowcher
1012Clifford A SlusarskiAustralia2026-10-05Chapman, Ross E Esq UNQUALIFIED2Elwin Sharvill
1013Francesco W DoeFrance2026-09-22Feiner Bros NEW67Elwin Sharvill
1014Salvatore Y SaylorsGermany2026-10-09King, Christopher A Esq RENEWAL66Bernardo Dominic
1015Kaitlin Q FerenczFrance2026-10-03Chemel, James L Cpa QUALIFIED2Elwin Sharvill
1016Misaki T GarufiIndia2026-10-03Chapman, Ross E Esq NEW94Asiya Javayant
1017James Z VocelkaRussia2026-10-05Printing Dimensions NEW58Onyama Limba
1018Aruna O StensethSpain2026-09-20Chapman, Ross E Esq UNQUALIFIED80Asiya Javayant
1019Leon X InouyeItaly2026-10-03Commercial Press QUALIFIED66Ioni Bowcher
1020Juan V DilliardIndia2026-09-30Commercial Press NEW36Amy Elsner
1021Murillo J VocelkaItaly2026-10-01Rousseaux, Michael Esq QUALIFIED6Onyama Limba
1022Jones W InouyeIndia2026-09-22Chapman, Ross E Esq PROPOSAL73Bernardo Dominic
1023Aruna N FigeroaRussia2026-10-16Dorl, James J Esq NEGOTIATION11Anna Fali
1024Misaki E StockhamFrance2026-10-05Feiner Bros RENEWAL23Elwin Sharvill
1025Alejandro I ChuiBrazil2026-09-17Commercial Press UNQUALIFIED29Anna Fali
1026Leon E GillianItaly2026-09-17Rangoni Of Florence PROPOSAL38Stephen Shaw
1027Arvin P ShinkoFrance2026-09-28Chemel, James L Cpa PROPOSAL49Anna Fali
1028Misaki D MorascaArgentina2026-10-16Commercial Press NEW22Xuxue Feng
1029Mayumi M MorascaCanada2026-09-24Rousseaux, Michael Esq NEGOTIATION53Stephen Shaw
1030Jones I ButtGermany2026-09-22Truhlar And Truhlar Attys NEGOTIATION86Asiya Javayant
1031Nicolas I RulapaughFrance2026-10-14Commercial Press NEGOTIATION17Xuxue Feng
1032Alejandro W AlbaresIndia2026-10-15Benton, John B Jr NEW37Elwin Sharvill
1033Costa G ButtSpain2026-10-15Dorl, James J Esq UNQUALIFIED84Stephen Shaw
1034Ivar Y SergiCanada2026-09-30Truhlar And Truhlar Attys RENEWAL14Xuxue Feng
1035Alejandro O GlickSpain2026-09-22Chanay, Jeffrey A Esq UNQUALIFIED54Bernardo Dominic
1036Deepesh Y WaycottGermany2026-10-13Commercial Press QUALIFIED52Elwin Sharvill
1037Greenwood Y RoysterCanada2026-10-03Chanay, Jeffrey A Esq PROPOSAL83Stephen Shaw
1038Emily Y ChuiGermany2026-10-08Chanay, Jeffrey A Esq RENEWAL51Onyama Limba
1039Francesco G AmigonIndia2026-09-28Chemel, James L Cpa RENEWAL30Amy Elsner
1040Jennifer D BowleyGermany2026-09-29Printing Dimensions NEGOTIATION18Stephen Shaw
1041Ashley V MaletGermany2026-09-25Chapman, Ross E Esq UNQUALIFIED91Ivan Magalhaes
1042Ricardo V SergiSpain2026-10-14King, Christopher A Esq NEW61Xuxue Feng
1043Deepesh J InouyeBrazil2026-09-29Rousseaux, Michael Esq NEW83Elwin Sharvill
1044Rodrigues K NestleBrazil2026-10-11Feltz Printing Service QUALIFIED39Stephen Shaw
1045Emily L MacleadCanada2026-10-14Chanay, Jeffrey A Esq PROPOSAL29Onyama Limba
1046Faith D NickaSpain2026-10-14Dorl, James J Esq NEW50Ivan Magalhaes
1047Faith H NestleUnited Kingdom2026-09-17King, Christopher A Esq RENEWAL31Anna Fali
1048Julie H ChuiRussia2026-10-06Dorl, James J Esq UNQUALIFIED5Bernardo Dominic
1049Jefferson C WhobreyCanada2026-10-10Rangoni Of Florence UNQUALIFIED19Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Mujtaba L SlusarskiFranceAsiya Javayant NEGOTIATION
Sinclair U ChuiSpainAmy Elsner PROPOSAL
Aditya I VenereRussiaIoni Bowcher NEGOTIATION
Jeanfrancois B CaldareraArgentinaIoni Bowcher RENEWAL
Francesco Z MaletFranceXuxue Feng UNQUALIFIED
Francesco P NickaArgentinaElwin Sharvill RENEWAL
Ivar O SaylorsRussiaAmy Elsner PROPOSAL
Mujtaba P FigeroaCanadaElwin Sharvill PROPOSAL
Johnson D RutaRussiaIoni Bowcher UNQUALIFIED
Izzy Q OldroydSpainOnyama Limba RENEWAL
Cody K ShinkoIndiaAnna Fali RENEWAL
Nicolas U WhobreyBrazilElwin Sharvill UNQUALIFIED
Arvin N RoysterArgentinaStephen Shaw NEGOTIATION
James U FollerAustraliaBernardo Dominic NEW
Emily S WieserUnited KingdomIoni Bowcher RENEWAL
Clifford X DoeGermanyBernardo Dominic QUALIFIED
Wickens L DarakjyGermanyElwin Sharvill NEW
Mayumi B InouyeAustraliaXuxue Feng UNQUALIFIED
Arvin M OldroydBrazilAmy Elsner RENEWAL
David C SlusarskiIndiaAmy Elsner NEW
Octavia V GauchoSpainOnyama Limba UNQUALIFIED
David K RulapaughUnited KingdomAnna Fali PROPOSAL
Jefferson D StockhamItalyIoni Bowcher UNQUALIFIED
Adams L BriddickUnited KingdomXuxue Feng QUALIFIED
Sinclair J FlosiJapanAmy Elsner UNQUALIFIED
Maria S BriddickItalyOnyama Limba PROPOSAL
Munro L GlickBrazilStephen Shaw UNQUALIFIED
Silvio U PaprockiSpainXuxue Feng PROPOSAL
Izzy R GarufiArgentinaIoni Bowcher QUALIFIED
Maria O GillianItalyElwin Sharvill QUALIFIED
Kaitlin H FigeroaArgentinaAsiya Javayant RENEWAL
Salvatore X GlickBrazilStephen Shaw NEGOTIATION
Octavia F ButtBrazilAmy Elsner QUALIFIED
Stacey C InouyeArgentinaElwin Sharvill NEGOTIATION
Claire W RulapaughFranceBernardo Dominic NEGOTIATION
Julie I IturbideBrazilIvan Magalhaes NEGOTIATION
Deepesh T ShinkoCanadaIoni Bowcher RENEWAL
Johnson N DoeRussiaElwin Sharvill NEGOTIATION
Aruna D NickaUnited KingdomOnyama Limba UNQUALIFIED
Deepesh P FlosiCanadaAmy Elsner RENEWAL
Jeanfrancois G FollerItalyBernardo Dominic QUALIFIED
Stacey V BowleyBrazilIvan Magalhaes UNQUALIFIED
Cody L MaletFranceAnna Fali NEW
Juan O BowleyRussiaAnna Fali PROPOSAL
Chavez H BriddickGermanyAsiya Javayant NEGOTIATION
Faith D CampainJapanIvan Magalhaes UNQUALIFIED
Misaki X AlbaresIndiaElwin Sharvill NEGOTIATION
Maria Z StockhamIndiaElwin Sharvill NEW
Adams L PaprockiIndiaOnyama Limba NEW
Emily L FlosiArgentinaElwin Sharvill UNQUALIFIED
Frozen Columns
Name
Leja W Ostrosky
Juan T Albares
Aditya K Kolmetz
Jeanfrancois L Sergi
Leon J Schemmer
Kaitlin K Ruta
Adams R Saylors
Francesco L Iturbide
Munro U Rim
Maria U Ruta
Silvio D Garufi
Misaki J Ferencz
Arvin B Foller
Aruna O Gillian
Chavez F Wieser
Leon G Amigon
James J Rim
Isabel G Shinko
Mujtaba E Saylors
Deepesh W Nestle
Maisha N Caldarera
Stacey F Venere
Wickens V Vocelka
Jones M Ostrosky
Jeanfrancois Z Rim
Misaki B Rulapaugh
Cody N Garufi
Aruna M Perin
Emily Z Foller
Izzy C Shinko
Antonio Q Gillian
Nicolas J Garufi
Deepesh B Waycott
Aditya H Venere
Octavia F Ferencz
Jefferson F Venere
Maria T Saylors
Stacey X Briddick
Stacey H Stockham
Jeanfrancois R Rim
Antonio K Caldarera
Izzy M Marrier
Chavez M Wieser
Jones D Iturbide
Kaitlin B Glick
Arvin X Dilliard
Smith M Amigon
Deepesh H Paprocki
Tony R Ruta
Maria G Briddick
IdCountryDate
1000Russia2026-09-17
1001Brazil2026-09-24
1002United Kingdom2026-09-17
1003Canada2026-10-08
1004Canada2026-10-02
1005Argentina2026-10-03
1006Argentina2026-09-28
1007Brazil2026-10-10
1008India2026-09-22
1009United Kingdom2026-09-18
1010Brazil2026-09-21
1011United Kingdom2026-09-21
1012United Kingdom2026-09-25
1013Italy2026-10-01
1014Russia2026-09-23
1015Russia2026-10-08
1016Italy2026-10-06
1017Brazil2026-10-10
1018Brazil2026-09-24
1019Russia2026-09-22
1020Germany2026-10-03
1021Canada2026-09-27
1022France2026-09-25
1023Brazil2026-10-12
1024Italy2026-10-16
1025Germany2026-10-14
1026Italy2026-09-22
1027France2026-09-20
1028United Kingdom2026-09-25
1029United Kingdom2026-10-15
1030India2026-10-01
1031Spain2026-10-09
1032Russia2026-09-26
1033India2026-10-04
1034Italy2026-09-23
1035Spain2026-09-26
1036Argentina2026-09-17
1037Australia2026-09-24
1038Brazil2026-10-03
1039Spain2026-09-29
1040United Kingdom2026-10-02
1041Germany2026-10-13
1042Japan2026-10-04
1043Germany2026-10-05
1044Brazil2026-09-19
1045United Kingdom2026-10-02
1046Italy2026-09-18
1047France2026-10-05
1048United Kingdom2026-10-03
1049United Kingdom2026-10-02

On-Demand Data

NameIdCountryDate
Clifford M Marrier1000Japan2026-09-18
Aruna N Stockham1001Australia2026-10-02
Alejandro T Doe1002India2026-10-11
Stacey X Poquette1003Argentina2026-10-11
Alejandro P Darakjy1004Spain2026-09-29
Morrow W Ferencz1005Japan2026-10-08
Sinclair W Caudy1006Argentina2026-10-05
Ivar Q Kolmetz1007Germany2026-09-24
Greenwood L Ferencz1008Germany2026-10-05
Mayumi Y Vocelka1009United Kingdom2026-10-04
Jefferson Y Campain1010Brazil2026-09-27
James K Doe1011Spain2026-09-23
Octavia C Oldroyd1012France2026-10-05
Aika B Rim1013Brazil2026-10-16
Isabel Y Gillian1014Spain2026-10-07
Leon M Slusarski1015India2026-10-10
Antonio I Ostrosky1016Germany2026-09-24
Jeanfrancois H Amigon1017Brazil2026-10-01
Faith E Bolognia1018Russia2026-09-28
Nicolas L Paprocki1019Italy2026-09-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aditya R CaldareraSpainStephen Shaw PROPOSAL
Faith U MarrierFranceAmy Elsner RENEWAL
Costa G BriddickIndiaAsiya Javayant NEW
Jones I ChuiArgentinaXuxue Feng NEGOTIATION
Murillo N CampainIndiaIoni Bowcher NEW
Leja Z ChuiArgentinaElwin Sharvill RENEWAL
Morrow M WhobreySpainIvan Magalhaes RENEWAL
Stacey J PerinJapanAsiya Javayant UNQUALIFIED
Octavia U PerinFranceAnna Fali UNQUALIFIED
Adams G CampainItalyElwin Sharvill QUALIFIED
Julie A RutaBrazilAnna Fali QUALIFIED
Arvin J AlbaresSpainElwin Sharvill NEGOTIATION
Darci I WhobreyGermanyOnyama Limba NEW
Kadeem H PaprockiSpainIvan Magalhaes UNQUALIFIED
Francesco N BowleyItalyIoni Bowcher QUALIFIED
Wickens A GauchoSpainAsiya Javayant RENEWAL
Clifford P BowleyAustraliaElwin Sharvill NEGOTIATION
Arvin I StockhamItalyBernardo Dominic NEW
Cody J OstroskyBrazilStephen Shaw NEGOTIATION
Greenwood F SaylorsIndiaAmy Elsner RENEWAL
Aditya Z CaudyArgentinaXuxue Feng PROPOSAL
Misaki V SergiGermanyXuxue Feng QUALIFIED
Johnson D BologniaAustraliaIoni Bowcher RENEWAL
Jones E SergiJapanBernardo Dominic QUALIFIED
Maisha C GauchoUnited KingdomOnyama Limba UNQUALIFIED
Salvatore X SlusarskiRussiaElwin Sharvill UNQUALIFIED
David D WaycottIndiaStephen Shaw RENEWAL
Rodrigues M StockhamCanadaAmy Elsner QUALIFIED
Julie P GillianRussiaXuxue Feng NEW
Claire N AmigonAustraliaOnyama Limba UNQUALIFIED
Aruna G KolmetzCanadaIvan Magalhaes PROPOSAL
Johnson N DoeCanadaAmy Elsner UNQUALIFIED
Maria I VenereAustraliaAnna Fali UNQUALIFIED
Costa A MarrierFranceOnyama Limba NEW
Izzy G FollerRussiaAsiya Javayant NEGOTIATION
Juan X VocelkaAustraliaAnna Fali PROPOSAL
Ricardo C PaprockiGermanyAmy Elsner RENEWAL
Izzy U PerinUnited KingdomIvan Magalhaes NEW
Leon H SlusarskiRussiaIoni Bowcher RENEWAL
Smith T CaldareraJapanIoni Bowcher NEGOTIATION

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