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
Nicolas D PerinRussiaStephen Shaw PROPOSAL
Aruna R GillianJapanXuxue Feng UNQUALIFIED
Sinclair J BologniaIndiaIoni Bowcher NEGOTIATION
Aditya Y PerinAustraliaIoni Bowcher QUALIFIED
Greenwood M KuskoAustraliaBernardo Dominic RENEWAL
Mayumi G RoysterArgentinaBernardo Dominic UNQUALIFIED
Claire K SchemmerItalyXuxue Feng UNQUALIFIED
Julie C FollerBrazilStephen Shaw NEGOTIATION
Greenwood Q GarufiUnited KingdomElwin Sharvill QUALIFIED
Ricardo Y GarufiGermanyOnyama Limba QUALIFIED
Jennifer V DilliardCanadaXuxue Feng RENEWAL
Isabel Z AmigonBrazilAmy Elsner QUALIFIED
Cody G GarufiItalyStephen Shaw UNQUALIFIED
Deepesh P DarakjyAustraliaAmy Elsner NEGOTIATION
Mayumi R PaprockiBrazilIoni Bowcher NEGOTIATION
Juan P OstroskyJapanAsiya Javayant NEGOTIATION
Antonio Z CaldareraRussiaAsiya Javayant RENEWAL
Ivar C GauchoGermanyIvan Magalhaes RENEWAL
Murillo X PoquetteCanadaBernardo Dominic NEGOTIATION
Murillo Y CaldareraItalyAmy Elsner UNQUALIFIED
Faith K OstroskyAustraliaOnyama Limba PROPOSAL
Adams A CaudyGermanyAsiya Javayant RENEWAL
Stacey P NestleSpainStephen Shaw NEW
Aditya P StensethIndiaStephen Shaw NEGOTIATION
Izzy V GlickCanadaBernardo Dominic RENEWAL
Stacey L ShinkoAustraliaStephen Shaw QUALIFIED
Kaitlin O FollerArgentinaElwin Sharvill PROPOSAL
Ashley L FigeroaItalyBernardo Dominic NEW
Rodrigues X DarakjyBrazilIoni Bowcher QUALIFIED
Salvatore I CaldareraIndiaIoni Bowcher QUALIFIED
Isabel Z KuskoCanadaOnyama Limba PROPOSAL
Darci M FlosiIndiaAnna Fali QUALIFIED
Claire B TollnerCanadaElwin Sharvill QUALIFIED
Isabel V VocelkaCanadaBernardo Dominic NEW
Misaki E FollerAustraliaIvan Magalhaes PROPOSAL
Cody D SergiBrazilOnyama Limba NEW
Julie K FlosiJapanElwin Sharvill RENEWAL
Kaitlin V MaletSpainElwin Sharvill NEW
Greenwood E RulapaughUnited KingdomIvan Magalhaes PROPOSAL
Jones B CaldareraItalyAmy Elsner NEW
Ivar O NestleFranceElwin Sharvill PROPOSAL
James F BowleyArgentinaXuxue Feng QUALIFIED
Kadeem X NickaItalyXuxue Feng QUALIFIED
Jones R ChuiAustraliaXuxue Feng NEGOTIATION
Jefferson K NickaCanadaIvan Magalhaes NEW
Juan S FerenczUnited KingdomStephen Shaw RENEWAL
Costa V StockhamFranceIvan Magalhaes RENEWAL
Mujtaba N WieserBrazilBernardo Dominic RENEWAL
Mayumi K RimAustraliaXuxue Feng QUALIFIED
Izzy S KuskoArgentinaElwin Sharvill NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Mayumi C PaprockiRussiaStephen Shaw PROPOSAL
Rodrigues J GillianBrazilAsiya Javayant QUALIFIED
Izzy S StensethCanadaIoni Bowcher NEW
Julie D ShinkoGermanyOnyama Limba NEGOTIATION
Smith P GillianIndiaAnna Fali QUALIFIED
Maisha T MacleadJapanElwin Sharvill NEGOTIATION
Isabel A FlosiFranceAmy Elsner RENEWAL
Leon Y WaycottFranceIoni Bowcher UNQUALIFIED
Isabel Q ChuiCanadaAnna Fali RENEWAL
Johnson V DilliardItalyAnna Fali QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kaitlin V RulapaughGermany2026-09-16Dorl, James J Esq NEW76Elwin Sharvill
1001Mujtaba A StockhamSpain2026-10-02Commercial Press NEGOTIATION46Ioni Bowcher
1002Tony B WhobreyRussia2026-09-13Buckley Miller Wright RENEWAL86Anna Fali
1003Chavez O KolmetzUnited Kingdom2026-09-21Buckley Miller Wright QUALIFIED28Xuxue Feng
1004David F GlickSpain2026-09-21Feltz Printing Service QUALIFIED28Anna Fali
1005Jeanfrancois A FigeroaArgentina2026-09-22Commercial Press QUALIFIED57Amy Elsner
1006Misaki X CampainItaly2026-10-01Benton, John B Jr UNQUALIFIED14Elwin Sharvill
1007Francesco A KolmetzItaly2026-09-27Dorl, James J Esq QUALIFIED73Xuxue Feng
1008Silvio C FlosiRussia2026-09-15Feiner Bros NEW30Elwin Sharvill
1009Ashley K GillianGermany2026-09-27Rousseaux, Michael Esq UNQUALIFIED37Ioni Bowcher
1010Silvio N DarakjyRussia2026-09-17Chemel, James L Cpa RENEWAL62Onyama Limba
1011Alejandro Q CaldareraJapan2026-09-25Benton, John B Jr UNQUALIFIED7Onyama Limba
1012Mayumi C ButtJapan2026-09-27King, Christopher A Esq RENEWAL65Ioni Bowcher
1013Nicolas C InouyeSpain2026-09-29Feiner Bros NEW22Asiya Javayant
1014Antonio H SaylorsUnited Kingdom2026-09-14Truhlar And Truhlar Attys NEW78Onyama Limba
1015Salvatore S OstroskyCanada2026-09-08Chemel, James L Cpa NEW45Bernardo Dominic
1016Ashley S BologniaIndia2026-09-14Rangoni Of Florence RENEWAL25Elwin Sharvill
1017Sinclair P RulapaughCanada2026-09-19Chanay, Jeffrey A Esq PROPOSAL86Stephen Shaw
1018Silvio U PerinArgentina2026-09-28Printing Dimensions QUALIFIED7Ioni Bowcher
1019Chavez U BriddickGermany2026-09-16Rousseaux, Michael Esq UNQUALIFIED55Anna Fali
1020Cody S MacleadIndia2026-09-23Rangoni Of Florence NEW59Ivan Magalhaes
1021Jeanfrancois G GauchoCanada2026-09-21Rangoni Of Florence NEGOTIATION85Ioni Bowcher
1022Leja I AmigonAustralia2026-09-08Morlong Associates NEGOTIATION76Stephen Shaw
1023Aruna D RimGermany2026-09-10Commercial Press NEW38Ivan Magalhaes
1024Aruna I BowleyItaly2026-09-08Rousseaux, Michael Esq QUALIFIED7Ioni Bowcher
1025Aika G ButtAustralia2026-09-17Benton, John B Jr NEW43Onyama Limba
1026Izzy U AlbaresIndia2026-09-10Feiner Bros RENEWAL47Onyama Limba
1027Isabel G GarufiAustralia2026-09-21Buckley Miller Wright RENEWAL74Ioni Bowcher
1028Ivar W SlusarskiItaly2026-10-07Buckley Miller Wright RENEWAL6Asiya Javayant
1029Misaki N WaycottUnited Kingdom2026-09-22Chanay, Jeffrey A Esq NEGOTIATION8Bernardo Dominic
1030Wickens Y VocelkaBrazil2026-09-10Rousseaux, Michael Esq UNQUALIFIED70Anna Fali
1031Adams T CampainBrazil2026-09-11Truhlar And Truhlar Attys QUALIFIED54Anna Fali
1032Clifford D ButtIndia2026-09-18Feltz Printing Service PROPOSAL45Onyama Limba
1033Darci M WaycottJapan2026-09-17Chemel, James L Cpa UNQUALIFIED97Anna Fali
1034Kaitlin G PerinIndia2026-09-24King, Christopher A Esq NEW31Elwin Sharvill
1035Nicolas D MorascaUnited Kingdom2026-09-22Rousseaux, Michael Esq NEGOTIATION91Anna Fali
1036Faith J GillianGermany2026-10-03Rangoni Of Florence NEGOTIATION63Ivan Magalhaes
1037Deepesh G FigeroaFrance2026-09-26Feiner Bros NEW27Xuxue Feng
1038Greenwood D SaylorsAustralia2026-09-10King, Christopher A Esq QUALIFIED74Asiya Javayant
1039Chavez F PaprockiRussia2026-09-21King, Christopher A Esq NEGOTIATION99Anna Fali
1040Emily D MarrierGermany2026-09-21Dorl, James J Esq RENEWAL85Ioni Bowcher
1041Jennifer G FollerAustralia2026-09-08Chemel, James L Cpa UNQUALIFIED28Amy Elsner
1042Leja O InouyeItaly2026-10-05King, Christopher A Esq QUALIFIED62Stephen Shaw
1043Isabel U NestleCanada2026-09-24Printing Dimensions PROPOSAL20Amy Elsner
1044Silvio R BriddickSpain2026-09-14Truhlar And Truhlar Attys UNQUALIFIED74Amy Elsner
1045Arvin W StensethSpain2026-09-08Dorl, James J Esq RENEWAL79Amy Elsner
1046Aditya T MacleadSpain2026-10-06Rousseaux, Michael Esq PROPOSAL87Anna Fali
1047Jennifer D NestleUnited Kingdom2026-10-03Truhlar And Truhlar Attys RENEWAL61Ivan Magalhaes
1048Claire X OstroskyGermany2026-09-17Feltz Printing Service NEGOTIATION99Ioni Bowcher
1049Alejandro R SchemmerItaly2026-09-13Benton, John B Jr NEW42Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Ricardo W RimRussiaXuxue Feng RENEWAL
Aditya C MorascaArgentinaAmy Elsner QUALIFIED
David J MorascaAustraliaOnyama Limba PROPOSAL
Faith B FollerFranceAmy Elsner UNQUALIFIED
Murillo G BologniaAustraliaStephen Shaw NEW
Emily C RutaUnited KingdomAsiya Javayant PROPOSAL
Darci G StockhamAustraliaXuxue Feng NEGOTIATION
Julie V RimItalyAnna Fali RENEWAL
Morrow S KolmetzSpainAsiya Javayant NEGOTIATION
Chavez S CaudyItalyAmy Elsner UNQUALIFIED
Jennifer T MacleadArgentinaOnyama Limba NEW
Arvin N SergiItalyIvan Magalhaes NEGOTIATION
Tony F DarakjySpainAsiya Javayant RENEWAL
Maisha P PerinAustraliaIoni Bowcher NEW
Jefferson E PoquetteIndiaBernardo Dominic PROPOSAL
Francesco F GlickJapanAsiya Javayant RENEWAL
Ivar M MaletRussiaIoni Bowcher UNQUALIFIED
Ricardo H PerinFranceIoni Bowcher NEW
Aika O CaldareraRussiaIvan Magalhaes RENEWAL
Leja W IturbideAustraliaIvan Magalhaes PROPOSAL
Chavez D BologniaUnited KingdomAsiya Javayant UNQUALIFIED
Morrow Z OldroydGermanyAmy Elsner NEGOTIATION
Salvatore V WaycottItalyAnna Fali NEGOTIATION
Octavia I CaldareraUnited KingdomXuxue Feng UNQUALIFIED
Jefferson X VenereGermanyStephen Shaw QUALIFIED
Clifford X InouyeAustraliaStephen Shaw UNQUALIFIED
Morrow Z SergiJapanAnna Fali PROPOSAL
Leon Y MorascaUnited KingdomAmy Elsner QUALIFIED
Nicolas Z GauchoItalyAsiya Javayant UNQUALIFIED
James Y GauchoArgentinaOnyama Limba NEW
Ashley G MaletItalyAsiya Javayant QUALIFIED
Deepesh G DoeFranceElwin Sharvill NEGOTIATION
Jennifer A InouyeIndiaOnyama Limba NEGOTIATION
Arvin C RoysterUnited KingdomBernardo Dominic PROPOSAL
Misaki J MorascaBrazilBernardo Dominic RENEWAL
Ivar T VocelkaAustraliaIvan Magalhaes PROPOSAL
Costa Y InouyeGermanyIoni Bowcher RENEWAL
Greenwood H MaletArgentinaBernardo Dominic NEGOTIATION
Morrow U GarufiUnited KingdomXuxue Feng PROPOSAL
Ivar O PoquetteGermanyOnyama Limba QUALIFIED
Maria P VocelkaSpainStephen Shaw NEGOTIATION
Kadeem P FollerGermanyIoni Bowcher PROPOSAL
Jones X WieserRussiaStephen Shaw QUALIFIED
Isabel Q PerinItalyAsiya Javayant NEGOTIATION
Emily C NestleAustraliaAmy Elsner NEW
Aruna Z VocelkaIndiaBernardo Dominic RENEWAL
Mayumi L WaycottItalyXuxue Feng RENEWAL
Aika N MaletFranceIvan Magalhaes QUALIFIED
Chavez M RimIndiaAsiya Javayant UNQUALIFIED
Mayumi L RutaUnited KingdomBernardo Dominic NEGOTIATION
Frozen Columns
Name
Costa Y Waycott
Leja H Kolmetz
Leon I Schemmer
Kaitlin L Briddick
Silvio M Sergi
Leja C Figeroa
Jeanfrancois M Amigon
Emily V Campain
Costa C Royster
Julie T Malet
Jennifer H Gillian
Deepesh G Kolmetz
Jennifer V Butt
Darci Q Venere
Aika T Flosi
Tony Q Albares
Wickens C Schemmer
Cody S Foller
Octavia G Perin
Cody S Flosi
Francesco Z Caldarera
Kadeem S Slusarski
Wickens B Gillian
Stacey R Ostrosky
Misaki E Figeroa
Murillo G Tollner
Leon K Sergi
Clifford C Poquette
Mujtaba Q Caudy
Ricardo D Maclead
Tony U Paprocki
Izzy Z Ruta
Leon S Dilliard
Salvatore N Inouye
Costa D Malet
Faith X Stockham
Chavez V Amigon
Nicolas S Nicka
Leon A Morasca
Darci B Darakjy
Morrow O Flosi
Morrow N Marrier
Ivar H Saylors
Emily F Vocelka
James T Foller
Isabel Q Dilliard
Wickens Y Paprocki
Faith D Kusko
James V Gaucho
Ivar D Rulapaugh
IdCountryDate
1000India2026-09-29
1001Japan2026-09-23
1002Canada2026-09-17
1003Russia2026-09-09
1004Japan2026-09-23
1005Brazil2026-10-02
1006United Kingdom2026-09-08
1007United Kingdom2026-09-16
1008Spain2026-09-14
1009India2026-09-15
1010Brazil2026-09-15
1011Australia2026-09-20
1012Brazil2026-09-23
1013Russia2026-09-11
1014Germany2026-09-20
1015Russia2026-09-22
1016Russia2026-09-19
1017France2026-09-20
1018Japan2026-10-02
1019Canada2026-09-25
1020Russia2026-09-12
1021France2026-09-20
1022Russia2026-09-26
1023Argentina2026-09-22
1024India2026-09-28
1025India2026-09-20
1026Brazil2026-09-16
1027Germany2026-09-08
1028Argentina2026-09-27
1029Argentina2026-09-13
1030Italy2026-09-28
1031India2026-09-18
1032Australia2026-09-29
1033Argentina2026-09-22
1034United Kingdom2026-10-05
1035Italy2026-09-11
1036India2026-09-10
1037Brazil2026-09-26
1038Germany2026-09-27
1039Brazil2026-09-12
1040Spain2026-10-04
1041Germany2026-09-28
1042France2026-10-01
1043Brazil2026-09-30
1044India2026-09-23
1045Japan2026-10-01
1046France2026-10-06
1047Argentina2026-09-18
1048Russia2026-09-10
1049India2026-09-20

On-Demand Data

NameIdCountryDate
Emily P Caudy1000France2026-10-02
Cody J Gillian1001United Kingdom2026-09-28
Jefferson J Perin1002Germany2026-09-26
Tony F Malet1003Canada2026-09-09
Sinclair P Nestle1004United Kingdom2026-09-19
Juan J Malet1005United Kingdom2026-10-03
Ashley W Sergi1006United Kingdom2026-09-29
Emily X Caldarera1007Argentina2026-09-14
Mayumi P Schemmer1008France2026-09-13
Cody N Figeroa1009France2026-09-19
Cody S Ferencz1010Japan2026-09-28
Jeanfrancois B Gillian1011Brazil2026-09-22
Aika E Marrier1012Brazil2026-09-18
Johnson H Kolmetz1013France2026-10-06
Greenwood Z Maclead1014Canada2026-10-02
Jennifer S Darakjy1015France2026-10-06
David L Ferencz1016Germany2026-10-03
Julie B Glick1017Canada2026-09-14
Faith Z Maclead1018United Kingdom2026-09-10
Ricardo N Venere1019Italy2026-09-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Deepesh R OstroskyCanadaIvan Magalhaes NEGOTIATION
Ivar E OldroydJapanBernardo Dominic NEW
Francesco X DilliardBrazilAsiya Javayant NEW
Antonio J DarakjyArgentinaIoni Bowcher NEGOTIATION
Clifford J RoysterGermanyXuxue Feng RENEWAL
Ashley S OldroydArgentinaIoni Bowcher RENEWAL
Murillo R AlbaresArgentinaAnna Fali PROPOSAL
Wickens O AmigonJapanOnyama Limba NEGOTIATION
Stacey X CampainBrazilIvan Magalhaes QUALIFIED
Stacey L CampainItalyAsiya Javayant UNQUALIFIED
Arvin H KolmetzCanadaBernardo Dominic RENEWAL
Faith H GauchoItalyAnna Fali PROPOSAL
Mayumi U RutaJapanElwin Sharvill QUALIFIED
David Y NestleCanadaAmy Elsner UNQUALIFIED
Maisha A FerenczFranceIvan Magalhaes UNQUALIFIED
Jefferson J WhobreySpainElwin Sharvill UNQUALIFIED
Maria J StockhamJapanStephen Shaw RENEWAL
Maisha G VenereRussiaIvan Magalhaes PROPOSAL
Greenwood S VocelkaJapanElwin Sharvill NEW
Sinclair A OstroskyRussiaXuxue Feng PROPOSAL
Jeanfrancois H BologniaArgentinaElwin Sharvill NEGOTIATION
Munro L OldroydIndiaXuxue Feng RENEWAL
James F RulapaughBrazilOnyama Limba UNQUALIFIED
Francesco G AmigonJapanElwin Sharvill QUALIFIED
Clifford M RutaAustraliaStephen Shaw QUALIFIED
Darci I CaudyItalyAmy Elsner UNQUALIFIED
Chavez O FigeroaUnited KingdomXuxue Feng PROPOSAL
Deepesh O CaldareraFranceXuxue Feng NEGOTIATION
Leon F DoeItalyBernardo Dominic UNQUALIFIED
Octavia E NickaAustraliaAsiya Javayant RENEWAL
Octavia A VocelkaRussiaElwin Sharvill PROPOSAL
Murillo G WieserAustraliaBernardo Dominic UNQUALIFIED
Stacey Z MaletBrazilElwin Sharvill NEW
Maisha V PaprockiCanadaBernardo Dominic NEW
Johnson K MaletArgentinaStephen Shaw NEW
Faith J DoeCanadaIoni Bowcher NEGOTIATION
Wickens E PaprockiIndiaIvan Magalhaes NEGOTIATION
Mayumi A MarrierRussiaStephen Shaw QUALIFIED
Mujtaba D OstroskyFranceAnna Fali QUALIFIED
Tony U VocelkaAustraliaAsiya Javayant NEW

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