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
Deepesh X TollnerJapanStephen Shaw QUALIFIED
Alejandro D KuskoSpainAmy Elsner NEGOTIATION
Clifford K WieserCanadaAsiya Javayant RENEWAL
Ivar P BologniaItalyIvan Magalhaes PROPOSAL
Jennifer W GillianCanadaStephen Shaw RENEWAL
Darci I BowleyIndiaStephen Shaw NEW
Aika M NickaSpainElwin Sharvill RENEWAL
Cody Y BologniaJapanOnyama Limba RENEWAL
Maria I RutaIndiaAsiya Javayant PROPOSAL
Leja L RutaUnited KingdomXuxue Feng QUALIFIED
Octavia M PoquetteIndiaIoni Bowcher NEW
Ricardo Q DilliardBrazilIvan Magalhaes QUALIFIED
Aika D BriddickArgentinaXuxue Feng RENEWAL
Jefferson A ShinkoItalyAnna Fali UNQUALIFIED
Jeanfrancois U MorascaFranceAmy Elsner PROPOSAL
Claire L CaldareraGermanyXuxue Feng QUALIFIED
Cody O SaylorsCanadaIvan Magalhaes QUALIFIED
Darci A InouyeUnited KingdomStephen Shaw NEGOTIATION
Cody O MaletSpainElwin Sharvill RENEWAL
Jennifer U PoquetteBrazilBernardo Dominic NEGOTIATION
Chavez Y RoysterBrazilBernardo Dominic QUALIFIED
Stacey I DoeCanadaIoni Bowcher RENEWAL
Alejandro T RimArgentinaAnna Fali UNQUALIFIED
Julie S InouyeGermanyStephen Shaw RENEWAL
Mujtaba N PerinItalyElwin Sharvill UNQUALIFIED
Juan U NestleUnited KingdomAnna Fali NEGOTIATION
Kadeem B KuskoCanadaElwin Sharvill NEGOTIATION
Darci R OstroskyFranceAsiya Javayant QUALIFIED
Johnson H VenereSpainXuxue Feng PROPOSAL
Silvio G BowleyBrazilIvan Magalhaes RENEWAL
David N VocelkaAustraliaXuxue Feng RENEWAL
Juan B TollnerItalyXuxue Feng PROPOSAL
Jones Q TollnerIndiaStephen Shaw NEW
Juan Z AlbaresJapanElwin Sharvill QUALIFIED
Stacey H TollnerUnited KingdomBernardo Dominic PROPOSAL
Munro U FlosiItalyIoni Bowcher UNQUALIFIED
Arvin C MaletFranceOnyama Limba NEGOTIATION
Cody H WieserArgentinaElwin Sharvill QUALIFIED
Maisha U SlusarskiRussiaAmy Elsner PROPOSAL
Jones F SergiRussiaAsiya Javayant RENEWAL
Ivar X MaletFranceOnyama Limba NEW
David N NestleIndiaOnyama Limba QUALIFIED
Emily H GarufiCanadaXuxue Feng QUALIFIED
Chavez C StockhamArgentinaXuxue Feng NEW
Arvin F BowleyJapanAmy Elsner RENEWAL
Ashley G ShinkoFranceAnna Fali QUALIFIED
Arvin E WieserIndiaElwin Sharvill NEW
Cody S VenereAustraliaAmy Elsner RENEWAL
Aditya N MacleadAustraliaIoni Bowcher NEW
Maria M RutaItalyXuxue Feng PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Juan M WieserIndiaOnyama Limba PROPOSAL
Ashley F SaylorsGermanyAnna Fali UNQUALIFIED
Kadeem U InouyeGermanyAsiya Javayant PROPOSAL
Darci Y NickaJapanAsiya Javayant NEGOTIATION
Leja W BriddickUnited KingdomOnyama Limba NEW
Mayumi X DoeCanadaAmy Elsner NEGOTIATION
Ricardo U NestleRussiaElwin Sharvill NEW
Jeanfrancois T RoysterFranceOnyama Limba UNQUALIFIED
Kadeem P BowleyArgentinaIvan Magalhaes NEGOTIATION
Ricardo I RulapaughItalyStephen Shaw QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aruna M AlbaresGermany2026-05-30Benton, John B Jr NEGOTIATION1Asiya Javayant
1001Johnson T BriddickUnited Kingdom2026-05-27Chanay, Jeffrey A Esq NEGOTIATION50Elwin Sharvill
1002Adams A MaletCanada2026-05-24Rangoni Of Florence NEGOTIATION1Xuxue Feng
1003Munro X FerenczUnited Kingdom2026-06-02Printing Dimensions RENEWAL2Anna Fali
1004Isabel I TollnerCanada2026-05-30Chemel, James L Cpa NEGOTIATION65Ioni Bowcher
1005David N GlickJapan2026-06-12Rangoni Of Florence NEW25Asiya Javayant
1006Kadeem M MaletAustralia2026-05-30Benton, John B Jr NEW17Ioni Bowcher
1007David J ButtUnited Kingdom2026-05-24Feiner Bros RENEWAL2Bernardo Dominic
1008Ricardo X GillianAustralia2026-05-28Feiner Bros PROPOSAL80Bernardo Dominic
1009Alejandro D AmigonGermany2026-06-11Chanay, Jeffrey A Esq PROPOSAL18Ivan Magalhaes
1010Leja H GarufiBrazil2026-05-31Feltz Printing Service UNQUALIFIED38Ivan Magalhaes
1011Sinclair E RimArgentina2026-06-04King, Christopher A Esq QUALIFIED10Xuxue Feng
1012Arvin H GlickUnited Kingdom2026-05-27Dorl, James J Esq UNQUALIFIED53Onyama Limba
1013Misaki G OldroydUnited Kingdom2026-05-18Chanay, Jeffrey A Esq QUALIFIED66Asiya Javayant
1014Julie V ButtGermany2026-06-08Buckley Miller Wright QUALIFIED73Asiya Javayant
1015Murillo R ChuiGermany2026-05-24King, Christopher A Esq NEW85Stephen Shaw
1016Johnson J BologniaIndia2026-06-03Feiner Bros QUALIFIED68Amy Elsner
1017Leon I DarakjyUnited Kingdom2026-06-11Printing Dimensions NEW14Ioni Bowcher
1018Emily M IturbideItaly2026-05-16Chanay, Jeffrey A Esq NEW82Asiya Javayant
1019Sinclair R DarakjyRussia2026-06-05Printing Dimensions RENEWAL48Xuxue Feng
1020Darci M SlusarskiGermany2026-05-26Truhlar And Truhlar Attys PROPOSAL61Stephen Shaw
1021Leja O FerenczBrazil2026-06-09Benton, John B Jr PROPOSAL56Onyama Limba
1022Jefferson K MaletItaly2026-05-16Feiner Bros RENEWAL14Bernardo Dominic
1023Smith I FerenczSpain2026-05-26Buckley Miller Wright PROPOSAL10Stephen Shaw
1024Mujtaba K FollerUnited Kingdom2026-05-30Truhlar And Truhlar Attys QUALIFIED71Ioni Bowcher
1025Salvatore N SlusarskiSpain2026-06-14Rousseaux, Michael Esq RENEWAL59Ivan Magalhaes
1026Darci W RimItaly2026-05-27Truhlar And Truhlar Attys PROPOSAL2Stephen Shaw
1027Jeanfrancois Q RulapaughItaly2026-06-12Chapman, Ross E Esq NEW68Ioni Bowcher
1028Kadeem X FigeroaItaly2026-06-06Chanay, Jeffrey A Esq UNQUALIFIED33Amy Elsner
1029Smith X MaletCanada2026-06-01Feltz Printing Service QUALIFIED61Asiya Javayant
1030Aruna J TollnerRussia2026-06-08Commercial Press NEW2Stephen Shaw
1031Sinclair E PaprockiItaly2026-05-19Printing Dimensions RENEWAL85Xuxue Feng
1032Emily I MaletItaly2026-06-06Buckley Miller Wright UNQUALIFIED35Ivan Magalhaes
1033Adams P BologniaIndia2026-05-28Chapman, Ross E Esq UNQUALIFIED10Ioni Bowcher
1034Francesco L MacleadSpain2026-06-07Chemel, James L Cpa NEGOTIATION70Ivan Magalhaes
1035Rodrigues P CaldareraItaly2026-05-23Chapman, Ross E Esq RENEWAL79Ioni Bowcher
1036Leja D MarrierJapan2026-05-18Printing Dimensions RENEWAL93Elwin Sharvill
1037Alejandro B BologniaArgentina2026-06-10Printing Dimensions PROPOSAL43Bernardo Dominic
1038Francesco U ShinkoAustralia2026-05-16Chanay, Jeffrey A Esq UNQUALIFIED4Onyama Limba
1039Rodrigues L DilliardFrance2026-06-10Truhlar And Truhlar Attys RENEWAL99Amy Elsner
1040Wickens Y BowleyIndia2026-05-18Feltz Printing Service UNQUALIFIED24Onyama Limba
1041Ricardo L MarrierJapan2026-05-23Benton, John B Jr QUALIFIED19Anna Fali
1042Jefferson B FlosiFrance2026-06-04Buckley Miller Wright NEW25Amy Elsner
1043Ivar N RulapaughIndia2026-06-03Benton, John B Jr RENEWAL9Onyama Limba
1044Cody K VocelkaJapan2026-06-09Chanay, Jeffrey A Esq QUALIFIED37Ivan Magalhaes
1045Nicolas A SergiBrazil2026-05-29Rangoni Of Florence NEGOTIATION58Bernardo Dominic
1046Deepesh T ChuiGermany2026-06-03King, Christopher A Esq PROPOSAL21Bernardo Dominic
1047Smith E SergiFrance2026-06-12Commercial Press UNQUALIFIED50Asiya Javayant
1048Stacey C FigeroaRussia2026-05-25Printing Dimensions NEW54Amy Elsner
1049Darci H MacleadRussia2026-06-09Feiner Bros NEGOTIATION58Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Chavez Q InouyeItalyStephen Shaw NEGOTIATION
Wickens Z NickaAustraliaBernardo Dominic PROPOSAL
Kadeem T CampainCanadaStephen Shaw NEW
Claire K OldroydGermanyIvan Magalhaes PROPOSAL
Maisha L FigeroaJapanIoni Bowcher UNQUALIFIED
Jefferson W FerenczRussiaOnyama Limba PROPOSAL
Tony Y StockhamBrazilIoni Bowcher RENEWAL
Izzy Z SlusarskiJapanIoni Bowcher UNQUALIFIED
Aruna F PerinCanadaBernardo Dominic NEGOTIATION
Isabel Z RulapaughArgentinaAmy Elsner NEW
Antonio W GarufiCanadaXuxue Feng NEGOTIATION
David N DilliardFranceIvan Magalhaes QUALIFIED
Costa C DilliardAustraliaAnna Fali QUALIFIED
Arvin L AlbaresGermanyAnna Fali QUALIFIED
Ivar J CaldareraCanadaXuxue Feng QUALIFIED
Ivar P RimIndiaElwin Sharvill NEW
Mayumi B MarrierGermanyElwin Sharvill QUALIFIED
Adams B BowleyCanadaIvan Magalhaes PROPOSAL
Leja A DarakjyJapanIvan Magalhaes NEW
Murillo B BologniaRussiaElwin Sharvill QUALIFIED
Aruna M DilliardItalyAsiya Javayant QUALIFIED
Smith C MacleadItalyAnna Fali QUALIFIED
Ivar R DarakjyUnited KingdomElwin Sharvill QUALIFIED
Francesco M StockhamJapanAnna Fali NEW
Salvatore R NestleItalyAsiya Javayant NEW
Alejandro F MaletArgentinaIoni Bowcher RENEWAL
Smith A SlusarskiUnited KingdomStephen Shaw NEGOTIATION
Salvatore I DoeSpainBernardo Dominic NEW
Chavez G InouyeAustraliaBernardo Dominic RENEWAL
Mujtaba L MorascaJapanAnna Fali NEW
Julie E StockhamFranceAmy Elsner PROPOSAL
Nicolas H CaudyArgentinaAmy Elsner NEGOTIATION
Nicolas P FerenczCanadaIoni Bowcher QUALIFIED
Ashley Q OldroydJapanOnyama Limba PROPOSAL
Mayumi K BologniaIndiaElwin Sharvill UNQUALIFIED
Adams O BologniaCanadaXuxue Feng PROPOSAL
Leon S GillianUnited KingdomStephen Shaw UNQUALIFIED
James J SergiUnited KingdomIoni Bowcher QUALIFIED
Faith P GillianBrazilElwin Sharvill NEGOTIATION
Kadeem N SlusarskiItalyXuxue Feng NEGOTIATION
Kaitlin S RimRussiaBernardo Dominic NEGOTIATION
Stacey M SchemmerFranceAnna Fali QUALIFIED
Ivar Z FlosiUnited KingdomBernardo Dominic RENEWAL
Cody F AmigonIndiaStephen Shaw QUALIFIED
Leja V DarakjyItalyIvan Magalhaes NEW
Cody Z DilliardAustraliaBernardo Dominic NEW
Juan H KuskoCanadaXuxue Feng RENEWAL
Misaki S SaylorsItalyOnyama Limba QUALIFIED
Wickens J NestleRussiaAmy Elsner NEW
Ashley S SaylorsBrazilIvan Magalhaes NEGOTIATION
Frozen Columns
Name
Jefferson A Butt
Aditya W Stenseth
Faith J Briddick
Stacey C Caudy
Isabel L Flosi
Adams B Butt
Ivar C Caldarera
Darci V Chui
Salvatore L Vocelka
Adams G Wieser
Antonio D Maclead
Leja R Malet
Jennifer H Kusko
Izzy U Saylors
Arvin O Albares
Francesco J Whobrey
Julie F Royster
Isabel L Gaucho
Costa D Amigon
Wickens B Caudy
Cody K Glick
Cody W Iturbide
Jefferson Z Paprocki
Kaitlin K Nicka
Leon Y Chui
Jones M Tollner
Tony E Ruta
Jefferson F Poquette
Jones H Perin
Ivar K Paprocki
Juan Z Bowley
Silvio Y Malet
Darci O Bolognia
Rodrigues L Amigon
Darci F Bowley
Julie W Amigon
Tony Q Garufi
Ricardo Z Inouye
Ivar Y Rulapaugh
Smith U Glick
Smith C Saylors
Silvio G Morasca
Jefferson A Venere
Greenwood O Caldarera
Izzy J Schemmer
Salvatore X Albares
David F Schemmer
Wickens P Bolognia
Cody Q Foller
Chavez P Gaucho
IdCountryDate
1000Argentina2026-05-18
1001France2026-05-19
1002Italy2026-06-01
1003Argentina2026-05-24
1004Italy2026-06-03
1005Germany2026-06-13
1006United Kingdom2026-06-11
1007Brazil2026-05-18
1008India2026-06-06
1009Spain2026-05-29
1010Brazil2026-05-26
1011Australia2026-06-03
1012Australia2026-05-20
1013Germany2026-06-09
1014Russia2026-06-07
1015Russia2026-05-20
1016Spain2026-05-24
1017Brazil2026-05-22
1018Brazil2026-06-08
1019Brazil2026-06-12
1020France2026-06-05
1021Brazil2026-05-30
1022Canada2026-05-21
1023Australia2026-05-16
1024Canada2026-05-23
1025Italy2026-06-07
1026Italy2026-06-07
1027Italy2026-05-29
1028Australia2026-05-27
1029Germany2026-06-13
1030India2026-06-01
1031United Kingdom2026-05-26
1032Brazil2026-05-25
1033India2026-05-19
1034Japan2026-05-31
1035Germany2026-06-05
1036United Kingdom2026-06-11
1037Brazil2026-06-10
1038Canada2026-05-25
1039Spain2026-05-24
1040Italy2026-05-18
1041Argentina2026-06-10
1042Australia2026-06-14
1043United Kingdom2026-05-30
1044India2026-05-21
1045Australia2026-06-03
1046Australia2026-05-18
1047Germany2026-05-19
1048France2026-05-27
1049India2026-05-19

On-Demand Data

NameIdCountryDate
Ivar E Malet1000United Kingdom2026-06-12
Wickens M Chui1001Argentina2026-06-11
Greenwood Q Amigon1002Germany2026-05-30
Mujtaba Z Poquette1003India2026-06-12
Aruna S Malet1004United Kingdom2026-05-23
Faith Q Shinko1005France2026-05-28
Rodrigues R Royster1006India2026-06-02
Faith V Vocelka1007United Kingdom2026-05-19
Smith Z Slusarski1008United Kingdom2026-06-08
Leon B Malet1009Spain2026-06-02
Jefferson Z Iturbide1010France2026-06-09
Maisha X Morasca1011United Kingdom2026-06-07
Leon W Poquette1012Germany2026-06-02
Jennifer E Morasca1013Russia2026-05-16
Ricardo G Schemmer1014United Kingdom2026-06-06
Johnson F Stockham1015Germany2026-05-18
Tony F Royster1016United Kingdom2026-06-13
Morrow X Ruta1017United Kingdom2026-05-21
Salvatore W Chui1018Spain2026-05-29
Julie G Malet1019Spain2026-05-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Wickens B CampainSpainIoni Bowcher NEGOTIATION
Wickens Q PaprockiFranceOnyama Limba QUALIFIED
Ivar U WaycottFranceAmy Elsner NEW
Arvin Q MaletGermanyIvan Magalhaes PROPOSAL
Stacey I AmigonJapanAsiya Javayant NEGOTIATION
Antonio A WaycottBrazilBernardo Dominic NEGOTIATION
Aika R FollerAustraliaElwin Sharvill PROPOSAL
Rodrigues W GillianCanadaIvan Magalhaes UNQUALIFIED
Greenwood G FerenczFranceXuxue Feng QUALIFIED
Alejandro N AlbaresIndiaAnna Fali NEGOTIATION
Jennifer G TollnerGermanyAsiya Javayant QUALIFIED
Mujtaba C VenereRussiaXuxue Feng UNQUALIFIED
Octavia Y GauchoRussiaXuxue Feng PROPOSAL
David K CaldareraArgentinaAnna Fali NEW
Maria B DilliardItalyXuxue Feng UNQUALIFIED
Maria S FerenczBrazilStephen Shaw UNQUALIFIED
Ivar Y CaldareraIndiaOnyama Limba QUALIFIED
Emily M WaycottItalyAnna Fali NEGOTIATION
Isabel U ChuiIndiaAmy Elsner UNQUALIFIED
Juan G ButtFranceIvan Magalhaes RENEWAL
Greenwood J GarufiRussiaBernardo Dominic PROPOSAL
Antonio S FigeroaRussiaStephen Shaw NEGOTIATION
Munro M FigeroaSpainIvan Magalhaes QUALIFIED
Mujtaba W MaletJapanAmy Elsner PROPOSAL
Sinclair H MaletArgentinaIvan Magalhaes QUALIFIED
Smith I AmigonRussiaIvan Magalhaes NEGOTIATION
Rodrigues G DoeArgentinaIvan Magalhaes QUALIFIED
Faith I KuskoSpainIvan Magalhaes NEGOTIATION
Wickens U WhobreyCanadaElwin Sharvill UNQUALIFIED
Rodrigues C FollerGermanyOnyama Limba NEW
Aika T CaldareraArgentinaXuxue Feng NEW
Nicolas G PaprockiJapanAnna Fali NEW
Sinclair G ShinkoItalyAmy Elsner RENEWAL
James K TollnerItalyAnna Fali NEW
Isabel L DoeGermanyAnna Fali NEGOTIATION
Deepesh Y ShinkoItalyXuxue Feng RENEWAL
Octavia R RutaJapanAmy Elsner PROPOSAL
David Y VocelkaSpainAsiya Javayant RENEWAL
Silvio V FigeroaGermanyOnyama Limba NEW
Arvin K NestleFranceElwin Sharvill QUALIFIED

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