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
Octavia N RutaAustraliaAsiya Javayant QUALIFIED
Jennifer P OstroskyArgentinaElwin Sharvill NEGOTIATION
Kadeem W PaprockiAustraliaBernardo Dominic PROPOSAL
Leon H FigeroaGermanyStephen Shaw PROPOSAL
Cody C RimItalyStephen Shaw NEW
Antonio W OldroydFranceAmy Elsner QUALIFIED
James L FlosiJapanStephen Shaw UNQUALIFIED
Alejandro E KuskoBrazilXuxue Feng NEW
Izzy R RoysterFranceAsiya Javayant NEGOTIATION
Clifford B PoquetteJapanBernardo Dominic QUALIFIED
Jeanfrancois Y ChuiIndiaStephen Shaw NEW
Maisha G SergiRussiaBernardo Dominic UNQUALIFIED
Jefferson R KuskoItalyStephen Shaw NEGOTIATION
Julie X BologniaRussiaElwin Sharvill NEGOTIATION
Mayumi D MacleadArgentinaIvan Magalhaes NEGOTIATION
Ricardo L RulapaughBrazilElwin Sharvill PROPOSAL
Ricardo P PoquetteArgentinaIvan Magalhaes QUALIFIED
Jeanfrancois V KuskoRussiaBernardo Dominic NEW
Greenwood J OldroydAustraliaOnyama Limba RENEWAL
Darci X CampainCanadaBernardo Dominic NEW
Tony P DarakjyArgentinaXuxue Feng PROPOSAL
James Y RutaCanadaXuxue Feng NEGOTIATION
Darci A FollerItalyOnyama Limba NEW
Sinclair Q CampainArgentinaAsiya Javayant NEGOTIATION
Murillo O CaudyUnited KingdomIoni Bowcher NEW
Ricardo P VocelkaUnited KingdomIvan Magalhaes PROPOSAL
Leon X MaletUnited KingdomXuxue Feng QUALIFIED
Greenwood W ChuiAustraliaElwin Sharvill PROPOSAL
Mujtaba P SchemmerFranceXuxue Feng QUALIFIED
Juan O InouyeBrazilAnna Fali PROPOSAL
Rodrigues Y GillianSpainXuxue Feng UNQUALIFIED
Maria L MaletFranceStephen Shaw QUALIFIED
Julie S MaletCanadaIvan Magalhaes UNQUALIFIED
Wickens J PerinItalyElwin Sharvill NEGOTIATION
James I MorascaIndiaOnyama Limba PROPOSAL
Ashley B CaudyItalyElwin Sharvill NEGOTIATION
David Y GlickRussiaIvan Magalhaes QUALIFIED
James D GauchoArgentinaElwin Sharvill UNQUALIFIED
Claire Y MaletCanadaBernardo Dominic RENEWAL
Johnson X SergiBrazilAnna Fali PROPOSAL
Munro S AmigonRussiaAnna Fali NEW
Morrow D BriddickFranceIvan Magalhaes NEW
Octavia B WieserSpainBernardo Dominic NEGOTIATION
Kadeem S MarrierBrazilAsiya Javayant UNQUALIFIED
Mujtaba X WaycottRussiaIoni Bowcher RENEWAL
Costa W MarrierItalyStephen Shaw NEGOTIATION
Tony C BowleyArgentinaBernardo Dominic UNQUALIFIED
Salvatore J MaletIndiaBernardo Dominic UNQUALIFIED
Maria S MarrierJapanOnyama Limba NEW
Ivar V GillianJapanOnyama Limba PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Darci C AlbaresGermanyXuxue Feng NEGOTIATION
Johnson P WaycottAustraliaOnyama Limba NEGOTIATION
Morrow E BriddickUnited KingdomAsiya Javayant UNQUALIFIED
Kadeem O SchemmerBrazilOnyama Limba QUALIFIED
Munro C RutaBrazilStephen Shaw UNQUALIFIED
Silvio B CaldareraUnited KingdomAnna Fali UNQUALIFIED
Johnson Z FigeroaCanadaIoni Bowcher UNQUALIFIED
Salvatore R RoysterJapanStephen Shaw QUALIFIED
Izzy M OstroskyBrazilStephen Shaw QUALIFIED
Sinclair E RimUnited KingdomOnyama Limba NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Emily A WaycottRussia2026-09-22Chapman, Ross E Esq UNQUALIFIED19Asiya Javayant
1001Mujtaba D VocelkaIndia2026-09-15Feltz Printing Service PROPOSAL71Bernardo Dominic
1002Salvatore M NestleRussia2026-10-01Feltz Printing Service QUALIFIED41Onyama Limba
1003Mujtaba P RutaArgentina2026-09-22Dorl, James J Esq NEW66Elwin Sharvill
1004Isabel L PaprockiSpain2026-09-25Morlong Associates NEW92Anna Fali
1005Ashley P PerinArgentina2026-09-17Chanay, Jeffrey A Esq UNQUALIFIED88Xuxue Feng
1006Maisha Y TollnerAustralia2026-09-23Dorl, James J Esq QUALIFIED28Amy Elsner
1007Leon T SchemmerGermany2026-10-04Chanay, Jeffrey A Esq PROPOSAL17Xuxue Feng
1008Juan T BologniaFrance2026-09-09Benton, John B Jr UNQUALIFIED40Stephen Shaw
1009Clifford O AmigonBrazil2026-09-15Feiner Bros NEGOTIATION17Anna Fali
1010Leja A TollnerJapan2026-09-07Morlong Associates RENEWAL4Asiya Javayant
1011Sinclair X MorascaIndia2026-09-14Dorl, James J Esq NEW91Ioni Bowcher
1012Ricardo V ShinkoRussia2026-09-14Feltz Printing Service NEGOTIATION90Amy Elsner
1013David S FlosiArgentina2026-09-05Chemel, James L Cpa RENEWAL4Bernardo Dominic
1014Ashley C FigeroaJapan2026-09-15Feltz Printing Service QUALIFIED51Anna Fali
1015Jones K WieserFrance2026-10-04Chapman, Ross E Esq QUALIFIED15Bernardo Dominic
1016Julie I AlbaresItaly2026-10-03Rousseaux, Michael Esq NEW86Ioni Bowcher
1017David M NickaArgentina2026-09-27Rousseaux, Michael Esq RENEWAL63Ivan Magalhaes
1018James E SaylorsJapan2026-09-25Benton, John B Jr UNQUALIFIED99Amy Elsner
1019Aruna P GlickItaly2026-09-27Morlong Associates PROPOSAL49Onyama Limba
1020Leon G FigeroaAustralia2026-09-23Chapman, Ross E Esq QUALIFIED15Anna Fali
1021Kadeem Y TollnerBrazil2026-09-18Buckley Miller Wright NEW38Ivan Magalhaes
1022Faith C StensethIndia2026-10-03Feltz Printing Service NEW2Amy Elsner
1023Costa H WaycottJapan2026-09-12Rousseaux, Michael Esq NEW43Asiya Javayant
1024Sinclair V FerenczJapan2026-09-16Feiner Bros NEW65Anna Fali
1025Costa F AmigonAustralia2026-09-25Commercial Press QUALIFIED91Xuxue Feng
1026Nicolas F MarrierCanada2026-09-05Printing Dimensions RENEWAL63Asiya Javayant
1027Leja G RulapaughGermany2026-10-04Chanay, Jeffrey A Esq RENEWAL92Amy Elsner
1028Mayumi U BriddickBrazil2026-09-14Commercial Press NEGOTIATION93Onyama Limba
1029Julie G GarufiUnited Kingdom2026-10-03Commercial Press RENEWAL31Bernardo Dominic
1030Sinclair Y CaudyIndia2026-10-03Chemel, James L Cpa UNQUALIFIED89Bernardo Dominic
1031Leja X RutaAustralia2026-09-13Dorl, James J Esq UNQUALIFIED30Xuxue Feng
1032Clifford C StensethIndia2026-09-08Morlong Associates NEW16Xuxue Feng
1033Munro G CaudyCanada2026-09-29Commercial Press PROPOSAL27Bernardo Dominic
1034Jones J CaldareraFrance2026-09-27Commercial Press RENEWAL51Anna Fali
1035Greenwood E VocelkaJapan2026-09-30Feltz Printing Service PROPOSAL85Ivan Magalhaes
1036Leon O DarakjyCanada2026-10-04Chanay, Jeffrey A Esq UNQUALIFIED45Xuxue Feng
1037Claire K OstroskySpain2026-09-10Rangoni Of Florence RENEWAL62Bernardo Dominic
1038Deepesh E SergiAustralia2026-09-25Printing Dimensions NEW25Onyama Limba
1039Chavez P StensethItaly2026-09-23Printing Dimensions NEGOTIATION93Onyama Limba
1040Tony Q KolmetzIndia2026-09-16Morlong Associates PROPOSAL19Anna Fali
1041Morrow B PerinUnited Kingdom2026-09-07Rangoni Of Florence QUALIFIED20Onyama Limba
1042James Y ShinkoArgentina2026-09-09Chanay, Jeffrey A Esq NEGOTIATION42Asiya Javayant
1043David U SchemmerSpain2026-09-08Rousseaux, Michael Esq QUALIFIED75Ioni Bowcher
1044Aruna O BriddickBrazil2026-09-13Chanay, Jeffrey A Esq UNQUALIFIED34Asiya Javayant
1045Misaki O GarufiSpain2026-09-22Chemel, James L Cpa UNQUALIFIED58Stephen Shaw
1046Mayumi R ChuiUnited Kingdom2026-09-19Dorl, James J Esq NEGOTIATION92Ivan Magalhaes
1047Jennifer K BowleyCanada2026-09-22Chanay, Jeffrey A Esq PROPOSAL74Stephen Shaw
1048Jeanfrancois E CaudyGermany2026-09-11Chanay, Jeffrey A Esq RENEWAL59Amy Elsner
1049Jefferson A DilliardBrazil2026-10-01Chemel, James L Cpa NEW47Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Ivar F MacleadAustraliaXuxue Feng NEW
Wickens L OldroydIndiaBernardo Dominic RENEWAL
Maisha E RoysterGermanyIvan Magalhaes UNQUALIFIED
David I NickaRussiaXuxue Feng RENEWAL
Claire P KolmetzItalyOnyama Limba NEW
Costa I BriddickSpainIvan Magalhaes UNQUALIFIED
Kadeem O NestleJapanStephen Shaw QUALIFIED
Leja I StensethRussiaElwin Sharvill RENEWAL
Mayumi Q AmigonBrazilAmy Elsner NEGOTIATION
Isabel O FlosiAustraliaOnyama Limba NEW
Aika C NestleItalyAmy Elsner PROPOSAL
Claire M StensethSpainIvan Magalhaes NEW
James N SaylorsGermanyIoni Bowcher QUALIFIED
Mayumi P MaletFranceIvan Magalhaes NEW
Antonio Q AmigonArgentinaStephen Shaw RENEWAL
Stacey Q AmigonIndiaAmy Elsner UNQUALIFIED
Greenwood R SchemmerIndiaElwin Sharvill RENEWAL
Greenwood O MorascaFranceElwin Sharvill UNQUALIFIED
Murillo H MorascaIndiaOnyama Limba PROPOSAL
Alejandro K DilliardArgentinaStephen Shaw PROPOSAL
Silvio G SlusarskiAustraliaAmy Elsner NEGOTIATION
Deepesh U InouyeIndiaXuxue Feng UNQUALIFIED
Johnson O WhobreyGermanyStephen Shaw UNQUALIFIED
Tony N AlbaresJapanXuxue Feng RENEWAL
Darci X PaprockiIndiaOnyama Limba NEGOTIATION
Jeanfrancois M RulapaughItalyBernardo Dominic NEGOTIATION
Emily L SergiArgentinaOnyama Limba NEW
Claire T MorascaSpainAsiya Javayant QUALIFIED
Morrow A FlosiBrazilAsiya Javayant NEGOTIATION
Emily N KuskoFranceAsiya Javayant QUALIFIED
Clifford R MacleadSpainAsiya Javayant UNQUALIFIED
David U KolmetzJapanOnyama Limba NEW
Antonio T KuskoFranceStephen Shaw RENEWAL
Munro R PaprockiAustraliaXuxue Feng PROPOSAL
Maria F ShinkoBrazilIoni Bowcher RENEWAL
Deepesh G GarufiBrazilAnna Fali UNQUALIFIED
Mujtaba R GarufiCanadaIvan Magalhaes NEW
Arvin W GauchoIndiaBernardo Dominic RENEWAL
Aditya X OldroydJapanAmy Elsner NEW
Izzy F MorascaUnited KingdomAsiya Javayant NEW
Isabel F ShinkoBrazilXuxue Feng RENEWAL
Stacey K MaletArgentinaStephen Shaw NEGOTIATION
Izzy L RutaSpainStephen Shaw NEW
David Q FlosiIndiaIoni Bowcher QUALIFIED
Mujtaba B OldroydUnited KingdomAnna Fali PROPOSAL
Stacey Q DoeUnited KingdomAnna Fali PROPOSAL
Deepesh S RimCanadaIoni Bowcher UNQUALIFIED
Greenwood M WaycottIndiaAsiya Javayant NEW
Morrow J BriddickCanadaElwin Sharvill UNQUALIFIED
Emily W MaletBrazilAmy Elsner NEGOTIATION
Frozen Columns
Name
Ashley A Oldroyd
Maisha W Shinko
Cody Z Gillian
Emily Q Royster
Jeanfrancois U Gaucho
Cody O Wieser
Leja M Saylors
Faith N Waycott
Darci A Shinko
Wickens C Slusarski
Chavez R Royster
Costa Q Foller
Mayumi R Sergi
Juan M Waycott
Faith Q Malet
Jennifer S Briddick
Ashley T Bowley
Deepesh Q Nestle
Aruna V Caudy
Kaitlin C Shinko
Mujtaba S Waycott
Misaki U Amigon
Maisha W Shinko
Mujtaba M Kolmetz
Greenwood J Stockham
Mayumi N Poquette
Silvio Y Darakjy
Ricardo N Foller
David G Caldarera
Ashley J Flosi
Darci G Rim
Faith J Saylors
Stacey E Venere
Isabel A Venere
Silvio E Inouye
Greenwood V Malet
Kadeem N Briddick
Adams C Bowley
Octavia S Kusko
Greenwood Z Chui
Sinclair Y Inouye
Antonio J Vocelka
Leon K Kolmetz
Isabel H Campain
Juan O Stenseth
Ricardo Y Malet
Isabel Y Chui
Chavez S Sergi
Chavez W Foller
Adams R Bowley
IdCountryDate
1000Italy2026-09-28
1001Germany2026-09-05
1002Australia2026-09-13
1003Russia2026-09-21
1004India2026-09-30
1005Brazil2026-09-16
1006India2026-09-08
1007Australia2026-09-07
1008Russia2026-10-03
1009Japan2026-09-10
1010Russia2026-09-20
1011Russia2026-09-22
1012Germany2026-09-16
1013Brazil2026-09-07
1014United Kingdom2026-10-01
1015India2026-09-14
1016Argentina2026-09-13
1017France2026-09-15
1018India2026-09-10
1019Canada2026-09-08
1020Italy2026-09-25
1021United Kingdom2026-09-20
1022Argentina2026-09-16
1023Australia2026-10-04
1024India2026-09-15
1025France2026-09-13
1026Russia2026-09-29
1027Argentina2026-09-05
1028Argentina2026-09-10
1029Italy2026-10-01
1030Brazil2026-09-10
1031France2026-09-06
1032Canada2026-09-24
1033Spain2026-09-19
1034India2026-09-15
1035Brazil2026-10-04
1036United Kingdom2026-09-06
1037India2026-09-11
1038Argentina2026-09-25
1039Australia2026-09-22
1040Brazil2026-09-14
1041Brazil2026-10-03
1042Canada2026-09-29
1043Australia2026-09-13
1044United Kingdom2026-09-19
1045Germany2026-09-20
1046Brazil2026-09-17
1047United Kingdom2026-09-27
1048Australia2026-09-09
1049Australia2026-09-27

On-Demand Data

NameIdCountryDate
Sinclair K Foller1000United Kingdom2026-09-08
Maria K Amigon1001Australia2026-10-04
Kadeem A Malet1002Germany2026-09-22
Misaki U Darakjy1003United Kingdom2026-09-06
Silvio I Dilliard1004Russia2026-09-26
Darci E Vocelka1005Russia2026-09-08
Aditya V Royster1006India2026-09-22
Kadeem S Whobrey1007Canada2026-09-29
Jones H Amigon1008United Kingdom2026-09-24
Nicolas M Kolmetz1009Italy2026-10-01
Wickens E Ruta1010Canada2026-09-26
Faith V Nicka1011Japan2026-09-11
Jones O Gillian1012Australia2026-09-28
Munro H Ostrosky1013United Kingdom2026-09-27
Chavez X Caldarera1014Germany2026-09-16
Leja C Briddick1015Brazil2026-09-22
David B Morasca1016Argentina2026-09-24
Nicolas V Bolognia1017Spain2026-09-10
Mayumi G Amigon1018Italy2026-09-25
David C Schemmer1019Spain2026-09-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Costa R BowleyRussiaAmy Elsner NEGOTIATION
Francesco J VocelkaArgentinaAmy Elsner UNQUALIFIED
Leja V KuskoGermanyIoni Bowcher UNQUALIFIED
Antonio M BologniaArgentinaXuxue Feng RENEWAL
Salvatore D WieserSpainElwin Sharvill UNQUALIFIED
Julie I FlosiBrazilOnyama Limba NEW
Misaki V RimArgentinaIoni Bowcher PROPOSAL
Morrow R MarrierBrazilElwin Sharvill NEW
Stacey L FlosiIndiaIoni Bowcher NEW
Wickens S NestleGermanyOnyama Limba NEW
Sinclair A FerenczRussiaElwin Sharvill RENEWAL
Smith N PoquetteRussiaAnna Fali NEW
Julie H SchemmerRussiaAsiya Javayant QUALIFIED
Isabel Z VenereJapanAsiya Javayant QUALIFIED
Aruna O RoysterAustraliaXuxue Feng NEGOTIATION
Isabel I BologniaJapanElwin Sharvill PROPOSAL
Alejandro Y GillianUnited KingdomAsiya Javayant QUALIFIED
Jeanfrancois O NickaBrazilElwin Sharvill UNQUALIFIED
Julie J SergiJapanOnyama Limba PROPOSAL
Aditya G GillianIndiaOnyama Limba QUALIFIED
Salvatore R NestleGermanyOnyama Limba QUALIFIED
Costa H TollnerGermanyElwin Sharvill UNQUALIFIED
Silvio L RutaIndiaOnyama Limba NEW
Maisha P GauchoBrazilElwin Sharvill UNQUALIFIED
Deepesh P GauchoBrazilIoni Bowcher NEW
David C AlbaresFranceIvan Magalhaes PROPOSAL
Isabel P WieserBrazilAsiya Javayant PROPOSAL
Ashley K MaletFranceIvan Magalhaes NEW
Julie Z ShinkoIndiaBernardo Dominic PROPOSAL
Faith Q ShinkoJapanAmy Elsner PROPOSAL
Stacey H StockhamBrazilOnyama Limba NEW
Izzy U IturbideIndiaBernardo Dominic QUALIFIED
Aditya G MarrierUnited KingdomStephen Shaw UNQUALIFIED
Ivar O RoysterBrazilAsiya Javayant RENEWAL
Stacey G ButtJapanAsiya Javayant NEW
Arvin X SaylorsRussiaXuxue Feng NEW
Smith V PoquetteJapanStephen Shaw UNQUALIFIED
Cody U AmigonItalyStephen Shaw PROPOSAL
Kadeem P VenereUnited KingdomXuxue Feng UNQUALIFIED
Jefferson F MarrierJapanStephen Shaw 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>