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
Juan E RulapaughItalyStephen Shaw NEW
Nicolas G RoysterCanadaIvan Magalhaes NEW
Jefferson B PaprockiGermanyXuxue Feng UNQUALIFIED
Greenwood U VenereBrazilIoni Bowcher UNQUALIFIED
Ashley M BologniaBrazilAnna Fali UNQUALIFIED
Clifford E OldroydItalyStephen Shaw PROPOSAL
Salvatore V VocelkaSpainAsiya Javayant NEW
Deepesh F IturbideUnited KingdomStephen Shaw PROPOSAL
Murillo V RutaArgentinaElwin Sharvill NEW
Misaki W GarufiArgentinaStephen Shaw PROPOSAL
Emily D SlusarskiFranceBernardo Dominic PROPOSAL
Arvin D CaldareraSpainIvan Magalhaes UNQUALIFIED
Ricardo T PaprockiGermanyBernardo Dominic NEW
Maria J DilliardRussiaAnna Fali QUALIFIED
Wickens V CaldareraGermanyAnna Fali NEGOTIATION
Kadeem C AmigonAustraliaIvan Magalhaes QUALIFIED
Smith L SaylorsAustraliaStephen Shaw NEW
Leon P OldroydUnited KingdomAnna Fali NEW
Morrow V PerinSpainOnyama Limba NEW
Rodrigues P TollnerRussiaIvan Magalhaes PROPOSAL
Chavez Q DilliardFranceIoni Bowcher PROPOSAL
David G DoeItalyBernardo Dominic NEGOTIATION
Aruna Y PaprockiUnited KingdomAnna Fali NEGOTIATION
Arvin E PerinArgentinaAmy Elsner PROPOSAL
Antonio J PoquetteAustraliaElwin Sharvill RENEWAL
Aika R PaprockiBrazilAmy Elsner PROPOSAL
Jeanfrancois X ShinkoSpainIvan Magalhaes NEGOTIATION
Ivar L KolmetzArgentinaElwin Sharvill NEW
Jeanfrancois C RimBrazilAsiya Javayant QUALIFIED
Maria I NickaCanadaIoni Bowcher PROPOSAL
Misaki U GarufiItalyAmy Elsner NEGOTIATION
Mujtaba B PaprockiCanadaElwin Sharvill NEGOTIATION
Aditya J DilliardCanadaBernardo Dominic NEW
Morrow D GillianCanadaAnna Fali NEW
Izzy S WaycottAustraliaIoni Bowcher UNQUALIFIED
Cody F StockhamSpainStephen Shaw QUALIFIED
Jones D BriddickBrazilIvan Magalhaes QUALIFIED
Antonio J FerenczCanadaIvan Magalhaes NEW
Juan O CaldareraFranceAsiya Javayant PROPOSAL
Isabel C StockhamBrazilAmy Elsner QUALIFIED
Rodrigues F WhobreySpainIoni Bowcher RENEWAL
Jeanfrancois Q AmigonItalyIvan Magalhaes PROPOSAL
Darci Y PaprockiJapanBernardo Dominic PROPOSAL
Arvin T VocelkaSpainAsiya Javayant PROPOSAL
Silvio E MarrierItalyElwin Sharvill QUALIFIED
Francesco I BologniaArgentinaIoni Bowcher QUALIFIED
Darci P CampainItalyOnyama Limba NEGOTIATION
Ashley F BriddickAustraliaAsiya Javayant NEW
Maria Z GlickGermanyAnna Fali QUALIFIED
Antonio G MaletJapanBernardo Dominic NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Mayumi N GillianSpainIvan Magalhaes RENEWAL
Jefferson U ChuiCanadaAsiya Javayant UNQUALIFIED
Kadeem V MarrierJapanStephen Shaw NEW
Johnson A IturbideRussiaAnna Fali NEW
Rodrigues N InouyeArgentinaIvan Magalhaes NEGOTIATION
Juan Q FollerIndiaBernardo Dominic NEGOTIATION
Ivar K KolmetzBrazilIvan Magalhaes PROPOSAL
David F AlbaresArgentinaIoni Bowcher UNQUALIFIED
Leon U VenereJapanElwin Sharvill NEGOTIATION
Smith F DilliardGermanyAnna Fali NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Smith U GlickSpain2026-03-13Chanay, Jeffrey A Esq UNQUALIFIED78Amy Elsner
1001David X DoeGermany2026-03-14Rangoni Of Florence QUALIFIED36Ioni Bowcher
1002Leja S ButtArgentina2026-03-15Commercial Press NEW12Amy Elsner
1003Sinclair G RoysterUnited Kingdom2026-03-26Commercial Press UNQUALIFIED86Amy Elsner
1004Munro J InouyeArgentina2026-03-19Printing Dimensions NEW19Amy Elsner
1005Smith I FollerJapan2026-03-27Commercial Press UNQUALIFIED43Stephen Shaw
1006Costa P WhobreyGermany2026-03-19Feiner Bros QUALIFIED20Bernardo Dominic
1007Rodrigues D StockhamSpain2026-03-21Feiner Bros RENEWAL36Bernardo Dominic
1008Juan O StensethBrazil2026-03-05Feltz Printing Service NEW38Ioni Bowcher
1009Stacey D GlickRussia2026-03-06Benton, John B Jr UNQUALIFIED98Xuxue Feng
1010Nicolas V DarakjyGermany2026-03-15King, Christopher A Esq UNQUALIFIED24Amy Elsner
1011Arvin Z MaletCanada2026-03-18Benton, John B Jr QUALIFIED57Elwin Sharvill
1012Aika K MacleadGermany2026-03-15Morlong Associates UNQUALIFIED88Xuxue Feng
1013Rodrigues K StockhamCanada2026-03-04Benton, John B Jr PROPOSAL52Elwin Sharvill
1014Costa M SlusarskiBrazil2026-03-30Chemel, James L Cpa NEGOTIATION89Elwin Sharvill
1015Isabel I ButtAustralia2026-03-17Rousseaux, Michael Esq NEW17Onyama Limba
1016Smith J CaudyBrazil2026-03-02Chemel, James L Cpa RENEWAL96Asiya Javayant
1017Ricardo R GlickJapan2026-03-05Feiner Bros PROPOSAL68Xuxue Feng
1018Smith J GarufiSpain2026-03-10King, Christopher A Esq QUALIFIED36Ioni Bowcher
1019Ricardo Q VenereFrance2026-03-07Feltz Printing Service NEGOTIATION82Elwin Sharvill
1020Ashley H SaylorsArgentina2026-03-10Chanay, Jeffrey A Esq PROPOSAL85Amy Elsner
1021Jefferson P GlickRussia2026-03-25Morlong Associates NEGOTIATION23Asiya Javayant
1022Morrow T MacleadBrazil2026-03-30King, Christopher A Esq UNQUALIFIED69Amy Elsner
1023Stacey G VocelkaAustralia2026-03-08King, Christopher A Esq NEGOTIATION24Anna Fali
1024Maisha U ButtAustralia2026-03-21King, Christopher A Esq PROPOSAL30Ivan Magalhaes
1025Cody F StensethSpain2026-03-13Truhlar And Truhlar Attys PROPOSAL46Asiya Javayant
1026Maisha W PerinItaly2026-03-25Rangoni Of Florence PROPOSAL21Amy Elsner
1027Maria O CaudySpain2026-03-22Rangoni Of Florence UNQUALIFIED79Xuxue Feng
1028Octavia P MacleadBrazil2026-03-28Printing Dimensions RENEWAL53Amy Elsner
1029Juan J DilliardJapan2026-03-19Morlong Associates NEGOTIATION67Stephen Shaw
1030Johnson I SaylorsArgentina2026-03-18Feiner Bros NEGOTIATION98Ioni Bowcher
1031Leja J IturbideIndia2026-03-22Morlong Associates RENEWAL42Amy Elsner
1032Ricardo B IturbideBrazil2026-03-16Chanay, Jeffrey A Esq UNQUALIFIED12Elwin Sharvill
1033Emily C FigeroaUnited Kingdom2026-03-14King, Christopher A Esq QUALIFIED80Stephen Shaw
1034Silvio C PoquetteSpain2026-03-29Chanay, Jeffrey A Esq RENEWAL2Amy Elsner
1035Greenwood T KolmetzRussia2026-03-11Chapman, Ross E Esq QUALIFIED94Asiya Javayant
1036Deepesh C BologniaSpain2026-03-24Printing Dimensions NEGOTIATION33Bernardo Dominic
1037Salvatore N WaycottUnited Kingdom2026-03-21Printing Dimensions RENEWAL65Onyama Limba
1038Julie W VenereBrazil2026-03-02Chemel, James L Cpa PROPOSAL69Xuxue Feng
1039Murillo N RutaBrazil2026-03-14King, Christopher A Esq PROPOSAL39Asiya Javayant
1040Leon L VenereArgentina2026-03-19Dorl, James J Esq NEW84Ivan Magalhaes
1041Deepesh B RimFrance2026-03-14Rousseaux, Michael Esq UNQUALIFIED61Elwin Sharvill
1042Jefferson Q AlbaresSpain2026-03-20Buckley Miller Wright NEW30Asiya Javayant
1043Clifford P BologniaSpain2026-03-09Printing Dimensions NEGOTIATION36Asiya Javayant
1044Mayumi Y PerinFrance2026-03-10Commercial Press PROPOSAL36Anna Fali
1045Juan H StensethSpain2026-03-14Rangoni Of Florence QUALIFIED60Asiya Javayant
1046Clifford X AlbaresRussia2026-03-27King, Christopher A Esq PROPOSAL46Ivan Magalhaes
1047Munro C TollnerItaly2026-03-02Truhlar And Truhlar Attys RENEWAL36Ivan Magalhaes
1048Kadeem Z DarakjySpain2026-03-04Chemel, James L Cpa PROPOSAL94Bernardo Dominic
1049Salvatore O NickaBrazil2026-03-09Feiner Bros NEW25Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Jeanfrancois J StensethCanadaIoni Bowcher PROPOSAL
Nicolas W DoeItalyIoni Bowcher PROPOSAL
Wickens T RutaFranceStephen Shaw RENEWAL
Silvio C WieserRussiaAnna Fali NEW
Maisha X AlbaresIndiaAmy Elsner RENEWAL
David V PerinCanadaStephen Shaw RENEWAL
Mujtaba X OstroskyItalyIvan Magalhaes PROPOSAL
Morrow X CaudyFranceAnna Fali PROPOSAL
Aruna X GauchoJapanAsiya Javayant PROPOSAL
Kaitlin H BowleyRussiaBernardo Dominic QUALIFIED
Darci E FigeroaIndiaStephen Shaw NEW
Morrow W GlickCanadaIoni Bowcher QUALIFIED
Tony Z MarrierBrazilAnna Fali PROPOSAL
Chavez I VocelkaFranceAmy Elsner NEGOTIATION
Kadeem P FollerAustraliaXuxue Feng NEW
Johnson L PerinIndiaIoni Bowcher PROPOSAL
Chavez J FollerRussiaStephen Shaw PROPOSAL
Adams R FerenczRussiaOnyama Limba PROPOSAL
Aruna V SchemmerGermanyXuxue Feng RENEWAL
Chavez E GauchoUnited KingdomElwin Sharvill NEW
Johnson M RimItalyElwin Sharvill QUALIFIED
Morrow B FigeroaIndiaAsiya Javayant NEGOTIATION
Ricardo E OldroydArgentinaIvan Magalhaes QUALIFIED
Kaitlin C FerenczItalyXuxue Feng NEGOTIATION
Faith E BriddickArgentinaAnna Fali QUALIFIED
Tony P PaprockiGermanyOnyama Limba PROPOSAL
Antonio W InouyeItalyIoni Bowcher NEW
Faith T BologniaRussiaAnna Fali NEGOTIATION
Rodrigues C DarakjyAustraliaIoni Bowcher NEGOTIATION
Munro A DilliardJapanStephen Shaw NEW
Misaki S BologniaGermanyAmy Elsner NEGOTIATION
Maisha E ButtUnited KingdomElwin Sharvill QUALIFIED
Jennifer U AlbaresAustraliaOnyama Limba QUALIFIED
Deepesh K OldroydItalyAnna Fali RENEWAL
Antonio I MaletFranceStephen Shaw RENEWAL
Munro E MarrierUnited KingdomAnna Fali QUALIFIED
Aruna T DarakjyBrazilOnyama Limba PROPOSAL
Isabel L BologniaCanadaAnna Fali NEGOTIATION
Aika X GarufiItalyElwin Sharvill RENEWAL
Faith S MaletRussiaOnyama Limba PROPOSAL
Costa D MarrierRussiaBernardo Dominic NEGOTIATION
Morrow M AmigonBrazilStephen Shaw PROPOSAL
Francesco X TollnerBrazilIvan Magalhaes NEW
Izzy R SaylorsCanadaAnna Fali NEGOTIATION
Murillo B NestleCanadaElwin Sharvill PROPOSAL
Arvin F StockhamSpainAsiya Javayant NEGOTIATION
Mayumi I GarufiArgentinaIvan Magalhaes RENEWAL
Francesco R StensethFranceXuxue Feng NEW
Aika S DoeUnited KingdomOnyama Limba PROPOSAL
Antonio J WieserAustraliaAnna Fali NEGOTIATION
Frozen Columns
Name
Mayumi M Caldarera
Maisha Z Maclead
Jeanfrancois L Rim
Izzy J Vocelka
Francesco B Slusarski
Aditya H Gillian
Francesco J Venere
Octavia C Dilliard
Cody P Slusarski
Munro C Wieser
Munro G Chui
Wickens P Marrier
Wickens O Campain
Aditya A Marrier
Greenwood S Flosi
Juan T Doe
James N Paprocki
Salvatore X Inouye
Juan A Stenseth
Nicolas Z Caudy
Adams P Caudy
Mayumi M Malet
Silvio Y Paprocki
Adams K Butt
Ashley W Glick
Rodrigues U Malet
Jones X Ostrosky
Salvatore O Maclead
Izzy L Poquette
Salvatore F Ostrosky
Ashley K Maclead
Juan E Stockham
Nicolas W Rim
Antonio K Morasca
Jeanfrancois E Slusarski
Rodrigues M Campain
Darci O Shinko
Leja L Flosi
Jefferson W Flosi
Arvin Y Gaucho
Octavia U Malet
Maria H Perin
Tony S Royster
Alejandro C Butt
Johnson O Inouye
Smith E Dilliard
David Q Flosi
Antonio Y Schemmer
Stacey Z Chui
Ivar X Gillian
IdCountryDate
1000Italy2026-03-15
1001India2026-03-11
1002Germany2026-03-03
1003Brazil2026-03-22
1004Japan2026-03-13
1005Italy2026-03-29
1006India2026-03-10
1007Germany2026-03-12
1008Germany2026-03-20
1009Spain2026-03-05
1010India2026-03-08
1011Russia2026-03-15
1012Spain2026-03-25
1013Russia2026-03-20
1014United Kingdom2026-03-26
1015Italy2026-03-16
1016Australia2026-03-11
1017Italy2026-03-26
1018Australia2026-03-06
1019Australia2026-03-30
1020Italy2026-03-21
1021Spain2026-03-03
1022France2026-03-05
1023Italy2026-03-15
1024Brazil2026-03-15
1025France2026-03-03
1026Russia2026-03-29
1027Argentina2026-03-11
1028United Kingdom2026-03-21
1029India2026-03-07
1030Italy2026-03-13
1031Canada2026-03-16
1032Argentina2026-03-25
1033Germany2026-03-11
1034Argentina2026-03-11
1035United Kingdom2026-03-09
1036Spain2026-03-06
1037Australia2026-03-04
1038France2026-03-24
1039Brazil2026-03-01
1040Russia2026-03-16
1041Brazil2026-03-25
1042Australia2026-03-03
1043Germany2026-03-27
1044Russia2026-03-07
1045Japan2026-03-12
1046Italy2026-03-11
1047Argentina2026-03-23
1048United Kingdom2026-03-10
1049India2026-03-18

On-Demand Data

NameIdCountryDate
Octavia N Slusarski1000Russia2026-03-27
Nicolas L Caldarera1001Germany2026-03-13
Johnson U Butt1002Spain2026-03-19
Arvin O Malet1003United Kingdom2026-03-17
Isabel O Briddick1004Brazil2026-03-22
Aditya Z Butt1005Canada2026-03-11
Kadeem T Figeroa1006Canada2026-03-22
Juan J Gillian1007Brazil2026-03-06
Emily C Campain1008India2026-03-11
Morrow Z Oldroyd1009Russia2026-03-09
Rodrigues Y Briddick1010Brazil2026-03-29
Isabel Q Figeroa1011Spain2026-03-13
Salvatore M Flosi1012Spain2026-03-03
Deepesh S Ferencz1013Russia2026-03-13
Aruna M Nestle1014United Kingdom2026-03-28
Sinclair C Campain1015Spain2026-03-29
Greenwood N Paprocki1016Canada2026-03-11
Johnson Z Whobrey1017Canada2026-03-06
Jeanfrancois E Campain1018India2026-03-12
Salvatore Y Oldroyd1019Spain2026-03-24
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aruna B SlusarskiRussiaAmy Elsner RENEWAL
Ivar U CampainGermanyOnyama Limba NEGOTIATION
Arvin F VenereJapanStephen Shaw NEGOTIATION
David B FigeroaCanadaBernardo Dominic PROPOSAL
Tony B CaudyFranceXuxue Feng QUALIFIED
Jennifer F StensethCanadaAmy Elsner RENEWAL
Wickens E CaldareraGermanyIvan Magalhaes NEGOTIATION
Wickens M InouyeArgentinaAmy Elsner QUALIFIED
Maisha Q NickaArgentinaStephen Shaw PROPOSAL
Jennifer C CaudyIndiaAnna Fali RENEWAL
Claire W MacleadArgentinaBernardo Dominic NEGOTIATION
Isabel K PaprockiBrazilIvan Magalhaes RENEWAL
Jefferson M FerenczCanadaBernardo Dominic UNQUALIFIED
Salvatore M IturbideFranceAnna Fali RENEWAL
Mayumi I GarufiIndiaXuxue Feng RENEWAL
Mayumi G KolmetzItalyOnyama Limba UNQUALIFIED
Darci K SaylorsBrazilXuxue Feng NEGOTIATION
Costa Y FollerJapanAnna Fali UNQUALIFIED
Mayumi F MaletAustraliaAsiya Javayant UNQUALIFIED
David X TollnerSpainBernardo Dominic NEGOTIATION
Aruna K DoeFranceIoni Bowcher PROPOSAL
Sinclair V GarufiJapanXuxue Feng NEW
Jeanfrancois N WhobreyFranceAmy Elsner PROPOSAL
Salvatore R BologniaRussiaElwin Sharvill NEGOTIATION
Murillo D KuskoAustraliaOnyama Limba NEW
Smith J WaycottUnited KingdomAsiya Javayant PROPOSAL
Aruna K KolmetzBrazilIvan Magalhaes RENEWAL
Jeanfrancois O TollnerBrazilAmy Elsner QUALIFIED
Johnson A WhobreyJapanStephen Shaw UNQUALIFIED
Kadeem L BriddickFranceBernardo Dominic NEGOTIATION
Leja F VenereRussiaAnna Fali PROPOSAL
Ashley T CaldareraJapanStephen Shaw RENEWAL
Smith C MarrierBrazilAnna Fali NEW
Salvatore E FlosiBrazilStephen Shaw NEGOTIATION
Salvatore Q NickaRussiaAsiya Javayant NEW
Alejandro T ChuiRussiaIvan Magalhaes NEW
Isabel L PerinJapanOnyama Limba PROPOSAL
Leon L DarakjyItalyOnyama Limba UNQUALIFIED
Claire F ButtArgentinaOnyama Limba UNQUALIFIED
Jennifer G PoquetteIndiaIoni Bowcher NEGOTIATION

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