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
Mujtaba M BriddickFranceElwin Sharvill QUALIFIED
Leja F FerenczSpainAsiya Javayant RENEWAL
James F DilliardJapanAmy Elsner RENEWAL
James E AmigonBrazilAsiya Javayant QUALIFIED
Maria F DilliardRussiaAmy Elsner RENEWAL
Ashley R SlusarskiAustraliaStephen Shaw NEGOTIATION
Leon D GlickGermanyAsiya Javayant QUALIFIED
Johnson E OstroskyAustraliaXuxue Feng PROPOSAL
Leon U FollerFranceAmy Elsner RENEWAL
Cody C WaycottSpainOnyama Limba NEW
Mujtaba I ChuiFranceBernardo Dominic NEGOTIATION
Maria Y FlosiCanadaXuxue Feng NEGOTIATION
Munro S RimJapanStephen Shaw RENEWAL
Izzy L WhobreyRussiaElwin Sharvill QUALIFIED
Cody M SaylorsBrazilIoni Bowcher UNQUALIFIED
David D MaletFranceElwin Sharvill NEW
Costa M WhobreyJapanIoni Bowcher PROPOSAL
Jones D AmigonBrazilElwin Sharvill RENEWAL
Rodrigues M PaprockiAustraliaXuxue Feng QUALIFIED
Murillo X NestleArgentinaIvan Magalhaes NEW
Octavia Q MacleadArgentinaElwin Sharvill NEW
Sinclair C SergiIndiaAnna Fali PROPOSAL
David F DoeUnited KingdomIoni Bowcher NEW
Tony K NickaGermanyOnyama Limba RENEWAL
Faith N VocelkaCanadaAnna Fali QUALIFIED
Julie V SergiBrazilBernardo Dominic UNQUALIFIED
Costa W NestleSpainBernardo Dominic NEGOTIATION
Morrow S InouyeUnited KingdomIvan Magalhaes UNQUALIFIED
Stacey T MarrierAustraliaIoni Bowcher UNQUALIFIED
Chavez T ButtFranceElwin Sharvill NEW
Leon T OldroydItalyAsiya Javayant RENEWAL
Jennifer G CaldareraIndiaXuxue Feng UNQUALIFIED
Silvio E RutaRussiaAmy Elsner UNQUALIFIED
Alejandro F RimUnited KingdomAsiya Javayant NEGOTIATION
Stacey M FigeroaRussiaOnyama Limba NEGOTIATION
Greenwood Z WaycottFranceIoni Bowcher NEGOTIATION
Nicolas U KolmetzAustraliaAmy Elsner QUALIFIED
Maisha C OldroydBrazilAsiya Javayant NEW
Jefferson X MacleadIndiaIvan Magalhaes NEW
Misaki P KolmetzAustraliaAnna Fali NEGOTIATION
David T FigeroaCanadaOnyama Limba NEGOTIATION
James F SaylorsFranceBernardo Dominic RENEWAL
Chavez P DilliardSpainBernardo Dominic NEW
Munro I FerenczItalyStephen Shaw NEGOTIATION
Maria G CampainJapanIoni Bowcher RENEWAL
Jennifer Q WhobreyUnited KingdomBernardo Dominic NEW
Emily X WieserUnited KingdomAnna Fali QUALIFIED
Aika R WaycottArgentinaIvan Magalhaes PROPOSAL
Jefferson C FollerArgentinaAmy Elsner NEW
Jefferson Y VenereArgentinaIoni Bowcher NEW
Horizontal
NameCountryRepresentativeStatus
David Y FerenczAustraliaBernardo Dominic UNQUALIFIED
Juan M WieserCanadaXuxue Feng QUALIFIED
Jeanfrancois I NestleFranceAmy Elsner QUALIFIED
Smith K StockhamBrazilAmy Elsner UNQUALIFIED
Wickens D AmigonJapanIoni Bowcher QUALIFIED
Stacey C IturbideFranceOnyama Limba NEGOTIATION
Leon H CaudyUnited KingdomElwin Sharvill NEW
Costa F DilliardGermanyAmy Elsner NEGOTIATION
Juan R DilliardItalyBernardo Dominic RENEWAL
James X RimBrazilBernardo Dominic RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Claire C WhobreySpain2026-10-10Commercial Press QUALIFIED61Elwin Sharvill
1001Alejandro X AmigonJapan2026-09-15Rangoni Of Florence PROPOSAL59Xuxue Feng
1002Murillo C WaycottSpain2026-09-26Morlong Associates QUALIFIED4Xuxue Feng
1003Munro Z StensethAustralia2026-09-17Printing Dimensions UNQUALIFIED7Ioni Bowcher
1004Johnson L KuskoIndia2026-09-19Morlong Associates PROPOSAL76Ivan Magalhaes
1005Izzy F NestleAustralia2026-10-13Morlong Associates QUALIFIED41Amy Elsner
1006Mujtaba E MorascaRussia2026-10-08Dorl, James J Esq QUALIFIED59Xuxue Feng
1007Sinclair A WaycottUnited Kingdom2026-10-02Dorl, James J Esq RENEWAL88Anna Fali
1008Salvatore G TollnerCanada2026-10-06Feltz Printing Service NEW41Ioni Bowcher
1009Alejandro F InouyeFrance2026-09-27Buckley Miller Wright NEW81Elwin Sharvill
1010Misaki A InouyeAustralia2026-10-08Truhlar And Truhlar Attys NEGOTIATION55Xuxue Feng
1011Darci V CaldareraBrazil2026-09-29Chapman, Ross E Esq NEGOTIATION55Stephen Shaw
1012Tony N SlusarskiArgentina2026-10-08Feltz Printing Service QUALIFIED82Asiya Javayant
1013Costa V FigeroaCanada2026-10-12Chemel, James L Cpa RENEWAL57Ioni Bowcher
1014Nicolas J FerenczSpain2026-09-19Commercial Press RENEWAL50Bernardo Dominic
1015Smith R InouyeArgentina2026-10-09Benton, John B Jr NEGOTIATION52Stephen Shaw
1016Nicolas D VocelkaSpain2026-09-29Truhlar And Truhlar Attys NEGOTIATION95Ivan Magalhaes
1017Isabel U FerenczBrazil2026-10-13King, Christopher A Esq UNQUALIFIED68Ioni Bowcher
1018Kadeem V MarrierBrazil2026-09-15Printing Dimensions RENEWAL59Elwin Sharvill
1019Deepesh Y SchemmerItaly2026-09-22Feiner Bros RENEWAL68Elwin Sharvill
1020Greenwood R GarufiIndia2026-09-15Chapman, Ross E Esq QUALIFIED92Ioni Bowcher
1021Cody D MarrierCanada2026-10-04Commercial Press UNQUALIFIED33Bernardo Dominic
1022Silvio S MarrierBrazil2026-09-28Buckley Miller Wright PROPOSAL95Bernardo Dominic
1023Izzy E InouyeArgentina2026-10-07Buckley Miller Wright NEW96Anna Fali
1024Rodrigues F TollnerArgentina2026-09-25Feiner Bros QUALIFIED18Bernardo Dominic
1025Nicolas C WaycottFrance2026-09-28Feltz Printing Service UNQUALIFIED86Bernardo Dominic
1026Kaitlin D SergiUnited Kingdom2026-10-10Feiner Bros NEW5Amy Elsner
1027Faith P SchemmerRussia2026-09-15Benton, John B Jr NEGOTIATION78Stephen Shaw
1028Deepesh R StensethBrazil2026-10-01Chapman, Ross E Esq PROPOSAL81Ioni Bowcher
1029Costa X DilliardBrazil2026-10-10Chemel, James L Cpa QUALIFIED44Stephen Shaw
1030Jefferson X FlosiIndia2026-10-05Feltz Printing Service PROPOSAL25Amy Elsner
1031Jefferson O OstroskyArgentina2026-10-06Morlong Associates NEW82Ivan Magalhaes
1032Greenwood W OldroydUnited Kingdom2026-09-27Rangoni Of Florence QUALIFIED59Anna Fali
1033Mayumi U FollerRussia2026-10-01Rangoni Of Florence PROPOSAL21Ioni Bowcher
1034Wickens D CampainGermany2026-09-16Buckley Miller Wright PROPOSAL60Stephen Shaw
1035Darci I AlbaresFrance2026-09-17Benton, John B Jr UNQUALIFIED52Ivan Magalhaes
1036Morrow T ShinkoSpain2026-09-23Buckley Miller Wright RENEWAL18Xuxue Feng
1037Clifford Y TollnerArgentina2026-09-16Chanay, Jeffrey A Esq UNQUALIFIED34Amy Elsner
1038Aika V DilliardJapan2026-10-14Chanay, Jeffrey A Esq RENEWAL63Xuxue Feng
1039Jennifer Z WaycottRussia2026-10-10Morlong Associates QUALIFIED12Asiya Javayant
1040Jones T SaylorsJapan2026-10-05Dorl, James J Esq NEGOTIATION42Amy Elsner
1041Greenwood J CaudyArgentina2026-10-09Morlong Associates QUALIFIED75Xuxue Feng
1042Octavia V SchemmerArgentina2026-10-10Commercial Press NEGOTIATION40Stephen Shaw
1043Jones R BriddickSpain2026-10-02Chemel, James L Cpa UNQUALIFIED90Ioni Bowcher
1044Adams L KuskoIndia2026-09-16Feltz Printing Service PROPOSAL30Elwin Sharvill
1045Morrow O MaletArgentina2026-09-22Feiner Bros NEGOTIATION55Bernardo Dominic
1046Octavia Y GillianRussia2026-10-09Feiner Bros UNQUALIFIED78Elwin Sharvill
1047Munro A MaletSpain2026-10-13Printing Dimensions QUALIFIED47Bernardo Dominic
1048Salvatore I MacleadAustralia2026-10-14Chapman, Ross E Esq NEW17Amy Elsner
1049Mujtaba N KolmetzSpain2026-10-07King, Christopher A Esq PROPOSAL8Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Munro B StockhamGermanyIvan Magalhaes RENEWAL
Francesco R DilliardRussiaBernardo Dominic NEW
Mayumi L PerinBrazilIvan Magalhaes PROPOSAL
Murillo D RulapaughRussiaAmy Elsner NEGOTIATION
Jeanfrancois J CaldareraBrazilAmy Elsner UNQUALIFIED
Emily I BologniaCanadaAsiya Javayant NEGOTIATION
Greenwood V KuskoBrazilStephen Shaw PROPOSAL
Deepesh I InouyeBrazilStephen Shaw PROPOSAL
Misaki P VocelkaBrazilOnyama Limba UNQUALIFIED
Claire M SaylorsGermanyAnna Fali PROPOSAL
Chavez R StensethUnited KingdomElwin Sharvill UNQUALIFIED
Ashley X SlusarskiJapanOnyama Limba PROPOSAL
Sinclair A PerinUnited KingdomIoni Bowcher RENEWAL
Aika P CaldareraUnited KingdomAnna Fali NEGOTIATION
Misaki N GlickUnited KingdomStephen Shaw NEGOTIATION
Darci L InouyeArgentinaAmy Elsner RENEWAL
Leja U PoquetteItalyAsiya Javayant QUALIFIED
Emily D TollnerItalyAsiya Javayant RENEWAL
Maria H FigeroaIndiaIvan Magalhaes QUALIFIED
Octavia X MaletGermanyStephen Shaw NEW
Mujtaba Y MaletJapanBernardo Dominic QUALIFIED
Maisha S GarufiItalyAnna Fali RENEWAL
Aditya W PerinItalyAmy Elsner NEW
Juan Y BowleyIndiaElwin Sharvill NEW
Ashley Y VenereIndiaAmy Elsner NEW
Jennifer D PaprockiBrazilAnna Fali NEW
Leon Y WieserGermanyXuxue Feng NEGOTIATION
Jennifer P BologniaRussiaIoni Bowcher PROPOSAL
Jefferson H StockhamUnited KingdomOnyama Limba QUALIFIED
Salvatore M SaylorsFranceAmy Elsner NEW
Wickens C SaylorsJapanOnyama Limba NEGOTIATION
Tony B VocelkaIndiaIoni Bowcher NEW
Izzy G InouyeFranceOnyama Limba UNQUALIFIED
Nicolas Z BologniaAustraliaAsiya Javayant RENEWAL
Smith G OstroskyAustraliaXuxue Feng RENEWAL
Mayumi Y MacleadItalyAsiya Javayant NEW
Smith Y MaletGermanyBernardo Dominic UNQUALIFIED
Ivar F AlbaresRussiaXuxue Feng NEGOTIATION
Greenwood P MaletRussiaXuxue Feng QUALIFIED
Mujtaba Y PaprockiGermanyIoni Bowcher NEW
Darci R FigeroaFranceAsiya Javayant QUALIFIED
Aruna Q ButtJapanAnna Fali NEW
Maisha T BriddickSpainAnna Fali RENEWAL
Sinclair H RutaCanadaXuxue Feng UNQUALIFIED
Emily R DarakjyCanadaBernardo Dominic NEW
Adams U FigeroaAustraliaOnyama Limba NEW
Munro L FollerArgentinaElwin Sharvill NEW
Maisha T CampainItalyAsiya Javayant NEW
Leon B RoysterGermanyXuxue Feng NEGOTIATION
Jones M AlbaresCanadaXuxue Feng QUALIFIED
Frozen Columns
Name
Mayumi P Shinko
Tony F Waycott
Antonio F Oldroyd
Octavia S Gillian
Octavia G Caudy
Ricardo P Ferencz
Sinclair A Bowley
Ashley T Garufi
Silvio P Sergi
Wickens V Poquette
Alejandro G Briddick
Aika H Poquette
Claire A Nestle
Mujtaba I Inouye
Emily L Butt
James Y Venere
Jefferson P Paprocki
Murillo D Campain
Arvin Y Ferencz
Adams X Doe
Salvatore H Albares
Salvatore Q Shinko
Claire S Gillian
Claire K Glick
Mujtaba M Paprocki
Darci I Royster
Leon J Vocelka
Silvio A Glick
Jeanfrancois U Nicka
Ricardo I Rim
Rodrigues I Foller
Aika E Maclead
Octavia B Dilliard
Octavia I Amigon
Johnson H Whobrey
Juan Y Campain
Ashley S Figeroa
Maria X Malet
Nicolas L Slusarski
Adams B Iturbide
Munro V Campain
Julie R Rim
Greenwood Y Sergi
Smith T Figeroa
Juan F Sergi
Jefferson J Malet
Costa Y Doe
Smith T Dilliard
Maria M Foller
Aika B Inouye
IdCountryDate
1000France2026-10-12
1001Japan2026-10-05
1002France2026-09-29
1003Germany2026-09-30
1004Canada2026-09-25
1005Australia2026-09-28
1006Australia2026-10-01
1007Russia2026-09-26
1008Italy2026-10-14
1009United Kingdom2026-10-08
1010Argentina2026-10-11
1011France2026-10-04
1012France2026-09-29
1013Germany2026-10-01
1014Russia2026-10-11
1015Australia2026-09-17
1016India2026-09-26
1017Italy2026-10-10
1018Canada2026-09-15
1019Canada2026-10-02
1020Russia2026-10-08
1021Argentina2026-10-09
1022India2026-10-11
1023Canada2026-10-10
1024Argentina2026-09-22
1025France2026-09-27
1026India2026-09-23
1027Canada2026-09-24
1028Italy2026-09-26
1029Brazil2026-10-01
1030Australia2026-09-25
1031Germany2026-10-07
1032Brazil2026-09-26
1033Canada2026-09-18
1034France2026-09-30
1035Spain2026-09-20
1036United Kingdom2026-09-21
1037Australia2026-09-26
1038Spain2026-10-11
1039Argentina2026-09-29
1040India2026-09-25
1041United Kingdom2026-10-02
1042United Kingdom2026-09-28
1043France2026-09-25
1044Spain2026-09-25
1045Argentina2026-09-18
1046Brazil2026-10-10
1047Argentina2026-09-26
1048Japan2026-09-20
1049Brazil2026-09-16

On-Demand Data

NameIdCountryDate
Ashley C Morasca1000Brazil2026-09-18
Jefferson F Nestle1001Russia2026-09-26
Ivar I Marrier1002France2026-10-03
Munro C Perin1003Spain2026-10-01
Octavia D Sergi1004India2026-10-04
Rodrigues I Nestle1005Canada2026-10-12
Wickens C Marrier1006Australia2026-10-12
Jefferson M Rim1007Russia2026-09-21
Octavia D Malet1008United Kingdom2026-09-23
Chavez Y Inouye1009Italy2026-09-26
Aika U Chui1010France2026-09-20
Jeanfrancois E Malet1011United Kingdom2026-09-18
Adams A Inouye1012Spain2026-10-02
Juan H Bolognia1013Russia2026-09-23
Tony A Oldroyd1014United Kingdom2026-10-03
Leon A Rulapaugh1015Spain2026-10-07
Leja G Caldarera1016Germany2026-09-29
Nicolas L Kolmetz1017Australia2026-09-20
Misaki A Dilliard1018Australia2026-09-28
Julie G Glick1019France2026-09-24
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Wickens Q FlosiIndiaStephen Shaw QUALIFIED
Leja E TollnerSpainIvan Magalhaes PROPOSAL
Sinclair W NickaRussiaAmy Elsner QUALIFIED
Morrow K DoeBrazilAmy Elsner NEGOTIATION
Smith C MacleadItalyAsiya Javayant UNQUALIFIED
Julie I OstroskyBrazilAnna Fali NEW
Antonio E NickaFranceAsiya Javayant QUALIFIED
Deepesh T CaldareraItalyAmy Elsner NEGOTIATION
Sinclair N TollnerUnited KingdomStephen Shaw UNQUALIFIED
Sinclair U CampainSpainIoni Bowcher PROPOSAL
Francesco H DarakjyBrazilAsiya Javayant NEW
Julie L RulapaughCanadaXuxue Feng NEGOTIATION
Mayumi F PoquetteFranceStephen Shaw RENEWAL
Johnson W MaletAustraliaAsiya Javayant UNQUALIFIED
Kaitlin U SlusarskiCanadaStephen Shaw PROPOSAL
Francesco A MorascaSpainStephen Shaw PROPOSAL
James P RutaFranceAnna Fali NEGOTIATION
Cody M GillianCanadaStephen Shaw NEW
Maisha Z AmigonSpainXuxue Feng QUALIFIED
Salvatore C OldroydUnited KingdomAsiya Javayant NEW
Aditya Q SlusarskiIndiaAnna Fali NEW
Morrow C PoquetteSpainIoni Bowcher UNQUALIFIED
David R MacleadJapanStephen Shaw RENEWAL
James T BologniaSpainElwin Sharvill NEW
Wickens D TollnerFranceAmy Elsner NEGOTIATION
James U VenereJapanElwin Sharvill RENEWAL
Cody X StensethCanadaXuxue Feng RENEWAL
Aditya P PerinSpainOnyama Limba PROPOSAL
Jones C TollnerGermanyIvan Magalhaes NEW
Adams H ChuiIndiaIoni Bowcher PROPOSAL
Morrow Q CaudyGermanyAnna Fali UNQUALIFIED
Ivar B PaprockiArgentinaIoni Bowcher RENEWAL
Mayumi Q PoquetteRussiaAsiya Javayant QUALIFIED
Jennifer A NestleUnited KingdomStephen Shaw NEGOTIATION
Aruna T VenereBrazilOnyama Limba QUALIFIED
Chavez Y SlusarskiIndiaIoni Bowcher PROPOSAL
Claire S DilliardGermanyOnyama Limba NEW
Costa U GillianRussiaIvan Magalhaes NEW
Jones Z AlbaresAustraliaAmy Elsner PROPOSAL
Leja F MaletSpainAmy Elsner 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>