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
Kaitlin B NestleIndiaXuxue Feng QUALIFIED
Aditya I OstroskyFranceElwin Sharvill RENEWAL
Izzy Y VocelkaUnited KingdomIvan Magalhaes NEW
Ivar Z BowleyFranceAmy Elsner PROPOSAL
Julie K BowleyIndiaOnyama Limba NEW
Mujtaba X VocelkaAustraliaOnyama Limba UNQUALIFIED
Jefferson B NickaCanadaAsiya Javayant UNQUALIFIED
Silvio A BologniaGermanyBernardo Dominic UNQUALIFIED
Antonio H FigeroaItalyXuxue Feng NEGOTIATION
Aruna Y CaldareraArgentinaAnna Fali RENEWAL
Smith D DilliardArgentinaStephen Shaw UNQUALIFIED
Darci E IturbideAustraliaBernardo Dominic UNQUALIFIED
Julie T GillianSpainXuxue Feng QUALIFIED
Nicolas G BowleyBrazilIoni Bowcher RENEWAL
Stacey Y FlosiItalyStephen Shaw PROPOSAL
Kadeem Z KolmetzCanadaAsiya Javayant NEW
Cody J CaldareraArgentinaAnna Fali QUALIFIED
Faith I FigeroaUnited KingdomStephen Shaw RENEWAL
Juan L MorascaArgentinaXuxue Feng NEGOTIATION
Costa O RulapaughAustraliaIvan Magalhaes NEW
Francesco V MaletGermanyAmy Elsner RENEWAL
Jefferson N InouyeRussiaBernardo Dominic NEW
Stacey K PerinAustraliaAmy Elsner QUALIFIED
Juan H IturbideCanadaAmy Elsner PROPOSAL
Kadeem Y AmigonUnited KingdomXuxue Feng PROPOSAL
Cody R BriddickBrazilIoni Bowcher PROPOSAL
Alejandro E InouyeIndiaAsiya Javayant UNQUALIFIED
Darci R PoquetteItalyIvan Magalhaes NEGOTIATION
Aruna K DarakjyBrazilOnyama Limba UNQUALIFIED
Francesco U MorascaAustraliaAmy Elsner NEGOTIATION
Murillo G SergiSpainStephen Shaw PROPOSAL
Maria J MarrierFranceElwin Sharvill RENEWAL
Ricardo U FigeroaUnited KingdomAsiya Javayant PROPOSAL
Murillo U WieserSpainXuxue Feng UNQUALIFIED
Maisha S RimFranceElwin Sharvill RENEWAL
Rodrigues D SlusarskiIndiaElwin Sharvill NEW
Kadeem O BriddickGermanyBernardo Dominic PROPOSAL
Maria C StockhamCanadaElwin Sharvill NEW
Greenwood M KuskoItalyBernardo Dominic NEGOTIATION
Tony Z GillianUnited KingdomIoni Bowcher PROPOSAL
Chavez K MacleadItalyOnyama Limba RENEWAL
Kaitlin K OldroydAustraliaStephen Shaw NEW
David R OstroskyIndiaElwin Sharvill NEGOTIATION
Francesco F OstroskyAustraliaIvan Magalhaes NEGOTIATION
Johnson U PerinSpainAnna Fali QUALIFIED
David Y KuskoRussiaBernardo Dominic NEW
Juan D CampainSpainAsiya Javayant RENEWAL
Emily K PerinUnited KingdomElwin Sharvill NEGOTIATION
Greenwood Z VocelkaRussiaOnyama Limba PROPOSAL
Octavia V PaprockiItalyOnyama Limba NEW
Horizontal
NameCountryRepresentativeStatus
Alejandro S NestleSpainBernardo Dominic QUALIFIED
Antonio N MarrierJapanAmy Elsner QUALIFIED
Nicolas Y VenereBrazilIoni Bowcher UNQUALIFIED
Francesco Q InouyeJapanStephen Shaw PROPOSAL
Leja I FollerAustraliaOnyama Limba NEW
Ricardo Y RimAustraliaXuxue Feng NEGOTIATION
Morrow J DarakjyBrazilAnna Fali RENEWAL
Aruna B StockhamBrazilOnyama Limba QUALIFIED
Kadeem K MacleadGermanyAmy Elsner NEW
Aika A ShinkoArgentinaAmy Elsner RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Silvio O MorascaRussia2026-09-06Truhlar And Truhlar Attys NEGOTIATION9Ioni Bowcher
1001Jeanfrancois E DilliardArgentina2026-09-20Rousseaux, Michael Esq RENEWAL31Bernardo Dominic
1002Clifford F MacleadUnited Kingdom2026-09-25Dorl, James J Esq NEW2Onyama Limba
1003Deepesh R OldroydArgentina2026-09-27Rousseaux, Michael Esq QUALIFIED7Ioni Bowcher
1004Julie V DarakjyUnited Kingdom2026-09-10Rousseaux, Michael Esq PROPOSAL59Bernardo Dominic
1005Jeanfrancois A WieserItaly2026-09-27King, Christopher A Esq NEGOTIATION67Asiya Javayant
1006Clifford Y GarufiJapan2026-09-25Dorl, James J Esq PROPOSAL47Anna Fali
1007Isabel L CampainCanada2026-09-11Morlong Associates UNQUALIFIED46Stephen Shaw
1008Deepesh B MorascaFrance2026-09-06Benton, John B Jr NEGOTIATION20Stephen Shaw
1009Chavez S MaletSpain2026-09-11Chapman, Ross E Esq RENEWAL74Bernardo Dominic
1010Murillo Y WaycottBrazil2026-09-29Commercial Press NEW59Asiya Javayant
1011Leja Q BriddickFrance2026-09-06Dorl, James J Esq QUALIFIED16Bernardo Dominic
1012Jeanfrancois P DilliardAustralia2026-09-10Chemel, James L Cpa QUALIFIED19Asiya Javayant
1013Isabel O TollnerArgentina2026-09-17Chanay, Jeffrey A Esq UNQUALIFIED93Elwin Sharvill
1014Deepesh J FerenczUnited Kingdom2026-09-20Buckley Miller Wright RENEWAL91Amy Elsner
1015Mayumi W OstroskyBrazil2026-09-30Buckley Miller Wright NEGOTIATION41Anna Fali
1016Kaitlin N MaletFrance2026-09-04Rangoni Of Florence UNQUALIFIED53Xuxue Feng
1017Cody G GillianBrazil2026-09-05Feiner Bros RENEWAL9Bernardo Dominic
1018Isabel Y MaletUnited Kingdom2026-09-07Morlong Associates NEGOTIATION4Anna Fali
1019Rodrigues I ShinkoGermany2026-09-06Commercial Press NEW97Amy Elsner
1020Greenwood A WieserFrance2026-09-30Chapman, Ross E Esq NEGOTIATION11Ivan Magalhaes
1021Misaki I TollnerIndia2026-09-09Rousseaux, Michael Esq NEGOTIATION51Amy Elsner
1022Claire L StockhamCanada2026-09-29Feltz Printing Service PROPOSAL48Amy Elsner
1023Jennifer Q NickaUnited Kingdom2026-09-28Commercial Press NEW88Onyama Limba
1024Faith H RimArgentina2026-09-09Printing Dimensions NEW46Ioni Bowcher
1025Octavia U KolmetzUnited Kingdom2026-09-30Benton, John B Jr PROPOSAL98Xuxue Feng
1026Costa P VocelkaSpain2026-09-08Benton, John B Jr QUALIFIED2Asiya Javayant
1027Izzy N IturbideFrance2026-09-19Chanay, Jeffrey A Esq NEW40Ivan Magalhaes
1028Ivar S StensethCanada2026-09-06Printing Dimensions PROPOSAL66Bernardo Dominic
1029Chavez V PaprockiItaly2026-09-03Dorl, James J Esq NEW42Ioni Bowcher
1030David Y NestleAustralia2026-09-28Rousseaux, Michael Esq QUALIFIED95Anna Fali
1031Jefferson C SaylorsJapan2026-09-04Buckley Miller Wright UNQUALIFIED61Elwin Sharvill
1032Maisha J VocelkaSpain2026-09-06Feiner Bros PROPOSAL27Bernardo Dominic
1033Jeanfrancois G StockhamGermany2026-09-02Rangoni Of Florence PROPOSAL81Stephen Shaw
1034Jennifer S RoysterRussia2026-09-19Dorl, James J Esq NEW41Anna Fali
1035Aruna E RutaGermany2026-09-27Feltz Printing Service NEW91Elwin Sharvill
1036Deepesh O InouyeFrance2026-09-17Morlong Associates PROPOSAL25Onyama Limba
1037Costa I DoeIndia2026-09-07Feltz Printing Service NEW11Bernardo Dominic
1038Wickens Q PaprockiAustralia2026-09-05Chemel, James L Cpa NEGOTIATION55Ivan Magalhaes
1039Leja Y CampainRussia2026-09-25Buckley Miller Wright NEGOTIATION49Amy Elsner
1040Jefferson J WhobreyIndia2026-09-27Rousseaux, Michael Esq RENEWAL76Ivan Magalhaes
1041Clifford W MacleadGermany2026-09-06Truhlar And Truhlar Attys PROPOSAL88Ivan Magalhaes
1042Ashley H IturbideFrance2026-09-29Benton, John B Jr PROPOSAL98Elwin Sharvill
1043Aditya R SaylorsCanada2026-09-17Benton, John B Jr NEGOTIATION1Ivan Magalhaes
1044Murillo Z SergiItaly2026-09-13Commercial Press UNQUALIFIED9Elwin Sharvill
1045Cody L FigeroaCanada2026-09-02Rousseaux, Michael Esq PROPOSAL83Amy Elsner
1046Jennifer F WhobreyUnited Kingdom2026-09-21Printing Dimensions UNQUALIFIED5Anna Fali
1047Ashley J StensethBrazil2026-09-12Morlong Associates PROPOSAL74Onyama Limba
1048Antonio I RulapaughJapan2026-09-14Printing Dimensions NEGOTIATION30Elwin Sharvill
1049Ricardo S BriddickBrazil2026-09-06King, Christopher A Esq NEGOTIATION27Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Francesco F StockhamUnited KingdomStephen Shaw RENEWAL
Morrow O PerinSpainAsiya Javayant QUALIFIED
Isabel S CaudyJapanIvan Magalhaes RENEWAL
Sinclair A AlbaresJapanElwin Sharvill PROPOSAL
Octavia Q AmigonIndiaOnyama Limba PROPOSAL
Ivar E BowleyGermanyAnna Fali RENEWAL
Juan Z BriddickJapanStephen Shaw NEW
Munro A OstroskyArgentinaStephen Shaw NEW
Emily Z NestleCanadaAsiya Javayant QUALIFIED
Misaki S FollerSpainStephen Shaw QUALIFIED
Leja B RutaRussiaXuxue Feng PROPOSAL
Stacey X FollerJapanIoni Bowcher NEGOTIATION
Kadeem L KolmetzUnited KingdomAnna Fali PROPOSAL
Stacey V KolmetzArgentinaIvan Magalhaes UNQUALIFIED
Leja F FollerArgentinaAmy Elsner NEGOTIATION
Costa V GarufiCanadaElwin Sharvill NEGOTIATION
Greenwood O KolmetzCanadaAmy Elsner QUALIFIED
Greenwood F OstroskyBrazilAmy Elsner PROPOSAL
Jones E FlosiBrazilElwin Sharvill RENEWAL
Maisha K BowleyFranceOnyama Limba PROPOSAL
Clifford L GlickUnited KingdomAsiya Javayant UNQUALIFIED
Jefferson E NestleBrazilAsiya Javayant QUALIFIED
Cody K TollnerItalyIvan Magalhaes QUALIFIED
Cody Y SergiArgentinaXuxue Feng NEW
Faith K WieserGermanyXuxue Feng PROPOSAL
Smith B DilliardCanadaAnna Fali RENEWAL
Izzy G ButtUnited KingdomElwin Sharvill NEGOTIATION
Jennifer J MarrierSpainAnna Fali RENEWAL
Nicolas I BowleyRussiaElwin Sharvill NEW
Ashley V GauchoCanadaXuxue Feng RENEWAL
Chavez U MorascaJapanAnna Fali NEGOTIATION
Aruna J IturbideAustraliaStephen Shaw PROPOSAL
Aruna B MacleadIndiaIvan Magalhaes UNQUALIFIED
Wickens E KolmetzItalyXuxue Feng NEW
Leja V WhobreyCanadaXuxue Feng UNQUALIFIED
Stacey R IturbideJapanStephen Shaw RENEWAL
Jefferson O FollerSpainStephen Shaw RENEWAL
Kadeem J SaylorsIndiaIoni Bowcher RENEWAL
Wickens F DilliardItalyStephen Shaw NEW
Johnson Z PoquetteSpainStephen Shaw NEW
Silvio C InouyeAustraliaIoni Bowcher NEGOTIATION
Adams E FigeroaJapanAnna Fali QUALIFIED
Faith V RulapaughIndiaIoni Bowcher NEGOTIATION
Deepesh V WaycottArgentinaAsiya Javayant NEW
Francesco V VocelkaCanadaBernardo Dominic UNQUALIFIED
Murillo E FlosiFranceXuxue Feng UNQUALIFIED
Greenwood F StockhamArgentinaIoni Bowcher PROPOSAL
Jeanfrancois P DoeArgentinaAmy Elsner NEW
Maisha S FerenczSpainAmy Elsner NEGOTIATION
Faith G ChuiIndiaIvan Magalhaes NEGOTIATION
Frozen Columns
Name
Mayumi G Flosi
Mujtaba F Inouye
Greenwood S Gaucho
Leon B Caudy
Silvio W Malet
Silvio U Poquette
Morrow Z Ostrosky
Francesco E Dilliard
Johnson L Stenseth
Johnson P Darakjy
Alejandro A Ruta
Izzy K Ferencz
Francesco W Campain
Faith A Marrier
Sinclair P Rulapaugh
Darci E Dilliard
Ivar E Glick
Francesco C Schemmer
Aika L Dilliard
Jones W Dilliard
Morrow H Ostrosky
Adams D Paprocki
Misaki O Nestle
Claire J Albares
Ashley G Malet
Munro S Chui
Jefferson J Oldroyd
Jefferson R Paprocki
Izzy J Tollner
Cody K Schemmer
Claire P Sergi
Misaki O Malet
Leon H Morasca
Tony W Stockham
Johnson D Chui
Rodrigues X Rim
Ivar O Dilliard
Mujtaba P Ferencz
Murillo B Nicka
Juan S Slusarski
Julie Q Butt
Jefferson K Malet
Leon G Caldarera
Silvio G Nicka
Salvatore P Inouye
Darci J Iturbide
Jennifer G Schemmer
Sinclair K Stenseth
Morrow V Amigon
Munro H Venere
IdCountryDate
1000Argentina2026-09-25
1001United Kingdom2026-09-14
1002Russia2026-09-14
1003India2026-09-03
1004India2026-09-27
1005Argentina2026-09-09
1006Italy2026-09-23
1007Italy2026-09-28
1008Brazil2026-09-01
1009Japan2026-09-20
1010Canada2026-09-12
1011France2026-09-20
1012India2026-09-28
1013France2026-09-01
1014Australia2026-09-04
1015United Kingdom2026-09-27
1016Germany2026-09-22
1017United Kingdom2026-09-28
1018India2026-09-08
1019India2026-09-28
1020Germany2026-09-16
1021France2026-09-05
1022Australia2026-09-09
1023Germany2026-09-30
1024Spain2026-09-22
1025India2026-09-20
1026India2026-09-03
1027Argentina2026-09-26
1028India2026-09-06
1029United Kingdom2026-09-11
1030Australia2026-09-30
1031France2026-09-03
1032Germany2026-09-13
1033Brazil2026-09-23
1034Russia2026-09-18
1035Brazil2026-09-09
1036Brazil2026-09-01
1037Spain2026-09-20
1038Italy2026-09-02
1039Russia2026-09-23
1040India2026-09-30
1041Argentina2026-09-20
1042Brazil2026-09-08
1043Japan2026-09-04
1044Australia2026-09-25
1045India2026-09-12
1046Argentina2026-09-06
1047France2026-09-28
1048Argentina2026-09-11
1049United Kingdom2026-09-30

On-Demand Data

NameIdCountryDate
Julie A Waycott1000Italy2026-09-21
Salvatore H Ruta1001Russia2026-09-21
Maria M Nicka1002Japan2026-09-02
Aika G Flosi1003Japan2026-09-12
Mayumi X Bolognia1004Australia2026-09-24
Mayumi N Campain1005Brazil2026-09-25
Cody Z Iturbide1006France2026-09-05
Clifford C Wieser1007Australia2026-09-06
Leon K Bolognia1008France2026-09-28
Clifford C Gillian1009Spain2026-09-30
Jones W Marrier1010United Kingdom2026-09-18
Clifford F Venere1011United Kingdom2026-09-06
Clifford N Ostrosky1012Italy2026-09-16
Maisha W Ferencz1013France2026-09-05
Isabel W Chui1014France2026-09-16
Chavez A Campain1015Brazil2026-09-23
Clifford T Stenseth1016Brazil2026-09-04
Aika I Bowley1017Italy2026-09-08
Francesco C Inouye1018India2026-09-04
Julie S Iturbide1019Japan2026-09-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Morrow C RutaGermanyElwin Sharvill NEGOTIATION
Stacey I WhobreyFranceAmy Elsner NEGOTIATION
Isabel W WaycottGermanyIvan Magalhaes QUALIFIED
Murillo N PoquetteJapanAsiya Javayant RENEWAL
Smith T SlusarskiIndiaAmy Elsner NEW
Stacey E FerenczRussiaAmy Elsner RENEWAL
Jefferson U KolmetzUnited KingdomXuxue Feng PROPOSAL
Rodrigues W NickaAustraliaAsiya Javayant RENEWAL
Claire J GarufiCanadaElwin Sharvill PROPOSAL
Mayumi C FigeroaUnited KingdomIvan Magalhaes NEGOTIATION
Ivar C FigeroaCanadaAmy Elsner QUALIFIED
Arvin E MaletRussiaAmy Elsner UNQUALIFIED
Jennifer F WieserIndiaIoni Bowcher QUALIFIED
James D SergiArgentinaIoni Bowcher NEGOTIATION
Juan W StensethGermanyBernardo Dominic NEW
Ivar A GauchoCanadaAmy Elsner RENEWAL
Misaki N StockhamGermanyElwin Sharvill NEGOTIATION
Alejandro I ChuiSpainIvan Magalhaes UNQUALIFIED
Maria F MaletUnited KingdomAnna Fali NEGOTIATION
Johnson J CaldareraFranceIvan Magalhaes RENEWAL
Ashley Y BowleyArgentinaAmy Elsner RENEWAL
Jones F DilliardArgentinaAnna Fali NEGOTIATION
Kaitlin U AlbaresUnited KingdomIvan Magalhaes RENEWAL
Aditya Y ChuiUnited KingdomOnyama Limba NEGOTIATION
Leja Y GillianAustraliaBernardo Dominic NEGOTIATION
Munro D GlickCanadaXuxue Feng NEGOTIATION
Emily L PoquetteItalyStephen Shaw NEW
Munro G CaldareraCanadaIvan Magalhaes PROPOSAL
Claire W MorascaIndiaIoni Bowcher PROPOSAL
Salvatore Y PoquetteUnited KingdomIoni Bowcher NEGOTIATION
Chavez G FollerIndiaAmy Elsner PROPOSAL
Francesco U FerenczSpainBernardo Dominic RENEWAL
Juan Z ButtSpainBernardo Dominic RENEWAL
Ricardo H SaylorsBrazilAmy Elsner QUALIFIED
Maria U VenereFranceElwin Sharvill NEW
Mayumi L FigeroaUnited KingdomAsiya Javayant NEGOTIATION
Murillo T FollerItalyIvan Magalhaes RENEWAL
Jeanfrancois I GillianRussiaBernardo Dominic UNQUALIFIED
Izzy G ChuiRussiaIoni Bowcher UNQUALIFIED
Wickens U GlickIndiaAnna Fali RENEWAL

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