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

Input Style

Themes

PrimeOne
Saga Saga
Vela Vela
Arya Arya
Bootstrap
bootstrap4-blue-light Bootstrap Blue
bootstrap4-purple-light Bootstrap Purple
bootstrap4-blue-dark Bootstrap Blue
bootstrap4-purple-dark Bootstrap Purple
Material Design
material-indigo-light Indigo
material-deeppurple-light' Deep Purple
material-indigo-dark Indigo
material-deeppurple-dark' Deep Purple
Material Design Compact
material-indigo-light Indigo
material-deeppurple-light' Deep Purple
material-indigo-dark Indigo
material-deeppurple-dark' Deep Purple

DataTable Scroll

Both vertical and horizontal scrolling of the data is supported with optional frozen rows-columns and on-demand loading features.

Vertical
NameCountryRepresentativeStatus
Johnson Y FerenczArgentinaIoni Bowcher RENEWAL
Mayumi D StockhamUnited KingdomIvan Magalhaes NEW
Kadeem G OldroydFranceAnna Fali PROPOSAL
Aika Y DoeBrazilBernardo Dominic NEGOTIATION
Alejandro Y PerinSpainIvan Magalhaes PROPOSAL
David W PaprockiBrazilIoni Bowcher RENEWAL
Alejandro Q BologniaGermanyIvan Magalhaes NEW
Mayumi X CaudyIndiaXuxue Feng RENEWAL
Smith O DilliardArgentinaBernardo Dominic UNQUALIFIED
Chavez O DilliardItalyAmy Elsner NEGOTIATION
Johnson J ChuiBrazilXuxue Feng NEGOTIATION
Munro T KolmetzAustraliaElwin Sharvill RENEWAL
Silvio Q ShinkoFranceBernardo Dominic RENEWAL
Mayumi T PoquetteItalyOnyama Limba NEW
Costa U NickaFranceXuxue Feng PROPOSAL
Darci J TollnerJapanAmy Elsner RENEWAL
Leon W SchemmerGermanyXuxue Feng UNQUALIFIED
Morrow W SaylorsArgentinaElwin Sharvill NEW
Jeanfrancois Z OldroydCanadaStephen Shaw PROPOSAL
Adams P DarakjyUnited KingdomAmy Elsner PROPOSAL
Rodrigues E ChuiJapanIvan Magalhaes PROPOSAL
Antonio O NestleCanadaAsiya Javayant RENEWAL
Faith E PaprockiCanadaBernardo Dominic RENEWAL
Jefferson E StensethIndiaIvan Magalhaes UNQUALIFIED
Rodrigues B StockhamRussiaIvan Magalhaes UNQUALIFIED
Kadeem V BologniaCanadaAmy Elsner PROPOSAL
Claire Q PaprockiRussiaXuxue Feng QUALIFIED
Stacey X RulapaughBrazilOnyama Limba QUALIFIED
Costa M RoysterAustraliaBernardo Dominic PROPOSAL
Tony L IturbideItalyAmy Elsner PROPOSAL
Octavia N PaprockiRussiaStephen Shaw RENEWAL
Murillo W WhobreyAustraliaAsiya Javayant QUALIFIED
Adams X GlickIndiaAsiya Javayant NEW
Deepesh Z IturbideItalyXuxue Feng RENEWAL
Darci H BologniaArgentinaAnna Fali PROPOSAL
Octavia T FigeroaGermanyOnyama Limba NEGOTIATION
Smith P KolmetzCanadaXuxue Feng UNQUALIFIED
Faith S StockhamRussiaOnyama Limba RENEWAL
Clifford X SergiItalyOnyama Limba RENEWAL
Darci W VenereIndiaOnyama Limba RENEWAL
Silvio P SlusarskiSpainOnyama Limba NEGOTIATION
Julie S RoysterFranceAsiya Javayant NEW
Octavia R NestleCanadaIoni Bowcher NEGOTIATION
Francesco R AlbaresRussiaAsiya Javayant RENEWAL
Izzy L PaprockiFranceBernardo Dominic QUALIFIED
Alejandro X MorascaRussiaAmy Elsner QUALIFIED
Johnson P DilliardItalyXuxue Feng RENEWAL
Jeanfrancois K RimAustraliaElwin Sharvill NEGOTIATION
Morrow Z FollerCanadaAmy Elsner QUALIFIED
Darci H GlickBrazilIvan Magalhaes NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Murillo V GauchoJapanStephen Shaw UNQUALIFIED
Leja M GlickArgentinaXuxue Feng PROPOSAL
Leon W MorascaRussiaElwin Sharvill UNQUALIFIED
Chavez P GlickBrazilStephen Shaw NEGOTIATION
Tony M FollerArgentinaStephen Shaw PROPOSAL
Claire H ShinkoJapanElwin Sharvill QUALIFIED
Kadeem B SchemmerFranceOnyama Limba RENEWAL
Aruna G TollnerGermanyStephen Shaw NEGOTIATION
Munro I VenereUnited KingdomStephen Shaw NEGOTIATION
Murillo X WaycottSpainAsiya Javayant PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Greenwood C PerinItaly2026-05-22Buckley Miller Wright PROPOSAL73Asiya Javayant
1001Francesco J KuskoCanada2026-05-30Rousseaux, Michael Esq UNQUALIFIED87Elwin Sharvill
1002Kaitlin K PaprockiGermany2026-05-10Benton, John B Jr QUALIFIED66Ivan Magalhaes
1003David H PoquetteIndia2026-05-21King, Christopher A Esq QUALIFIED29Onyama Limba
1004Mayumi P VocelkaFrance2026-05-24Feltz Printing Service QUALIFIED8Asiya Javayant
1005Darci Z VenereGermany2026-05-03Rangoni Of Florence RENEWAL5Bernardo Dominic
1006Emily E NickaCanada2026-05-21Morlong Associates UNQUALIFIED82Xuxue Feng
1007Jeanfrancois R VocelkaSpain2026-05-22Chanay, Jeffrey A Esq PROPOSAL28Ioni Bowcher
1008Chavez J DarakjyBrazil2026-05-03Feltz Printing Service NEGOTIATION14Asiya Javayant
1009Octavia K MaletUnited Kingdom2026-05-19Morlong Associates NEW38Xuxue Feng
1010Maisha U MarrierFrance2026-05-07Truhlar And Truhlar Attys RENEWAL28Amy Elsner
1011Nicolas X WieserRussia2026-05-29Truhlar And Truhlar Attys QUALIFIED77Ioni Bowcher
1012Julie S BowleyGermany2026-05-15Printing Dimensions RENEWAL31Anna Fali
1013Johnson M PerinSpain2026-05-07Benton, John B Jr NEGOTIATION13Xuxue Feng
1014Francesco E GlickArgentina2026-05-02Feltz Printing Service PROPOSAL70Asiya Javayant
1015Jones B ButtItaly2026-05-23Printing Dimensions QUALIFIED87Ivan Magalhaes
1016Adams D GarufiArgentina2026-05-20Feiner Bros RENEWAL82Elwin Sharvill
1017Izzy N BologniaJapan2026-05-22Chapman, Ross E Esq QUALIFIED0Amy Elsner
1018Leja Q WieserRussia2026-05-25Chapman, Ross E Esq RENEWAL87Elwin Sharvill
1019Salvatore H BowleySpain2026-05-04Feiner Bros RENEWAL1Ivan Magalhaes
1020Deepesh G FigeroaBrazil2026-05-14Feiner Bros QUALIFIED49Asiya Javayant
1021Mayumi H ButtSpain2026-05-09Chanay, Jeffrey A Esq QUALIFIED52Xuxue Feng
1022Antonio H VenereFrance2026-05-07Rangoni Of Florence UNQUALIFIED88Ivan Magalhaes
1023Salvatore I NickaArgentina2026-05-06Commercial Press UNQUALIFIED72Onyama Limba
1024Isabel T DarakjyBrazil2026-05-05Rousseaux, Michael Esq UNQUALIFIED65Xuxue Feng
1025Munro X DoeArgentina2026-05-02Feltz Printing Service UNQUALIFIED83Xuxue Feng
1026Kaitlin H ShinkoItaly2026-05-04Truhlar And Truhlar Attys NEW83Ivan Magalhaes
1027Ivar N StockhamAustralia2026-05-18Chemel, James L Cpa NEW40Ivan Magalhaes
1028Misaki R AmigonSpain2026-05-04Commercial Press UNQUALIFIED60Onyama Limba
1029Alejandro P GauchoArgentina2026-05-26Feiner Bros QUALIFIED76Ivan Magalhaes
1030Aruna H InouyeRussia2026-05-21Buckley Miller Wright UNQUALIFIED9Anna Fali
1031Mujtaba V WhobreyUnited Kingdom2026-05-14Rangoni Of Florence NEW14Asiya Javayant
1032Costa D VocelkaBrazil2026-05-19Morlong Associates RENEWAL35Onyama Limba
1033Jeanfrancois L SlusarskiRussia2026-05-02Buckley Miller Wright RENEWAL21Ioni Bowcher
1034Aruna Z MaletJapan2026-05-08Chemel, James L Cpa NEW95Stephen Shaw
1035Ricardo H CaldareraGermany2026-05-13Benton, John B Jr NEW43Ioni Bowcher
1036Smith C PerinBrazil2026-05-14Dorl, James J Esq RENEWAL53Elwin Sharvill
1037Mujtaba S SergiArgentina2026-05-14Rangoni Of Florence UNQUALIFIED10Elwin Sharvill
1038Murillo H IturbideRussia2026-05-27Buckley Miller Wright UNQUALIFIED56Elwin Sharvill
1039Izzy W WhobreyCanada2026-05-10Buckley Miller Wright RENEWAL37Bernardo Dominic
1040Stacey N GauchoRussia2026-05-01Buckley Miller Wright UNQUALIFIED19Elwin Sharvill
1041Cody W SchemmerGermany2026-05-24Benton, John B Jr RENEWAL41Stephen Shaw
1042Arvin W MorascaUnited Kingdom2026-05-03Dorl, James J Esq NEGOTIATION9Onyama Limba
1043Mayumi C ChuiSpain2026-05-22Commercial Press NEGOTIATION60Xuxue Feng
1044Aika B AlbaresSpain2026-05-29Printing Dimensions PROPOSAL20Bernardo Dominic
1045Izzy G RutaUnited Kingdom2026-05-01Printing Dimensions QUALIFIED78Onyama Limba
1046Costa X MacleadCanada2026-05-29Rousseaux, Michael Esq NEW46Xuxue Feng
1047Greenwood O RoysterUnited Kingdom2026-05-26Printing Dimensions PROPOSAL3Ivan Magalhaes
1048Wickens L MarrierRussia2026-05-08Rousseaux, Michael Esq PROPOSAL58Elwin Sharvill
1049Maria M PerinSpain2026-05-12Rousseaux, Michael Esq NEGOTIATION53Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Misaki R IturbideAustraliaElwin Sharvill QUALIFIED
Misaki Z RimCanadaAsiya Javayant QUALIFIED
Julie E MaletFranceIoni Bowcher UNQUALIFIED
Kaitlin P TollnerIndiaStephen Shaw QUALIFIED
Claire I BriddickItalyAsiya Javayant QUALIFIED
Ashley D FlosiUnited KingdomAnna Fali QUALIFIED
David W ChuiBrazilXuxue Feng QUALIFIED
Mujtaba X BriddickGermanyIvan Magalhaes NEW
Ashley Q WhobreyUnited KingdomOnyama Limba QUALIFIED
Sinclair F SlusarskiItalyIoni Bowcher RENEWAL
Adams F GarufiCanadaElwin Sharvill NEW
Misaki F GauchoJapanIvan Magalhaes PROPOSAL
Ivar L RutaJapanOnyama Limba NEW
Salvatore R KolmetzSpainOnyama Limba PROPOSAL
Emily H MorascaSpainOnyama Limba PROPOSAL
Misaki I MorascaFranceAmy Elsner UNQUALIFIED
David S AmigonCanadaElwin Sharvill NEGOTIATION
James M BriddickCanadaAnna Fali NEGOTIATION
Chavez W RimGermanyIvan Magalhaes UNQUALIFIED
Aruna B TollnerUnited KingdomAnna Fali PROPOSAL
Costa H PoquetteGermanyElwin Sharvill QUALIFIED
Antonio S FigeroaUnited KingdomXuxue Feng UNQUALIFIED
Jeanfrancois H GauchoItalyAsiya Javayant QUALIFIED
Francesco X RulapaughSpainIoni Bowcher UNQUALIFIED
Faith K MacleadGermanyBernardo Dominic QUALIFIED
Maria D GillianSpainAnna Fali RENEWAL
Chavez Z RutaJapanStephen Shaw QUALIFIED
Clifford V DarakjyBrazilIoni Bowcher NEW
Sinclair Q DarakjyFranceBernardo Dominic QUALIFIED
Wickens Q OstroskyBrazilIoni Bowcher PROPOSAL
Maisha U TollnerSpainOnyama Limba PROPOSAL
Claire A GillianJapanIoni Bowcher PROPOSAL
Wickens D BologniaRussiaIvan Magalhaes QUALIFIED
Greenwood T ShinkoJapanElwin Sharvill PROPOSAL
Chavez H PerinCanadaAsiya Javayant NEW
Greenwood T StensethAustraliaIoni Bowcher NEGOTIATION
Octavia A GauchoGermanyXuxue Feng RENEWAL
James P CaudyFranceAmy Elsner UNQUALIFIED
Rodrigues H KuskoJapanStephen Shaw NEW
Claire K ButtFranceBernardo Dominic QUALIFIED
Munro G SaylorsBrazilAnna Fali NEGOTIATION
Wickens O GarufiFranceElwin Sharvill RENEWAL
Ricardo G WieserUnited KingdomStephen Shaw QUALIFIED
Claire M DilliardSpainIoni Bowcher NEW
Costa K ChuiArgentinaElwin Sharvill RENEWAL
Sinclair S NickaBrazilXuxue Feng UNQUALIFIED
Wickens U WhobreyArgentinaAsiya Javayant RENEWAL
Mujtaba Z KuskoIndiaStephen Shaw NEW
Maria B DarakjyFranceAnna Fali NEGOTIATION
Sinclair I DilliardIndiaElwin Sharvill RENEWAL
Frozen Columns
Name
Aika T Nestle
Sinclair Y Inouye
Aruna A Marrier
Kaitlin I Nestle
Costa K Bowley
Juan K Albares
Ricardo D Waycott
Murillo C Darakjy
Maria K Wieser
Morrow T Rulapaugh
Arvin W Shinko
Mujtaba A Albares
Morrow K Albares
Ivar Q Flosi
Adams C Darakjy
Alejandro D Iturbide
Clifford M Nestle
Antonio O Rim
Alejandro O Nicka
Leja Q Amigon
Sinclair K Flosi
Julie C Waycott
David A Bolognia
Maisha F Perin
Francesco F Caldarera
Leon E Saylors
Munro K Sergi
Isabel D Tollner
Kaitlin A Stenseth
Alejandro O Perin
Antonio O Perin
Morrow E Royster
Morrow Q Maclead
Greenwood Z Gillian
Darci Q Dilliard
David E Ostrosky
Silvio G Caudy
Adams L Albares
Silvio G Figeroa
Kadeem E Gaucho
Jones F Whobrey
Costa J Malet
Maisha N Darakjy
Leja U Briddick
Sinclair Z Malet
Silvio Y Tollner
Jennifer Q Perin
Aika X Shinko
Mujtaba C Paprocki
Mujtaba S Kolmetz
IdCountryDate
1000Argentina2026-05-25
1001United Kingdom2026-05-08
1002Russia2026-05-01
1003Italy2026-05-06
1004Spain2026-05-25
1005Argentina2026-05-23
1006Italy2026-05-07
1007Russia2026-05-21
1008India2026-05-04
1009Brazil2026-05-20
1010Canada2026-05-30
1011France2026-05-09
1012Canada2026-05-10
1013Japan2026-05-19
1014India2026-05-28
1015Brazil2026-05-26
1016Germany2026-05-02
1017Japan2026-05-10
1018Germany2026-05-19
1019United Kingdom2026-05-21
1020Argentina2026-05-18
1021Canada2026-05-28
1022Germany2026-05-28
1023Canada2026-05-30
1024Russia2026-05-13
1025Japan2026-05-14
1026France2026-05-27
1027India2026-05-30
1028Argentina2026-05-11
1029France2026-05-18
1030Brazil2026-05-15
1031Canada2026-05-16
1032India2026-05-01
1033Italy2026-05-27
1034Germany2026-05-09
1035United Kingdom2026-05-27
1036India2026-05-01
1037Brazil2026-05-22
1038Brazil2026-05-23
1039France2026-05-26
1040France2026-05-18
1041India2026-05-05
1042Germany2026-05-16
1043France2026-05-09
1044Russia2026-05-02
1045United Kingdom2026-05-30
1046Germany2026-05-25
1047Japan2026-05-17
1048Japan2026-05-09
1049Spain2026-05-15

On-Demand Data

NameIdCountryDate
Kaitlin K Schemmer1000Brazil2026-05-13
Nicolas T Nicka1001Spain2026-05-07
Emily C Briddick1002France2026-05-01
Julie H Wieser1003Russia2026-05-26
Aika M Iturbide1004Germany2026-05-19
Greenwood O Ostrosky1005Australia2026-05-15
Juan T Waycott1006Germany2026-05-03
Maisha S Tollner1007Spain2026-05-23
Leja Y Caldarera1008Australia2026-05-17
Emily L Bowley1009Japan2026-05-16
Izzy F Butt1010India2026-05-14
Leon B Garufi1011Brazil2026-05-17
Darci W Stockham1012Spain2026-05-07
Salvatore N Morasca1013Japan2026-05-20
Emily M Paprocki1014Spain2026-05-06
Faith A Malet1015Italy2026-05-08
Tony M Amigon1016Argentina2026-05-16
Johnson K Maclead1017Argentina2026-05-21
Aruna T Gillian1018Brazil2026-05-25
Ashley R Poquette1019Canada2026-05-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Wickens J KuskoSpainXuxue Feng NEGOTIATION
Octavia C NickaAustraliaIvan Magalhaes NEGOTIATION
Jeanfrancois K MarrierAustraliaStephen Shaw QUALIFIED
Costa L CaudyGermanyIoni Bowcher PROPOSAL
Wickens D MacleadFranceAmy Elsner QUALIFIED
Jones U WhobreyUnited KingdomAnna Fali NEW
Cody G BologniaJapanAnna Fali PROPOSAL
Morrow Y ButtUnited KingdomXuxue Feng UNQUALIFIED
Smith W GlickJapanOnyama Limba QUALIFIED
Jefferson L GarufiJapanStephen Shaw NEW
Murillo U PerinRussiaAnna Fali PROPOSAL
Rodrigues L RutaBrazilIoni Bowcher QUALIFIED
Jones L TollnerBrazilAmy Elsner NEGOTIATION
Izzy R RulapaughAustraliaOnyama Limba NEGOTIATION
Clifford N SlusarskiIndiaOnyama Limba NEW
Juan R RimItalyElwin Sharvill QUALIFIED
David H VocelkaFranceElwin Sharvill NEW
Nicolas W GillianCanadaBernardo Dominic PROPOSAL
Adams K GarufiBrazilAsiya Javayant NEGOTIATION
Claire I StensethGermanyOnyama Limba UNQUALIFIED
Aika B InouyeCanadaAmy Elsner NEW
Tony L RutaFranceIoni Bowcher RENEWAL
Cody L WaycottCanadaIvan Magalhaes NEGOTIATION
Maisha I CampainItalyOnyama Limba QUALIFIED
Adams S SergiArgentinaBernardo Dominic QUALIFIED
Maria G SlusarskiArgentinaAnna Fali QUALIFIED
James A AmigonJapanXuxue Feng NEGOTIATION
Chavez T TollnerGermanyAmy Elsner RENEWAL
Emily K DoeArgentinaStephen Shaw PROPOSAL
Mujtaba P AlbaresItalyStephen Shaw UNQUALIFIED
Alejandro D BologniaFranceIoni Bowcher NEGOTIATION
Ivar B SaylorsCanadaIvan Magalhaes NEW
Jones Z KuskoItalyAmy Elsner NEGOTIATION
Johnson O ButtGermanyAnna Fali NEGOTIATION
Tony E GauchoBrazilIoni Bowcher PROPOSAL
Wickens S VenereIndiaAnna Fali UNQUALIFIED
Izzy L SchemmerBrazilAnna Fali PROPOSAL
Morrow R PoquetteJapanAnna Fali NEW
Leja X InouyeIndiaElwin Sharvill QUALIFIED
Ivar V WaycottIndiaIoni Bowcher 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">
            <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>

You are using an LTS version of PrimeFaces with an invalid license, you may either switch back to a non-LTS version or purchase a license at PrimeStore.