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
Jefferson U DilliardIndiaAmy Elsner UNQUALIFIED
Silvio P PaprockiRussiaXuxue Feng NEGOTIATION
Leja O WhobreyItalyIvan Magalhaes PROPOSAL
Johnson O BriddickSpainStephen Shaw UNQUALIFIED
Aditya I CampainItalyAsiya Javayant NEW
Jones I RulapaughArgentinaAsiya Javayant QUALIFIED
Kaitlin T GauchoCanadaIoni Bowcher PROPOSAL
Cody E RoysterRussiaAnna Fali NEW
Cody B DarakjyGermanyAmy Elsner UNQUALIFIED
Maisha P DoeSpainAsiya Javayant QUALIFIED
Darci W ChuiRussiaElwin Sharvill RENEWAL
Murillo X VocelkaBrazilBernardo Dominic PROPOSAL
Darci H ButtGermanyAnna Fali QUALIFIED
Murillo V BowleyJapanAnna Fali NEGOTIATION
Leja J WieserBrazilElwin Sharvill PROPOSAL
Adams V RutaItalyStephen Shaw NEGOTIATION
Johnson X CaudyFranceAmy Elsner NEW
Mujtaba Q OldroydJapanAmy Elsner NEGOTIATION
Mayumi Z DilliardAustraliaIvan Magalhaes NEW
Chavez P GillianSpainIoni Bowcher QUALIFIED
Mayumi A KolmetzRussiaElwin Sharvill NEGOTIATION
Costa D IturbideBrazilAmy Elsner NEGOTIATION
Maria Z GarufiUnited KingdomElwin Sharvill PROPOSAL
Adams A NickaGermanyElwin Sharvill UNQUALIFIED
Emily B InouyeJapanOnyama Limba QUALIFIED
Maria F TollnerItalyAmy Elsner RENEWAL
Silvio J RimIndiaIoni Bowcher QUALIFIED
Deepesh W StensethUnited KingdomAsiya Javayant NEW
Emily K InouyeArgentinaOnyama Limba UNQUALIFIED
Smith Z WhobreyBrazilOnyama Limba QUALIFIED
Aruna C SaylorsIndiaOnyama Limba RENEWAL
Maisha Z RimGermanyAmy Elsner NEW
Jones X AlbaresRussiaAsiya Javayant PROPOSAL
Izzy I PoquetteArgentinaElwin Sharvill RENEWAL
Emily I PerinAustraliaAmy Elsner RENEWAL
Juan W WaycottCanadaStephen Shaw PROPOSAL
Julie X VenereRussiaAnna Fali NEW
Costa N OldroydUnited KingdomStephen Shaw NEGOTIATION
Kadeem P RoysterSpainAsiya Javayant NEW
Emily A FollerItalyElwin Sharvill UNQUALIFIED
Darci F BriddickAustraliaAmy Elsner PROPOSAL
Adams D PaprockiJapanAmy Elsner QUALIFIED
Arvin N FlosiItalyIoni Bowcher PROPOSAL
Johnson O BowleyItalyElwin Sharvill PROPOSAL
David W FigeroaSpainIvan Magalhaes NEGOTIATION
Aditya Z FollerRussiaBernardo Dominic PROPOSAL
Leja W OstroskyRussiaIvan Magalhaes PROPOSAL
Silvio E NestleArgentinaOnyama Limba NEW
Francesco F PaprockiJapanStephen Shaw NEW
Antonio Z AlbaresJapanIoni Bowcher PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Ivar L SlusarskiUnited KingdomXuxue Feng NEGOTIATION
Greenwood J SaylorsItalyAsiya Javayant NEW
Faith U MaletGermanyIoni Bowcher NEGOTIATION
Mayumi X SergiSpainAnna Fali QUALIFIED
Maisha A StensethJapanIvan Magalhaes QUALIFIED
Stacey R OldroydAustraliaElwin Sharvill NEW
Faith Y WaycottBrazilAsiya Javayant UNQUALIFIED
Kaitlin F SergiBrazilBernardo Dominic PROPOSAL
Izzy H BriddickArgentinaXuxue Feng NEW
Murillo N BologniaFranceElwin Sharvill PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Clifford Z AlbaresCanada2026-08-25King, Christopher A Esq NEGOTIATION45Elwin Sharvill
1001Octavia A FerenczFrance2026-08-25Chemel, James L Cpa NEW42Anna Fali
1002Emily V NickaRussia2026-09-17Chapman, Ross E Esq QUALIFIED5Stephen Shaw
1003Adams Z SlusarskiJapan2026-09-07King, Christopher A Esq PROPOSAL6Onyama Limba
1004Maria D CaudyGermany2026-09-08Chemel, James L Cpa PROPOSAL51Elwin Sharvill
1005Ricardo Q DoeAustralia2026-08-25Feltz Printing Service NEGOTIATION56Bernardo Dominic
1006Juan Y OldroydAustralia2026-09-02Morlong Associates PROPOSAL43Onyama Limba
1007Francesco I PoquetteFrance2026-08-25Dorl, James J Esq NEGOTIATION50Ivan Magalhaes
1008Leon H TollnerAustralia2026-09-10Chemel, James L Cpa RENEWAL70Bernardo Dominic
1009Jefferson D BologniaBrazil2026-09-01Commercial Press NEW76Onyama Limba
1010Octavia Q PaprockiArgentina2026-09-03King, Christopher A Esq UNQUALIFIED44Asiya Javayant
1011Adams G SergiFrance2026-09-15Chanay, Jeffrey A Esq PROPOSAL90Stephen Shaw
1012Murillo X KuskoItaly2026-09-05Chanay, Jeffrey A Esq UNQUALIFIED81Amy Elsner
1013Munro P AmigonUnited Kingdom2026-08-28Rangoni Of Florence UNQUALIFIED87Ivan Magalhaes
1014Maisha E OstroskyJapan2026-09-11Printing Dimensions PROPOSAL7Amy Elsner
1015Izzy N BologniaFrance2026-09-01Morlong Associates UNQUALIFIED49Ivan Magalhaes
1016Adams B NestleGermany2026-09-19Benton, John B Jr NEGOTIATION61Asiya Javayant
1017Clifford H CaldareraRussia2026-08-21Chanay, Jeffrey A Esq NEW53Amy Elsner
1018Stacey S WhobreyAustralia2026-08-21Dorl, James J Esq UNQUALIFIED66Amy Elsner
1019Francesco Q FlosiCanada2026-09-07Feltz Printing Service UNQUALIFIED50Stephen Shaw
1020Octavia G SaylorsItaly2026-09-09Feiner Bros QUALIFIED99Stephen Shaw
1021Sinclair Q NestleJapan2026-09-07Chapman, Ross E Esq QUALIFIED13Onyama Limba
1022Maria M SchemmerArgentina2026-08-26Rangoni Of Florence NEGOTIATION76Ioni Bowcher
1023Misaki W SaylorsBrazil2026-09-11Rousseaux, Michael Esq PROPOSAL17Onyama Limba
1024Mujtaba E BowleyIndia2026-09-12King, Christopher A Esq QUALIFIED24Anna Fali
1025Nicolas Y RutaRussia2026-09-09Chapman, Ross E Esq UNQUALIFIED19Asiya Javayant
1026Kaitlin N NickaArgentina2026-08-22Buckley Miller Wright NEGOTIATION16Xuxue Feng
1027Jones D VenereItaly2026-09-18Benton, John B Jr UNQUALIFIED70Amy Elsner
1028Wickens E StensethSpain2026-09-15Feiner Bros UNQUALIFIED9Ivan Magalhaes
1029Murillo F NickaBrazil2026-08-31Rousseaux, Michael Esq PROPOSAL92Ioni Bowcher
1030Faith M OstroskyJapan2026-08-25Chanay, Jeffrey A Esq PROPOSAL21Asiya Javayant
1031Aruna Q IturbideUnited Kingdom2026-09-01Chanay, Jeffrey A Esq RENEWAL6Xuxue Feng
1032Octavia D RoysterFrance2026-09-09Morlong Associates NEW86Asiya Javayant
1033Tony R PoquetteArgentina2026-08-23Rousseaux, Michael Esq QUALIFIED59Onyama Limba
1034Salvatore G VocelkaRussia2026-08-31Commercial Press PROPOSAL31Bernardo Dominic
1035Deepesh K MaletArgentina2026-09-14Truhlar And Truhlar Attys UNQUALIFIED90Ioni Bowcher
1036Nicolas W StockhamJapan2026-08-28Benton, John B Jr PROPOSAL61Asiya Javayant
1037Murillo Q AlbaresCanada2026-09-11King, Christopher A Esq QUALIFIED20Ivan Magalhaes
1038Clifford K WhobreyUnited Kingdom2026-08-30Chanay, Jeffrey A Esq RENEWAL37Ioni Bowcher
1039Mujtaba J VocelkaRussia2026-08-29Feiner Bros QUALIFIED73Ivan Magalhaes
1040Sinclair R BologniaJapan2026-08-30Feiner Bros NEW21Elwin Sharvill
1041Maisha F MacleadAustralia2026-09-17Printing Dimensions PROPOSAL97Stephen Shaw
1042Nicolas V GauchoAustralia2026-09-11King, Christopher A Esq PROPOSAL30Anna Fali
1043Wickens J MacleadBrazil2026-08-23Printing Dimensions NEW48Asiya Javayant
1044Adams S WieserBrazil2026-08-30Chanay, Jeffrey A Esq QUALIFIED97Bernardo Dominic
1045Costa G PerinJapan2026-08-30Benton, John B Jr NEW81Elwin Sharvill
1046Deepesh G OldroydUnited Kingdom2026-09-10Feltz Printing Service QUALIFIED46Anna Fali
1047Deepesh W SergiUnited Kingdom2026-08-27Buckley Miller Wright QUALIFIED67Amy Elsner
1048Tony V GlickIndia2026-09-14Dorl, James J Esq RENEWAL70Amy Elsner
1049Mayumi Y IturbideSpain2026-09-17Chanay, Jeffrey A Esq NEGOTIATION39Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Sinclair E FigeroaRussiaBernardo Dominic NEW
Emily E VenereRussiaOnyama Limba QUALIFIED
Faith B KolmetzGermanyXuxue Feng RENEWAL
Tony A RulapaughItalyStephen Shaw RENEWAL
Jennifer T PoquetteJapanIoni Bowcher RENEWAL
Antonio N GlickArgentinaElwin Sharvill UNQUALIFIED
Antonio L IturbideBrazilOnyama Limba QUALIFIED
Ivar K SlusarskiRussiaIoni Bowcher UNQUALIFIED
Silvio G PerinJapanBernardo Dominic NEW
Ricardo Z DarakjyFranceXuxue Feng NEGOTIATION
Silvio W PoquetteRussiaIoni Bowcher NEGOTIATION
Chavez K VenereCanadaElwin Sharvill QUALIFIED
Mujtaba Q BologniaBrazilIoni Bowcher RENEWAL
Maria D AmigonBrazilIvan Magalhaes RENEWAL
Maria X GauchoGermanyAnna Fali RENEWAL
Faith B CampainBrazilBernardo Dominic QUALIFIED
Adams H CampainJapanStephen Shaw UNQUALIFIED
David S BriddickBrazilAsiya Javayant QUALIFIED
Maria M VenereIndiaAsiya Javayant NEW
Ricardo G BologniaItalyElwin Sharvill PROPOSAL
Mayumi S VocelkaItalyAnna Fali NEGOTIATION
David X FerenczSpainBernardo Dominic QUALIFIED
Arvin M IturbideArgentinaAsiya Javayant NEW
Jennifer T FlosiAustraliaAnna Fali RENEWAL
Mayumi O DilliardGermanyBernardo Dominic NEGOTIATION
Emily I RutaRussiaBernardo Dominic PROPOSAL
Munro B ShinkoSpainIvan Magalhaes PROPOSAL
Clifford H AlbaresCanadaXuxue Feng QUALIFIED
Greenwood R MaletItalyStephen Shaw UNQUALIFIED
Costa N NickaIndiaAnna Fali UNQUALIFIED
Deepesh D IturbideAustraliaAnna Fali QUALIFIED
Munro M ChuiItalyIoni Bowcher RENEWAL
Francesco A BriddickUnited KingdomAnna Fali QUALIFIED
Faith T StensethUnited KingdomBernardo Dominic UNQUALIFIED
Costa V FlosiUnited KingdomIvan Magalhaes UNQUALIFIED
Johnson J RutaRussiaXuxue Feng UNQUALIFIED
Aruna B RimGermanyOnyama Limba NEGOTIATION
Francesco U RimIndiaOnyama Limba NEGOTIATION
Deepesh Q ChuiArgentinaAnna Fali QUALIFIED
Alejandro D MaletFranceXuxue Feng NEGOTIATION
Aditya Z PaprockiAustraliaStephen Shaw NEW
Izzy M MaletAustraliaIoni Bowcher NEGOTIATION
Jefferson P AmigonRussiaOnyama Limba UNQUALIFIED
Aditya Q NickaJapanXuxue Feng UNQUALIFIED
Maisha U MaletArgentinaAmy Elsner NEGOTIATION
Leon C PoquetteCanadaBernardo Dominic NEW
Leja K PoquetteJapanAsiya Javayant QUALIFIED
Isabel K DilliardJapanElwin Sharvill UNQUALIFIED
Mayumi Q WaycottGermanyIvan Magalhaes PROPOSAL
Salvatore F TollnerIndiaAsiya Javayant QUALIFIED
Frozen Columns
Name
Chavez X Inouye
Antonio Q Gillian
Wickens R Ostrosky
Isabel S Ostrosky
Leja E Stenseth
James P Sergi
Mayumi J Waycott
Wickens G Saylors
Stacey U Ferencz
Claire P Tollner
Izzy J Malet
Morrow T Saylors
Darci G Ruta
Antonio J Poquette
Munro H Rim
Alejandro I Glick
Julie I Shinko
Claire P Dilliard
Mujtaba P Ostrosky
Ivar Y Slusarski
Cody A Schemmer
James K Slusarski
Jeanfrancois S Inouye
David E Malet
Emily P Malet
Greenwood T Marrier
Claire O Gaucho
Ivar F Paprocki
Cody W Caldarera
James J Chui
Silvio S Amigon
Francesco Z Stenseth
Izzy F Paprocki
Jones W Rim
Chavez J Sergi
Wickens W Foller
Nicolas F Saylors
Darci B Caudy
Julie J Foller
Leon N Rulapaugh
Jennifer Q Nicka
Munro P Paprocki
Greenwood I Gaucho
Kaitlin Q Garufi
Ivar L Amigon
Jennifer D Ostrosky
Costa E Figeroa
Rodrigues I Bolognia
Adams N Malet
Emily U Wieser
IdCountryDate
1000France2026-08-28
1001France2026-08-21
1002Brazil2026-08-28
1003Germany2026-09-09
1004France2026-09-18
1005Japan2026-09-14
1006Italy2026-08-23
1007France2026-08-23
1008Germany2026-08-28
1009Japan2026-08-25
1010United Kingdom2026-08-28
1011Russia2026-08-26
1012Japan2026-09-08
1013Australia2026-09-04
1014Italy2026-09-05
1015Russia2026-09-11
1016Argentina2026-09-02
1017France2026-09-11
1018Canada2026-09-15
1019India2026-09-16
1020Spain2026-09-01
1021Argentina2026-08-30
1022United Kingdom2026-08-29
1023France2026-09-18
1024Spain2026-08-24
1025United Kingdom2026-09-15
1026Brazil2026-08-30
1027Australia2026-08-31
1028France2026-08-21
1029Spain2026-08-27
1030Brazil2026-09-01
1031France2026-09-01
1032Germany2026-08-31
1033Brazil2026-09-09
1034Australia2026-08-26
1035Germany2026-08-25
1036Brazil2026-09-08
1037Argentina2026-09-16
1038Canada2026-09-17
1039France2026-09-09
1040Australia2026-08-27
1041Germany2026-08-30
1042Australia2026-09-10
1043Brazil2026-08-28
1044Russia2026-09-01
1045United Kingdom2026-09-06
1046Canada2026-09-10
1047Italy2026-09-02
1048United Kingdom2026-08-26
1049Australia2026-09-15

On-Demand Data

NameIdCountryDate
Stacey D Vocelka1000United Kingdom2026-09-01
Leon J Darakjy1001France2026-08-24
Leja K Vocelka1002Russia2026-08-29
Aika P Ostrosky1003United Kingdom2026-08-22
Darci T Garufi1004Brazil2026-09-10
Francesco W Garufi1005Spain2026-08-23
James H Malet1006India2026-09-16
Claire S Shinko1007United Kingdom2026-09-03
Ricardo G Amigon1008Japan2026-09-17
Maria S Ostrosky1009Russia2026-09-09
Isabel E Dilliard1010Russia2026-09-12
David H Nicka1011Italy2026-09-18
Misaki O Stockham1012France2026-09-12
David K Wieser1013Germany2026-09-10
Wickens X Figeroa1014Argentina2026-09-10
Leja W Caudy1015India2026-09-14
Ivar Q Stockham1016India2026-09-03
Leja J Nestle1017Argentina2026-09-14
Arvin F Nestle1018Brazil2026-08-21
Claire P Caudy1019United Kingdom2026-08-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Darci U RoysterSpainBernardo Dominic QUALIFIED
Julie Y BologniaAustraliaIoni Bowcher RENEWAL
Tony L GauchoItalyBernardo Dominic NEGOTIATION
Johnson B VocelkaAustraliaStephen Shaw PROPOSAL
Stacey Q WieserAustraliaElwin Sharvill NEGOTIATION
Claire J SchemmerGermanyOnyama Limba NEGOTIATION
Alejandro E AmigonSpainXuxue Feng QUALIFIED
Chavez M VenereJapanStephen Shaw RENEWAL
Rodrigues M BriddickGermanyIvan Magalhaes NEW
Nicolas O CampainRussiaIvan Magalhaes PROPOSAL
Leja P OstroskyJapanOnyama Limba QUALIFIED
Morrow U GauchoSpainElwin Sharvill UNQUALIFIED
Izzy A KolmetzFranceXuxue Feng RENEWAL
Kadeem H IturbideFranceXuxue Feng NEGOTIATION
Izzy T SaylorsCanadaIvan Magalhaes NEGOTIATION
Mayumi H ShinkoSpainOnyama Limba QUALIFIED
Sinclair J MorascaItalyIvan Magalhaes RENEWAL
Ricardo T SlusarskiFranceElwin Sharvill UNQUALIFIED
Mayumi D TollnerSpainOnyama Limba NEW
Aika S RimJapanXuxue Feng NEGOTIATION
Misaki B StensethAustraliaAmy Elsner QUALIFIED
Aika B BriddickUnited KingdomXuxue Feng NEGOTIATION
Juan V ButtItalyElwin Sharvill QUALIFIED
Darci K AlbaresGermanyAmy Elsner QUALIFIED
Jefferson H WaycottGermanyAsiya Javayant PROPOSAL
Octavia K CaldareraRussiaAsiya Javayant PROPOSAL
Mayumi P IturbideItalyIoni Bowcher RENEWAL
Ivar I BologniaSpainAmy Elsner QUALIFIED
Aditya R ShinkoUnited KingdomIoni Bowcher PROPOSAL
Chavez B CaldareraCanadaIvan Magalhaes PROPOSAL
Claire Z VenereAustraliaAmy Elsner PROPOSAL
David S OstroskyArgentinaBernardo Dominic QUALIFIED
Ashley V VenereAustraliaElwin Sharvill NEGOTIATION
Sinclair U RimBrazilBernardo Dominic NEW
Costa L NestleUnited KingdomXuxue Feng NEGOTIATION
Isabel A MacleadRussiaStephen Shaw QUALIFIED
Aditya J PoquetteSpainStephen Shaw NEGOTIATION
Rodrigues E MaletSpainBernardo Dominic RENEWAL
Emily H IturbideFranceBernardo Dominic NEW
Julie B StockhamAustraliaAsiya Javayant 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>