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 G PoquetteFranceElwin Sharvill QUALIFIED
Izzy W WaycottIndiaBernardo Dominic NEW
Alejandro J CampainSpainAsiya Javayant PROPOSAL
Mujtaba D WaycottSpainIvan Magalhaes QUALIFIED
Adams Z ChuiUnited KingdomAsiya Javayant NEW
Nicolas J InouyeAustraliaAsiya Javayant QUALIFIED
Jefferson W MacleadSpainAsiya Javayant NEGOTIATION
Jones K VenereUnited KingdomAsiya Javayant PROPOSAL
Salvatore D MorascaBrazilAnna Fali RENEWAL
Juan L PerinArgentinaIoni Bowcher RENEWAL
Isabel A ChuiUnited KingdomAnna Fali QUALIFIED
Leon V TollnerAustraliaStephen Shaw NEGOTIATION
Antonio A GauchoUnited KingdomAmy Elsner NEW
David V NestleRussiaStephen Shaw RENEWAL
Nicolas Y MorascaJapanAsiya Javayant RENEWAL
Maria W NickaFranceXuxue Feng NEGOTIATION
David O PerinBrazilXuxue Feng NEW
Jeanfrancois J NestleCanadaAnna Fali UNQUALIFIED
Claire S TollnerItalyAmy Elsner RENEWAL
Morrow B FigeroaArgentinaStephen Shaw NEGOTIATION
Mujtaba X IturbideCanadaAsiya Javayant NEW
Arvin V ChuiUnited KingdomStephen Shaw RENEWAL
Ashley C PoquetteItalyAsiya Javayant RENEWAL
Silvio S WieserBrazilAnna Fali NEW
Kadeem N GauchoCanadaBernardo Dominic QUALIFIED
Julie A InouyeBrazilIvan Magalhaes UNQUALIFIED
Sinclair E NickaJapanIoni Bowcher NEW
Jennifer W AlbaresAustraliaElwin Sharvill PROPOSAL
Jefferson R OstroskyRussiaElwin Sharvill QUALIFIED
Mayumi H CaldareraRussiaAsiya Javayant UNQUALIFIED
Antonio V NestleAustraliaAnna Fali NEGOTIATION
Morrow B MacleadRussiaIvan Magalhaes UNQUALIFIED
Jeanfrancois Q ShinkoGermanyStephen Shaw PROPOSAL
Francesco V WaycottIndiaXuxue Feng NEGOTIATION
Stacey P MacleadRussiaXuxue Feng UNQUALIFIED
Adams K DarakjySpainStephen Shaw NEW
Kadeem C KolmetzSpainIvan Magalhaes NEGOTIATION
Jeanfrancois U VenereIndiaElwin Sharvill NEGOTIATION
Misaki D RulapaughJapanStephen Shaw PROPOSAL
Johnson C GarufiGermanyIoni Bowcher UNQUALIFIED
Aika I CampainRussiaBernardo Dominic QUALIFIED
Ivar D StensethAustraliaIvan Magalhaes UNQUALIFIED
Cody S ButtItalyAmy Elsner NEW
Maria G DilliardJapanAsiya Javayant QUALIFIED
Ricardo W ChuiBrazilXuxue Feng PROPOSAL
Aika J ButtSpainIvan Magalhaes UNQUALIFIED
Rodrigues I InouyeIndiaOnyama Limba RENEWAL
Kadeem Z RimIndiaOnyama Limba RENEWAL
Cody X AlbaresGermanyAmy Elsner PROPOSAL
Sinclair Y VocelkaSpainOnyama Limba NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Ivar C OldroydAustraliaIvan Magalhaes NEGOTIATION
Jones C MaletRussiaStephen Shaw UNQUALIFIED
Costa J FigeroaItalyAnna Fali QUALIFIED
Antonio O RimCanadaElwin Sharvill NEGOTIATION
James V ShinkoBrazilIvan Magalhaes NEW
Costa K DilliardJapanStephen Shaw RENEWAL
Aditya K DoeJapanAsiya Javayant UNQUALIFIED
Kadeem S AmigonFranceIvan Magalhaes QUALIFIED
Ricardo C VenereGermanyXuxue Feng RENEWAL
Alejandro H PoquetteAustraliaAnna Fali PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Cody V InouyeFrance2026-09-08King, Christopher A Esq RENEWAL41Ioni Bowcher
1001Aika O MaletAustralia2026-09-02Chapman, Ross E Esq QUALIFIED71Asiya Javayant
1002Smith Q SchemmerAustralia2026-09-30Truhlar And Truhlar Attys NEW52Bernardo Dominic
1003Tony B RulapaughJapan2026-09-12Commercial Press PROPOSAL66Ivan Magalhaes
1004Ivar L GillianAustralia2026-09-07Chemel, James L Cpa RENEWAL81Ivan Magalhaes
1005Misaki Q DarakjyItaly2026-09-30Commercial Press NEGOTIATION94Anna Fali
1006Jennifer M RulapaughItaly2026-09-05Feltz Printing Service UNQUALIFIED51Anna Fali
1007Emily J OstroskyIndia2026-09-02Feiner Bros UNQUALIFIED52Xuxue Feng
1008Emily M DarakjyArgentina2026-09-05Truhlar And Truhlar Attys NEW47Ivan Magalhaes
1009Darci S RulapaughAustralia2026-09-04Printing Dimensions UNQUALIFIED65Anna Fali
1010Chavez I FigeroaGermany2026-09-30Dorl, James J Esq UNQUALIFIED92Ivan Magalhaes
1011Aika K WhobreyCanada2026-09-23Benton, John B Jr RENEWAL28Amy Elsner
1012James K VocelkaIndia2026-09-21Buckley Miller Wright PROPOSAL33Ioni Bowcher
1013Deepesh S GarufiIndia2026-09-18Commercial Press UNQUALIFIED83Ivan Magalhaes
1014Arvin V CaldareraArgentina2026-09-11Feltz Printing Service PROPOSAL66Stephen Shaw
1015Costa E WhobreyBrazil2026-09-04Rangoni Of Florence RENEWAL95Ioni Bowcher
1016Sinclair J AmigonCanada2026-09-12Dorl, James J Esq RENEWAL22Ioni Bowcher
1017Cody O SlusarskiGermany2026-09-07Truhlar And Truhlar Attys NEGOTIATION6Bernardo Dominic
1018Isabel L FollerGermany2026-09-27Commercial Press UNQUALIFIED96Bernardo Dominic
1019Aruna K CaldareraCanada2026-09-05Feiner Bros NEGOTIATION37Stephen Shaw
1020Munro B SergiGermany2026-09-28Commercial Press NEGOTIATION15Xuxue Feng
1021Aditya T KuskoCanada2026-09-16Chapman, Ross E Esq RENEWAL39Bernardo Dominic
1022Faith E WieserJapan2026-09-23Chapman, Ross E Esq NEGOTIATION47Elwin Sharvill
1023Darci T WieserBrazil2026-09-30King, Christopher A Esq NEGOTIATION15Xuxue Feng
1024Octavia Y DarakjySpain2026-09-07Feiner Bros QUALIFIED45Anna Fali
1025Deepesh G VenereSpain2026-09-18Benton, John B Jr NEGOTIATION84Stephen Shaw
1026Chavez L RulapaughSpain2026-09-30Printing Dimensions QUALIFIED28Amy Elsner
1027Emily A SchemmerAustralia2026-09-07Chemel, James L Cpa QUALIFIED1Onyama Limba
1028Stacey Q WhobreyUnited Kingdom2026-09-18Feltz Printing Service NEW31Bernardo Dominic
1029Juan E GarufiFrance2026-09-24Commercial Press NEW51Asiya Javayant
1030Kadeem T MarrierBrazil2026-09-07Chanay, Jeffrey A Esq NEW78Amy Elsner
1031Ricardo B DarakjyUnited Kingdom2026-09-20Chemel, James L Cpa UNQUALIFIED80Ioni Bowcher
1032Emily B AmigonRussia2026-09-03Commercial Press RENEWAL90Onyama Limba
1033Nicolas C WaycottFrance2026-09-14Truhlar And Truhlar Attys PROPOSAL69Anna Fali
1034Leon Z MacleadFrance2026-09-02Commercial Press UNQUALIFIED96Elwin Sharvill
1035Munro J KolmetzIndia2026-09-10Feltz Printing Service PROPOSAL74Amy Elsner
1036Julie C CampainCanada2026-09-13King, Christopher A Esq NEGOTIATION84Xuxue Feng
1037Johnson V VenereItaly2026-09-24Commercial Press NEGOTIATION16Anna Fali
1038Jefferson P RimGermany2026-09-29Truhlar And Truhlar Attys RENEWAL81Asiya Javayant
1039Stacey Z OstroskyFrance2026-09-10Chapman, Ross E Esq NEGOTIATION68Onyama Limba
1040Aditya C AlbaresSpain2026-09-29Commercial Press PROPOSAL35Xuxue Feng
1041Costa O RoysterArgentina2026-09-04Chanay, Jeffrey A Esq NEGOTIATION8Bernardo Dominic
1042Nicolas X FollerJapan2026-09-27Truhlar And Truhlar Attys RENEWAL29Ivan Magalhaes
1043Faith Z GillianSpain2026-09-11Dorl, James J Esq PROPOSAL58Asiya Javayant
1044Greenwood E MaletJapan2026-09-30Feltz Printing Service UNQUALIFIED66Ioni Bowcher
1045Smith A DilliardFrance2026-09-17Benton, John B Jr PROPOSAL37Asiya Javayant
1046James Y NestleFrance2026-09-12Printing Dimensions UNQUALIFIED46Bernardo Dominic
1047Darci D PaprockiAustralia2026-09-26Feiner Bros NEGOTIATION71Bernardo Dominic
1048Ashley B NickaArgentina2026-09-30Feiner Bros RENEWAL1Asiya Javayant
1049Leon G PaprockiAustralia2026-09-26Commercial Press QUALIFIED27Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Salvatore Q SlusarskiCanadaIoni Bowcher PROPOSAL
Francesco V CaldareraCanadaAsiya Javayant RENEWAL
Smith P WieserUnited KingdomAsiya Javayant NEW
Emily W DilliardFranceAnna Fali NEW
Mujtaba A TollnerArgentinaElwin Sharvill QUALIFIED
Morrow W KuskoUnited KingdomOnyama Limba PROPOSAL
Cody Y SchemmerAustraliaAmy Elsner PROPOSAL
Clifford S KuskoItalyXuxue Feng NEW
Aruna C NestleCanadaBernardo Dominic NEW
Deepesh S FerenczCanadaIoni Bowcher UNQUALIFIED
Jefferson B BologniaJapanOnyama Limba UNQUALIFIED
Ricardo G FollerJapanElwin Sharvill NEW
Jennifer Q BologniaAustraliaBernardo Dominic NEW
Silvio C GarufiFranceXuxue Feng UNQUALIFIED
Chavez Z MaletItalyIoni Bowcher NEW
Mujtaba W WhobreyItalyElwin Sharvill PROPOSAL
Faith T MaletCanadaBernardo Dominic QUALIFIED
Claire H MaletRussiaElwin Sharvill NEW
Adams W ButtGermanyXuxue Feng UNQUALIFIED
Mujtaba P CampainItalyBernardo Dominic UNQUALIFIED
Leja V AlbaresUnited KingdomAsiya Javayant PROPOSAL
Aika W RimIndiaStephen Shaw QUALIFIED
Adams C SergiAustraliaOnyama Limba QUALIFIED
Stacey G SlusarskiUnited KingdomAnna Fali RENEWAL
Wickens M OstroskyIndiaStephen Shaw PROPOSAL
Juan Y IturbideUnited KingdomAsiya Javayant NEW
Costa C FigeroaItalyAsiya Javayant RENEWAL
Kaitlin W DoeUnited KingdomXuxue Feng QUALIFIED
Claire L DilliardIndiaXuxue Feng NEGOTIATION
Alejandro Z CaudyCanadaIoni Bowcher RENEWAL
Faith A MaletUnited KingdomIvan Magalhaes NEGOTIATION
Alejandro Z NickaRussiaStephen Shaw UNQUALIFIED
Julie T StockhamFranceAnna Fali PROPOSAL
Murillo Y PaprockiSpainAsiya Javayant RENEWAL
Aika M KuskoAustraliaAmy Elsner PROPOSAL
Ricardo J VenereGermanyElwin Sharvill UNQUALIFIED
Kaitlin S KolmetzIndiaAnna Fali NEGOTIATION
Mayumi S AlbaresFranceAmy Elsner PROPOSAL
Octavia H DoeJapanElwin Sharvill NEW
Clifford S GarufiFranceAsiya Javayant QUALIFIED
Octavia V TollnerGermanyXuxue Feng PROPOSAL
Silvio P CaudySpainXuxue Feng NEW
Jones B FigeroaArgentinaElwin Sharvill NEGOTIATION
Mujtaba I DoeArgentinaIoni Bowcher UNQUALIFIED
Stacey K CaldareraFranceAnna Fali RENEWAL
Smith W RimSpainAnna Fali RENEWAL
Arvin D SergiJapanOnyama Limba PROPOSAL
Emily H DarakjyUnited KingdomAnna Fali PROPOSAL
Morrow M MacleadUnited KingdomElwin Sharvill NEW
James D DoeAustraliaIoni Bowcher QUALIFIED
Frozen Columns
Name
Adams T Oldroyd
Francesco A Figeroa
Murillo Z Venere
Johnson S Inouye
Clifford L Venere
Mujtaba Y Sergi
Mayumi E Ruta
Chavez W Figeroa
Stacey D Briddick
Nicolas M Wieser
Adams I Perin
Maisha K Morasca
David O Stockham
Alejandro F Foller
Claire U Gaucho
Maria I Stenseth
Mayumi Z Stenseth
Rodrigues E Morasca
Rodrigues P Marrier
Francesco S Royster
Ashley K Gaucho
Stacey M Darakjy
Kaitlin H Gaucho
Darci R Albares
Tony W Tollner
Isabel Q Wieser
Kadeem M Slusarski
Alejandro P Ruta
Wickens L Bowley
Munro I Darakjy
Ivar J Maclead
Ivar D Schemmer
Johnson Z Waycott
Jeanfrancois L Vocelka
Alejandro A Nestle
Faith V Waycott
Salvatore L Stenseth
Aika Y Garufi
Deepesh U Amigon
Emily A Caudy
Faith Q Darakjy
Munro F Nicka
Cody J Flosi
Izzy H Saylors
Arvin X Rim
Maisha Q Caldarera
Mujtaba N Ruta
Cody Y Iturbide
Faith L Morasca
James S Whobrey
IdCountryDate
1000India2026-09-18
1001Argentina2026-09-19
1002Australia2026-09-09
1003Argentina2026-09-24
1004Japan2026-09-23
1005Russia2026-09-26
1006France2026-09-03
1007France2026-09-27
1008Italy2026-09-06
1009Germany2026-09-28
1010Spain2026-09-16
1011Italy2026-09-05
1012Spain2026-09-10
1013Germany2026-09-11
1014United Kingdom2026-09-21
1015Argentina2026-09-16
1016Argentina2026-09-28
1017United Kingdom2026-09-22
1018India2026-09-05
1019Italy2026-09-21
1020Spain2026-09-20
1021Argentina2026-09-09
1022Germany2026-09-07
1023Australia2026-09-02
1024Australia2026-09-25
1025Japan2026-09-14
1026Spain2026-09-23
1027Australia2026-09-25
1028France2026-09-26
1029United Kingdom2026-09-27
1030United Kingdom2026-09-17
1031Australia2026-09-16
1032Russia2026-09-12
1033Germany2026-09-05
1034United Kingdom2026-09-28
1035United Kingdom2026-09-15
1036Japan2026-09-20
1037Brazil2026-09-21
1038Brazil2026-09-30
1039Russia2026-09-08
1040Canada2026-09-28
1041Canada2026-09-19
1042Argentina2026-09-19
1043Argentina2026-09-18
1044Canada2026-09-15
1045Russia2026-09-16
1046Russia2026-10-01
1047Spain2026-09-30
1048United Kingdom2026-09-22
1049Germany2026-09-19

On-Demand Data

NameIdCountryDate
Claire Z Dilliard1000Canada2026-09-03
Nicolas K Caldarera1001Russia2026-09-20
Claire I Poquette1002India2026-09-04
Mayumi F Stockham1003India2026-09-25
Clifford X Wieser1004India2026-09-05
Antonio N Albares1005Argentina2026-09-15
Johnson R Vocelka1006India2026-09-14
Stacey E Dilliard1007United Kingdom2026-09-09
Maria M Rulapaugh1008Spain2026-09-18
Cody M Marrier1009Italy2026-09-14
Arvin Q Maclead1010France2026-09-17
Morrow Q Paprocki1011Germany2026-09-13
Salvatore X Maclead1012Russia2026-09-25
Adams R Glick1013Spain2026-09-03
Chavez Z Marrier1014United Kingdom2026-09-12
Jones K Kusko1015India2026-09-22
Johnson S Glick1016Argentina2026-09-16
Cody Y Nestle1017Canada2026-09-05
Ivar A Flosi1018France2026-09-03
Ivar D Ostrosky1019United Kingdom2026-09-02
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Emily P DilliardBrazilIvan Magalhaes UNQUALIFIED
Johnson W WieserGermanyIoni Bowcher UNQUALIFIED
Murillo V KuskoAustraliaIvan Magalhaes QUALIFIED
David Z BowleyAustraliaAsiya Javayant QUALIFIED
Maria F ButtBrazilXuxue Feng RENEWAL
Alejandro K RimRussiaIvan Magalhaes UNQUALIFIED
Julie N SchemmerFranceStephen Shaw PROPOSAL
Kaitlin Z DilliardFranceElwin Sharvill PROPOSAL
Adams K NickaArgentinaXuxue Feng PROPOSAL
Stacey Q OldroydItalyAnna Fali QUALIFIED
Maisha C SchemmerFranceIvan Magalhaes QUALIFIED
Smith Q ShinkoItalyOnyama Limba UNQUALIFIED
Tony C ShinkoRussiaAsiya Javayant QUALIFIED
David B WaycottJapanBernardo Dominic UNQUALIFIED
Aruna Y DoeJapanOnyama Limba NEGOTIATION
Maria W MorascaArgentinaAsiya Javayant NEW
Kaitlin C GarufiItalyStephen Shaw NEW
Maria I OstroskyUnited KingdomIvan Magalhaes NEGOTIATION
Juan R DarakjyBrazilAnna Fali QUALIFIED
Francesco L AlbaresCanadaIvan Magalhaes NEGOTIATION
Kaitlin K MarrierBrazilBernardo Dominic QUALIFIED
Francesco I RutaRussiaOnyama Limba QUALIFIED
Aruna O FollerCanadaAsiya Javayant RENEWAL
Jeanfrancois E MorascaUnited KingdomElwin Sharvill UNQUALIFIED
David I PoquetteJapanIoni Bowcher UNQUALIFIED
Francesco H RimJapanIvan Magalhaes RENEWAL
Aika U RutaGermanyBernardo Dominic NEGOTIATION
Greenwood C PerinSpainElwin Sharvill NEGOTIATION
Sinclair U MaletUnited KingdomIoni Bowcher UNQUALIFIED
Johnson S GlickFranceBernardo Dominic NEW
Cody T VenereUnited KingdomBernardo Dominic PROPOSAL
Aika Z DoeSpainStephen Shaw NEGOTIATION
Leja F StensethItalyBernardo Dominic RENEWAL
David O RulapaughAustraliaStephen Shaw NEGOTIATION
Costa I GlickItalyOnyama Limba UNQUALIFIED
Juan Y MacleadAustraliaIoni Bowcher PROPOSAL
Silvio V VenereCanadaAmy Elsner RENEWAL
Alejandro L SaylorsRussiaAmy Elsner NEW
Mayumi X FigeroaArgentinaOnyama Limba QUALIFIED
Stacey N OstroskyGermanyOnyama Limba 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>