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
Salvatore S GillianArgentinaOnyama Limba QUALIFIED
Jefferson F SaylorsBrazilBernardo Dominic PROPOSAL
Maria N PerinBrazilBernardo Dominic RENEWAL
Cody E ShinkoRussiaAnna Fali UNQUALIFIED
Jones J ButtUnited KingdomOnyama Limba UNQUALIFIED
Clifford P StockhamAustraliaBernardo Dominic RENEWAL
Leon L OstroskyJapanIoni Bowcher UNQUALIFIED
Francesco R PaprockiUnited KingdomIoni Bowcher PROPOSAL
Murillo T RulapaughJapanOnyama Limba NEGOTIATION
Aditya W ChuiFranceBernardo Dominic UNQUALIFIED
Maisha Z FerenczCanadaOnyama Limba QUALIFIED
James S StockhamUnited KingdomElwin Sharvill NEGOTIATION
Antonio Z ChuiArgentinaStephen Shaw UNQUALIFIED
Ashley S CaldareraIndiaIoni Bowcher PROPOSAL
Wickens J SlusarskiSpainXuxue Feng QUALIFIED
Antonio N ShinkoRussiaAsiya Javayant NEGOTIATION
Aika F IturbideArgentinaIoni Bowcher UNQUALIFIED
Juan O KolmetzRussiaXuxue Feng QUALIFIED
Rodrigues H FollerUnited KingdomAnna Fali UNQUALIFIED
Jefferson R CampainArgentinaAmy Elsner QUALIFIED
Kadeem H CaldareraFranceElwin Sharvill UNQUALIFIED
Ricardo N KolmetzCanadaAsiya Javayant NEW
Sinclair T MaletFranceOnyama Limba NEW
Leja W FerenczItalyIvan Magalhaes NEW
Ricardo Z MacleadItalyAsiya Javayant QUALIFIED
James V MacleadIndiaOnyama Limba NEGOTIATION
Smith Z RulapaughBrazilElwin Sharvill PROPOSAL
Clifford N BologniaFranceStephen Shaw NEW
Silvio V AmigonCanadaStephen Shaw NEGOTIATION
Ricardo H InouyeAustraliaIvan Magalhaes NEGOTIATION
Antonio Z ChuiIndiaAsiya Javayant NEW
Johnson I VocelkaCanadaAnna Fali NEGOTIATION
Sinclair Q FlosiSpainAsiya Javayant NEGOTIATION
Ivar P SlusarskiBrazilElwin Sharvill QUALIFIED
Izzy Y FigeroaIndiaXuxue Feng RENEWAL
Jennifer E BowleyJapanXuxue Feng NEGOTIATION
Greenwood Y PoquetteIndiaIvan Magalhaes PROPOSAL
Ashley I VenereFranceStephen Shaw UNQUALIFIED
Darci N DarakjyAustraliaAsiya Javayant NEGOTIATION
Alejandro U SergiRussiaElwin Sharvill RENEWAL
Faith O WieserGermanyXuxue Feng UNQUALIFIED
Nicolas Q PaprockiGermanyIoni Bowcher QUALIFIED
Emily F KuskoJapanBernardo Dominic UNQUALIFIED
Jeanfrancois U AmigonArgentinaBernardo Dominic PROPOSAL
Leja R ButtJapanElwin Sharvill NEW
Claire C FlosiGermanyAmy Elsner UNQUALIFIED
Francesco Z MaletJapanIoni Bowcher PROPOSAL
Ricardo J FlosiIndiaAmy Elsner NEW
Deepesh L TollnerBrazilXuxue Feng RENEWAL
Francesco Y InouyeSpainIoni Bowcher NEW
Horizontal
NameCountryRepresentativeStatus
Clifford T MaletGermanyBernardo Dominic NEGOTIATION
Maisha H GillianSpainIoni Bowcher RENEWAL
Salvatore B GarufiBrazilStephen Shaw QUALIFIED
Claire F ChuiBrazilXuxue Feng RENEWAL
Morrow W CampainCanadaStephen Shaw RENEWAL
Arvin N NickaIndiaBernardo Dominic RENEWAL
Mujtaba V FlosiIndiaIvan Magalhaes QUALIFIED
Francesco U BologniaSpainAmy Elsner QUALIFIED
Juan V StensethGermanyOnyama Limba QUALIFIED
Salvatore V AlbaresItalyAmy Elsner QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Darci W RulapaughAustralia2026-10-27Buckley Miller Wright RENEWAL14Stephen Shaw
1001Jones C GillianIndia2026-10-14Chemel, James L Cpa QUALIFIED98Ivan Magalhaes
1002Jeanfrancois V ShinkoBrazil2026-10-12Printing Dimensions UNQUALIFIED24Amy Elsner
1003Rodrigues M CaldareraIndia2026-10-28Morlong Associates PROPOSAL41Elwin Sharvill
1004Morrow K DilliardIndia2026-10-25Benton, John B Jr NEGOTIATION49Amy Elsner
1005Alejandro H GarufiSpain2026-10-18King, Christopher A Esq RENEWAL78Stephen Shaw
1006Claire T DilliardBrazil2026-10-16Buckley Miller Wright RENEWAL26Onyama Limba
1007Francesco Z BowleyGermany2026-10-20Buckley Miller Wright QUALIFIED69Onyama Limba
1008Misaki T FollerIndia2026-10-07Commercial Press NEGOTIATION15Stephen Shaw
1009Ricardo L StensethItaly2026-10-10Rousseaux, Michael Esq PROPOSAL64Anna Fali
1010Antonio W PerinItaly2026-10-25Morlong Associates NEGOTIATION73Xuxue Feng
1011Maisha B BowleyFrance2026-10-03Rangoni Of Florence PROPOSAL63Anna Fali
1012Arvin C BologniaUnited Kingdom2026-10-22Printing Dimensions RENEWAL3Ioni Bowcher
1013Clifford R FigeroaSpain2026-10-08Rousseaux, Michael Esq NEW71Asiya Javayant
1014Wickens K GlickAustralia2026-10-01Dorl, James J Esq UNQUALIFIED49Anna Fali
1015Deepesh F GarufiJapan2026-10-08Dorl, James J Esq UNQUALIFIED35Elwin Sharvill
1016Octavia F RutaItaly2026-10-18Dorl, James J Esq NEW73Bernardo Dominic
1017Wickens V MacleadCanada2026-10-30Printing Dimensions RENEWAL81Amy Elsner
1018James N VenereRussia2026-10-23Rousseaux, Michael Esq PROPOSAL32Xuxue Feng
1019Kaitlin K BriddickJapan2026-10-06Feiner Bros RENEWAL60Ioni Bowcher
1020Izzy B ButtItaly2026-10-24Chapman, Ross E Esq NEGOTIATION40Xuxue Feng
1021Aika M MaletItaly2026-10-24Chapman, Ross E Esq NEGOTIATION80Asiya Javayant
1022Arvin G FollerBrazil2026-10-04Chapman, Ross E Esq QUALIFIED74Asiya Javayant
1023Arvin A AmigonAustralia2026-10-25Rousseaux, Michael Esq QUALIFIED20Stephen Shaw
1024Misaki L ButtCanada2026-10-28Feltz Printing Service PROPOSAL68Asiya Javayant
1025Faith X MacleadIndia2026-10-03Dorl, James J Esq PROPOSAL93Ioni Bowcher
1026Octavia T ChuiRussia2026-10-04Dorl, James J Esq RENEWAL49Stephen Shaw
1027Johnson Q MarrierGermany2026-10-20Rangoni Of Florence PROPOSAL57Ioni Bowcher
1028Aruna O NestleArgentina2026-10-11Feltz Printing Service PROPOSAL56Stephen Shaw
1029Claire T GauchoRussia2026-10-17Morlong Associates RENEWAL67Amy Elsner
1030Tony T ChuiArgentina2026-10-22Feltz Printing Service NEW97Anna Fali
1031Arvin T FlosiBrazil2026-10-03Rousseaux, Michael Esq QUALIFIED20Ioni Bowcher
1032Stacey Z PerinItaly2026-10-14Feltz Printing Service RENEWAL45Asiya Javayant
1033Mayumi K NestleFrance2026-10-25Rousseaux, Michael Esq RENEWAL51Ivan Magalhaes
1034Kadeem Q ShinkoIndia2026-10-03Feiner Bros RENEWAL40Stephen Shaw
1035Wickens A OstroskyCanada2026-10-09Morlong Associates NEGOTIATION79Anna Fali
1036Izzy O WaycottArgentina2026-10-07Feltz Printing Service PROPOSAL72Asiya Javayant
1037David F FlosiAustralia2026-10-20Dorl, James J Esq NEW34Asiya Javayant
1038Mayumi G RoysterItaly2026-10-07Printing Dimensions QUALIFIED43Elwin Sharvill
1039Munro A NickaAustralia2026-10-10Benton, John B Jr RENEWAL42Amy Elsner
1040Ivar C AlbaresRussia2026-10-18Chapman, Ross E Esq NEGOTIATION42Ioni Bowcher
1041Julie R KuskoRussia2026-10-04Feiner Bros RENEWAL12Xuxue Feng
1042Mayumi C TollnerJapan2026-10-09Buckley Miller Wright NEW51Amy Elsner
1043Greenwood L BologniaItaly2026-10-25Truhlar And Truhlar Attys UNQUALIFIED67Bernardo Dominic
1044Greenwood G GillianIndia2026-10-15Chemel, James L Cpa UNQUALIFIED66Bernardo Dominic
1045Rodrigues T MacleadBrazil2026-10-11Commercial Press NEW9Anna Fali
1046Costa K StensethRussia2026-10-24Dorl, James J Esq UNQUALIFIED71Elwin Sharvill
1047Misaki R GarufiIndia2026-10-08Morlong Associates UNQUALIFIED63Stephen Shaw
1048Smith H RoysterFrance2026-10-01Chapman, Ross E Esq NEW88Ioni Bowcher
1049Aika T StockhamGermany2026-10-29Morlong Associates PROPOSAL11Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Emily P AmigonIndiaBernardo Dominic RENEWAL
Ashley D BologniaSpainXuxue Feng QUALIFIED
Salvatore D GillianSpainIvan Magalhaes RENEWAL
Sinclair E GlickIndiaBernardo Dominic PROPOSAL
Aika I SlusarskiCanadaAsiya Javayant NEW
Tony I MorascaFranceAmy Elsner RENEWAL
Ivar A CampainUnited KingdomElwin Sharvill UNQUALIFIED
Mayumi H RutaFranceOnyama Limba QUALIFIED
Octavia D SchemmerItalyAnna Fali NEGOTIATION
Maisha V BowleyBrazilXuxue Feng PROPOSAL
Jefferson N VenereIndiaXuxue Feng PROPOSAL
James T WieserAustraliaAnna Fali RENEWAL
Jones E GauchoJapanStephen Shaw QUALIFIED
Claire U MarrierUnited KingdomAsiya Javayant NEW
Murillo E RulapaughFranceAsiya Javayant NEGOTIATION
Clifford B CaldareraJapanOnyama Limba PROPOSAL
Wickens E PerinRussiaStephen Shaw UNQUALIFIED
Salvatore F InouyeFranceIoni Bowcher PROPOSAL
Darci A KolmetzJapanAnna Fali PROPOSAL
Antonio E ButtAustraliaXuxue Feng UNQUALIFIED
Clifford H GlickIndiaBernardo Dominic NEW
Chavez A PoquetteCanadaOnyama Limba UNQUALIFIED
Aika S WieserSpainElwin Sharvill PROPOSAL
Darci W DarakjyJapanStephen Shaw UNQUALIFIED
Izzy Z DoeAustraliaIvan Magalhaes UNQUALIFIED
Leja S DilliardRussiaStephen Shaw UNQUALIFIED
Sinclair T RulapaughGermanyAnna Fali PROPOSAL
Misaki R PaprockiFranceAmy Elsner NEW
Darci K StensethIndiaIoni Bowcher PROPOSAL
Misaki T WieserRussiaStephen Shaw QUALIFIED
Greenwood U MorascaIndiaXuxue Feng NEW
Maria Q PerinBrazilAmy Elsner NEGOTIATION
Izzy T SergiFranceOnyama Limba NEW
Jennifer G DilliardItalyXuxue Feng PROPOSAL
Octavia H BologniaAustraliaXuxue Feng NEW
Maria K RutaItalyIvan Magalhaes PROPOSAL
Aika D GillianGermanyIoni Bowcher PROPOSAL
James R FigeroaItalyOnyama Limba QUALIFIED
Costa Z StensethCanadaIoni Bowcher RENEWAL
Morrow S TollnerCanadaBernardo Dominic QUALIFIED
Murillo A MorascaAustraliaIoni Bowcher UNQUALIFIED
Faith C GarufiGermanyIvan Magalhaes QUALIFIED
Julie G NickaSpainAnna Fali PROPOSAL
Kadeem J SchemmerAustraliaStephen Shaw NEGOTIATION
Maisha W NickaCanadaElwin Sharvill RENEWAL
Morrow O WaycottItalyXuxue Feng PROPOSAL
Wickens B MarrierBrazilBernardo Dominic PROPOSAL
Ricardo H CaldareraBrazilOnyama Limba RENEWAL
Ivar R KolmetzJapanElwin Sharvill PROPOSAL
Wickens M RimSpainStephen Shaw PROPOSAL
Frozen Columns
Name
Maisha S Schemmer
Ashley K Marrier
Nicolas N Poquette
Jennifer O Chui
Aruna D Poquette
Jeanfrancois Z Dilliard
Clifford W Nestle
Ricardo H Waycott
Costa A Rim
Antonio Q Perin
Ricardo B Malet
Tony J Caudy
Silvio L Gillian
Morrow B Vocelka
Misaki Z Ruta
Octavia L Rulapaugh
Stacey Y Waycott
James Q Chui
Octavia U Slusarski
Cody F Venere
Jones R Gillian
James W Dilliard
Deepesh A Marrier
Aditya X Foller
David B Figeroa
Jennifer M Doe
Costa J Iturbide
Aditya K Dilliard
Alejandro M Oldroyd
Stacey P Caldarera
Tony G Amigon
Chavez E Marrier
Cody W Campain
Wickens E Doe
Jeanfrancois I Nestle
Isabel J Paprocki
Aruna M Rim
Costa I Rim
Jeanfrancois E Doe
Aditya Y Darakjy
Deepesh L Rulapaugh
Greenwood E Wieser
Greenwood Y Doe
Adams L Ferencz
Salvatore A Figeroa
Mayumi D Flosi
Chavez O Ferencz
Claire V Nicka
Aika H Venere
Izzy P Malet
IdCountryDate
1000Spain2026-10-23
1001Germany2026-10-10
1002Russia2026-10-04
1003Japan2026-10-17
1004France2026-10-20
1005Canada2026-10-07
1006Australia2026-10-06
1007Japan2026-10-06
1008Argentina2026-10-19
1009Italy2026-10-23
1010Canada2026-10-29
1011India2026-10-16
1012Argentina2026-10-21
1013United Kingdom2026-10-03
1014Russia2026-10-18
1015Spain2026-10-13
1016Spain2026-10-29
1017Brazil2026-10-04
1018Japan2026-10-15
1019France2026-10-01
1020Spain2026-10-29
1021Russia2026-10-29
1022Canada2026-10-17
1023Italy2026-10-25
1024United Kingdom2026-10-03
1025India2026-10-16
1026Russia2026-10-13
1027Brazil2026-10-14
1028Russia2026-10-24
1029Brazil2026-10-03
1030Spain2026-10-24
1031Japan2026-10-15
1032United Kingdom2026-10-06
1033India2026-10-10
1034Russia2026-10-04
1035United Kingdom2026-10-18
1036India2026-10-20
1037France2026-10-14
1038India2026-10-20
1039Australia2026-10-27
1040Argentina2026-10-01
1041Spain2026-10-07
1042Spain2026-10-03
1043Germany2026-10-19
1044Australia2026-10-07
1045Australia2026-10-18
1046Italy2026-10-22
1047Italy2026-10-04
1048United Kingdom2026-10-07
1049Spain2026-10-19

On-Demand Data

NameIdCountryDate
Claire Z Ruta1000Japan2026-10-03
Aika F Bolognia1001Italy2026-10-28
Antonio E Albares1002United Kingdom2026-10-29
Alejandro R Waycott1003Spain2026-10-07
Izzy I Rulapaugh1004India2026-10-05
Morrow L Perin1005Argentina2026-10-22
Costa A Poquette1006Brazil2026-10-16
Leja T Dilliard1007Italy2026-10-04
Morrow K Nicka1008France2026-10-21
Misaki T Dilliard1009India2026-10-29
Claire D Marrier1010Germany2026-10-10
Adams U Waycott1011India2026-10-28
Adams V Briddick1012Brazil2026-10-29
Darci E Tollner1013Germany2026-10-13
Clifford I Royster1014Russia2026-10-20
Adams W Marrier1015United Kingdom2026-10-21
Mayumi Z Royster1016France2026-10-12
Faith H Sergi1017Brazil2026-10-26
Mujtaba D Darakjy1018Australia2026-10-27
Jefferson H Schemmer1019Japan2026-10-04
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jones Y MacleadGermanyElwin Sharvill NEGOTIATION
Darci Y GlickCanadaOnyama Limba RENEWAL
Clifford I FerenczUnited KingdomStephen Shaw RENEWAL
Rodrigues L CaudyGermanyAnna Fali RENEWAL
Deepesh C RoysterGermanyAmy Elsner QUALIFIED
Clifford W WieserSpainElwin Sharvill RENEWAL
Leja Z ChuiIndiaAnna Fali NEGOTIATION
Rodrigues I PaprockiCanadaAnna Fali UNQUALIFIED
Antonio N CaudyCanadaElwin Sharvill NEW
Nicolas Y ShinkoAustraliaElwin Sharvill NEW
Jeanfrancois E CaudyAustraliaAsiya Javayant NEW
Claire S DarakjyUnited KingdomXuxue Feng PROPOSAL
Tony U GauchoGermanyStephen Shaw QUALIFIED
Misaki I DarakjyGermanyIoni Bowcher UNQUALIFIED
Cody D BologniaSpainStephen Shaw NEW
Jennifer J DilliardRussiaStephen Shaw QUALIFIED
Aika X MaletCanadaElwin Sharvill NEW
Leon A VenereAustraliaXuxue Feng PROPOSAL
Maisha R CaudyIndiaAnna Fali NEGOTIATION
Mayumi H MaletSpainAsiya Javayant NEW
Cody D MorascaGermanyElwin Sharvill NEW
Rodrigues R FigeroaCanadaAnna Fali NEGOTIATION
Murillo C VocelkaBrazilStephen Shaw UNQUALIFIED
Tony Y FollerIndiaBernardo Dominic NEW
Juan U RutaUnited KingdomXuxue Feng NEGOTIATION
Mayumi A ChuiAustraliaElwin Sharvill NEW
Wickens D StockhamCanadaAmy Elsner RENEWAL
Kaitlin K InouyeSpainIoni Bowcher UNQUALIFIED
Adams S MaletCanadaStephen Shaw PROPOSAL
Izzy C GlickSpainAmy Elsner RENEWAL
Ricardo J FerenczJapanAmy Elsner RENEWAL
Maria P RimItalyBernardo Dominic UNQUALIFIED
Jennifer C WaycottIndiaIvan Magalhaes QUALIFIED
Tony S SchemmerArgentinaAnna Fali PROPOSAL
Izzy K NickaRussiaStephen Shaw RENEWAL
Jeanfrancois V NestleCanadaOnyama Limba NEW
Mayumi Q InouyeRussiaXuxue Feng RENEWAL
Cody L RoysterAustraliaIvan Magalhaes PROPOSAL
Silvio P BowleyFranceAsiya Javayant NEW
Ashley D FollerRussiaOnyama Limba PROPOSAL

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