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
Leon Z MorascaGermanyElwin Sharvill QUALIFIED
Ricardo M GarufiItalyIvan Magalhaes NEW
Octavia G CaudySpainAnna Fali QUALIFIED
David Z FollerUnited KingdomStephen Shaw RENEWAL
Mujtaba S CampainUnited KingdomIoni Bowcher NEGOTIATION
Kaitlin I DilliardRussiaElwin Sharvill NEGOTIATION
Aditya L AmigonRussiaIoni Bowcher QUALIFIED
Alejandro K DilliardAustraliaIoni Bowcher NEW
Cody Q ButtItalyIvan Magalhaes QUALIFIED
Clifford M StockhamItalyAnna Fali PROPOSAL
Adams C ButtJapanIoni Bowcher UNQUALIFIED
Stacey D StensethIndiaIvan Magalhaes UNQUALIFIED
Francesco X VenereRussiaAmy Elsner QUALIFIED
Adams L NickaAustraliaBernardo Dominic RENEWAL
Claire W DoeItalyStephen Shaw QUALIFIED
Jones I DoeItalyOnyama Limba UNQUALIFIED
Cody J RulapaughGermanyStephen Shaw NEGOTIATION
Maria K IturbideJapanIoni Bowcher NEW
Juan C PerinFranceIoni Bowcher UNQUALIFIED
Adams H ChuiCanadaIoni Bowcher QUALIFIED
Jeanfrancois D RulapaughAustraliaAmy Elsner PROPOSAL
Faith F TollnerGermanyAsiya Javayant QUALIFIED
Darci J FigeroaCanadaAsiya Javayant PROPOSAL
Kaitlin T PoquetteJapanAsiya Javayant NEGOTIATION
Jones Y WaycottRussiaXuxue Feng UNQUALIFIED
Adams P KuskoUnited KingdomIvan Magalhaes NEW
Greenwood X PaprockiArgentinaAmy Elsner RENEWAL
Silvio N RoysterArgentinaElwin Sharvill NEGOTIATION
Mujtaba W NestleItalyIvan Magalhaes QUALIFIED
Greenwood Q VocelkaFranceOnyama Limba PROPOSAL
Mayumi V NickaRussiaElwin Sharvill PROPOSAL
Juan P DilliardFranceXuxue Feng NEW
Octavia X ChuiRussiaAsiya Javayant NEGOTIATION
Tony U WaycottSpainAmy Elsner UNQUALIFIED
Wickens X DilliardFranceIoni Bowcher NEGOTIATION
Jones W ChuiGermanyIoni Bowcher NEW
Cody C SergiAustraliaStephen Shaw NEGOTIATION
Aruna R GillianIndiaOnyama Limba UNQUALIFIED
Jennifer F PoquetteAustraliaBernardo Dominic PROPOSAL
Ricardo Q MorascaGermanyIoni Bowcher PROPOSAL
Leja U KuskoFranceAsiya Javayant RENEWAL
Misaki U KuskoJapanIoni Bowcher NEW
Tony H DarakjySpainAmy Elsner NEGOTIATION
Tony V GlickBrazilElwin Sharvill NEW
Misaki Q GlickUnited KingdomBernardo Dominic QUALIFIED
Maria V ButtIndiaElwin Sharvill NEGOTIATION
James P PaprockiAustraliaElwin Sharvill NEW
Claire N KuskoRussiaElwin Sharvill NEGOTIATION
Munro Y WhobreySpainElwin Sharvill NEGOTIATION
Murillo R FigeroaSpainAnna Fali NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Deepesh X InouyeUnited KingdomIvan Magalhaes RENEWAL
Jones M PerinGermanyAmy Elsner PROPOSAL
Ashley X WieserArgentinaIvan Magalhaes UNQUALIFIED
Leja U CaldareraJapanAmy Elsner NEW
Deepesh E BowleyIndiaAnna Fali RENEWAL
Ivar G KolmetzGermanyAnna Fali NEW
Ricardo G VocelkaFranceStephen Shaw PROPOSAL
Ashley Z BologniaFranceAmy Elsner RENEWAL
Tony D SergiBrazilAnna Fali UNQUALIFIED
Clifford V KolmetzUnited KingdomAsiya Javayant RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aika V FlosiAustralia2026-04-25Commercial Press UNQUALIFIED0Xuxue Feng
1001Jeanfrancois E WieserBrazil2026-04-27Benton, John B Jr PROPOSAL84Xuxue Feng
1002Rodrigues O OldroydJapan2026-04-25Commercial Press NEW64Stephen Shaw
1003David T OstroskyJapan2026-05-05Feiner Bros NEW78Onyama Limba
1004Antonio H GarufiSpain2026-04-21Chanay, Jeffrey A Esq NEGOTIATION47Stephen Shaw
1005Claire I WaycottSpain2026-05-03Truhlar And Truhlar Attys NEGOTIATION52Anna Fali
1006Izzy R StensethUnited Kingdom2026-04-10Morlong Associates NEW56Asiya Javayant
1007Aditya O WhobreyArgentina2026-04-22Rangoni Of Florence UNQUALIFIED4Ivan Magalhaes
1008Emily W DarakjyAustralia2026-04-26Buckley Miller Wright RENEWAL42Xuxue Feng
1009Stacey H WieserItaly2026-04-15Feiner Bros RENEWAL85Ioni Bowcher
1010Rodrigues D WhobreyJapan2026-04-23Buckley Miller Wright PROPOSAL72Amy Elsner
1011Aika Y ButtGermany2026-04-19King, Christopher A Esq RENEWAL9Elwin Sharvill
1012Ashley V VenereIndia2026-05-01Dorl, James J Esq RENEWAL62Bernardo Dominic
1013Jeanfrancois M DoeGermany2026-04-10Truhlar And Truhlar Attys UNQUALIFIED84Bernardo Dominic
1014Clifford M SaylorsUnited Kingdom2026-05-02Chanay, Jeffrey A Esq UNQUALIFIED4Xuxue Feng
1015Antonio K FerenczItaly2026-04-27Printing Dimensions NEGOTIATION97Onyama Limba
1016Emily G MaletRussia2026-04-14Chemel, James L Cpa QUALIFIED31Elwin Sharvill
1017Cody R VenereIndia2026-04-30Feiner Bros UNQUALIFIED35Elwin Sharvill
1018Jones O NestleIndia2026-04-06Chapman, Ross E Esq NEGOTIATION8Xuxue Feng
1019Clifford F StensethAustralia2026-05-04Feiner Bros UNQUALIFIED29Elwin Sharvill
1020James Q AlbaresIndia2026-05-05Chemel, James L Cpa UNQUALIFIED59Bernardo Dominic
1021Chavez A WaycottJapan2026-04-13Rangoni Of Florence NEW83Asiya Javayant
1022Maria L KuskoSpain2026-04-26Chanay, Jeffrey A Esq PROPOSAL33Ioni Bowcher
1023Ricardo A VenereItaly2026-04-09Truhlar And Truhlar Attys RENEWAL58Bernardo Dominic
1024Adams P PaprockiRussia2026-04-20Dorl, James J Esq NEW93Xuxue Feng
1025Mayumi R NickaItaly2026-04-10King, Christopher A Esq RENEWAL28Onyama Limba
1026Jennifer B RimItaly2026-04-12Feltz Printing Service PROPOSAL23Asiya Javayant
1027Leon A SlusarskiSpain2026-04-26King, Christopher A Esq PROPOSAL27Asiya Javayant
1028Kadeem P DilliardRussia2026-04-17Dorl, James J Esq PROPOSAL39Asiya Javayant
1029Izzy R IturbideArgentina2026-04-18Feiner Bros NEW71Elwin Sharvill
1030Jefferson B PoquetteCanada2026-04-07Printing Dimensions NEW24Ivan Magalhaes
1031Tony L IturbideGermany2026-04-09King, Christopher A Esq NEGOTIATION61Ioni Bowcher
1032Adams A RoysterCanada2026-04-27Benton, John B Jr PROPOSAL61Ivan Magalhaes
1033Wickens O KolmetzArgentina2026-04-07Truhlar And Truhlar Attys QUALIFIED49Bernardo Dominic
1034Johnson M CaudyArgentina2026-04-30Feiner Bros PROPOSAL58Bernardo Dominic
1035Aditya I BologniaCanada2026-04-21Chanay, Jeffrey A Esq RENEWAL75Anna Fali
1036Aruna N ChuiArgentina2026-04-19Feltz Printing Service QUALIFIED57Ioni Bowcher
1037Mujtaba D MorascaRussia2026-05-02Commercial Press RENEWAL91Asiya Javayant
1038Isabel F BowleyBrazil2026-04-20Truhlar And Truhlar Attys QUALIFIED5Bernardo Dominic
1039Chavez E SchemmerSpain2026-04-11Buckley Miller Wright PROPOSAL71Xuxue Feng
1040Francesco C SlusarskiItaly2026-04-23Buckley Miller Wright NEW91Amy Elsner
1041Alejandro O MarrierBrazil2026-05-01King, Christopher A Esq UNQUALIFIED38Onyama Limba
1042Leon L CaldareraBrazil2026-04-12Dorl, James J Esq QUALIFIED62Elwin Sharvill
1043Morrow Q GauchoSpain2026-04-29Morlong Associates NEW71Stephen Shaw
1044Faith Y PoquetteItaly2026-04-22Chanay, Jeffrey A Esq QUALIFIED27Ioni Bowcher
1045Cody J MaletGermany2026-04-09Rousseaux, Michael Esq PROPOSAL64Anna Fali
1046Maria Z DilliardAustralia2026-05-03Buckley Miller Wright PROPOSAL2Amy Elsner
1047Chavez L SergiArgentina2026-05-04Dorl, James J Esq PROPOSAL40Anna Fali
1048Nicolas M RulapaughGermany2026-04-24Dorl, James J Esq NEGOTIATION85Anna Fali
1049Leon Y VocelkaItaly2026-04-27Chanay, Jeffrey A Esq PROPOSAL55Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Misaki K ChuiGermanyIvan Magalhaes NEW
Jennifer F SaylorsSpainAmy Elsner RENEWAL
Arvin Q DarakjyJapanBernardo Dominic QUALIFIED
Ashley Y SergiJapanAsiya Javayant QUALIFIED
Julie R BologniaJapanXuxue Feng QUALIFIED
Ashley H VocelkaFranceAnna Fali QUALIFIED
Sinclair K DilliardFranceStephen Shaw NEW
Julie P OldroydItalyBernardo Dominic NEGOTIATION
Francesco R KuskoGermanyBernardo Dominic QUALIFIED
Alejandro C KolmetzAustraliaXuxue Feng PROPOSAL
Jefferson J CaudyFranceOnyama Limba PROPOSAL
Ivar S IturbideSpainElwin Sharvill PROPOSAL
Juan O FlosiRussiaStephen Shaw UNQUALIFIED
Misaki I RimBrazilOnyama Limba UNQUALIFIED
Chavez E KuskoJapanStephen Shaw PROPOSAL
Octavia F GillianArgentinaXuxue Feng UNQUALIFIED
Aika P SlusarskiUnited KingdomAsiya Javayant QUALIFIED
Jeanfrancois I MarrierItalyOnyama Limba PROPOSAL
Costa I VocelkaBrazilElwin Sharvill NEGOTIATION
Rodrigues E PoquetteFranceIvan Magalhaes RENEWAL
Johnson W MorascaSpainElwin Sharvill NEW
Ivar O GauchoArgentinaIoni Bowcher PROPOSAL
Francesco H InouyeCanadaOnyama Limba NEW
Arvin L PerinIndiaAsiya Javayant RENEWAL
Wickens N OstroskyIndiaIvan Magalhaes PROPOSAL
Smith P AmigonFranceIoni Bowcher NEGOTIATION
Antonio U RutaGermanyElwin Sharvill PROPOSAL
Aruna J OstroskyUnited KingdomElwin Sharvill PROPOSAL
Ivar W KuskoBrazilAmy Elsner QUALIFIED
Stacey X SaylorsSpainBernardo Dominic PROPOSAL
Leon R CaldareraCanadaElwin Sharvill UNQUALIFIED
Arvin L RimBrazilXuxue Feng UNQUALIFIED
Silvio S VocelkaItalyElwin Sharvill PROPOSAL
Salvatore X WaycottArgentinaIoni Bowcher QUALIFIED
James G InouyeItalyAsiya Javayant QUALIFIED
Maria T VocelkaUnited KingdomXuxue Feng PROPOSAL
Izzy R BriddickArgentinaAsiya Javayant NEGOTIATION
Cody T NestleItalyXuxue Feng RENEWAL
Chavez E SergiFranceAmy Elsner PROPOSAL
Alejandro X FlosiSpainStephen Shaw UNQUALIFIED
Faith R RimFranceAnna Fali NEW
Leon E RulapaughAustraliaElwin Sharvill NEGOTIATION
Greenwood Z FlosiSpainStephen Shaw PROPOSAL
Murillo A MaletSpainStephen Shaw RENEWAL
Aruna G FerenczItalyElwin Sharvill NEW
Costa A SergiIndiaIoni Bowcher PROPOSAL
Clifford F BriddickUnited KingdomOnyama Limba NEW
Salvatore Z BowleyJapanOnyama Limba NEGOTIATION
Silvio C RulapaughRussiaIoni Bowcher NEGOTIATION
Chavez G GillianItalyOnyama Limba UNQUALIFIED
Frozen Columns
Name
Ricardo I Flosi
Faith T Sergi
Julie K Figeroa
Jeanfrancois T Perin
Silvio S Doe
Stacey V Briddick
Darci Y Doe
Costa Y Albares
Ashley P Bowley
Johnson F Albares
James N Doe
Leja Y Vocelka
Tony F Doe
Smith H Foller
Salvatore A Garufi
Isabel W Bowley
Claire J Stenseth
Jones F Schemmer
Juan B Marrier
Aditya C Sergi
Salvatore H Gillian
Alejandro G Rim
Aditya X Rim
Francesco H Gillian
Clifford N Bowley
Faith L Stenseth
Ricardo M Kolmetz
Salvatore E Foller
Jefferson N Schemmer
Faith L Rim
Ashley Z Tollner
Munro N Albares
Salvatore R Bowley
Aruna A Kolmetz
Kaitlin B Ruta
Emily F Amigon
Aika A Slusarski
Adams M Royster
Juan Z Slusarski
Smith C Venere
Smith N Figeroa
Kaitlin H Bowley
Munro P Waycott
Smith O Kolmetz
Jennifer K Kolmetz
Greenwood W Garufi
Salvatore G Bolognia
Ivar X Ostrosky
Emily E Marrier
Emily E Rulapaugh
IdCountryDate
1000United Kingdom2026-04-10
1001Germany2026-04-12
1002Japan2026-04-24
1003France2026-04-14
1004Canada2026-04-29
1005Germany2026-04-26
1006India2026-04-27
1007Brazil2026-05-05
1008India2026-04-27
1009India2026-04-25
1010France2026-04-30
1011Argentina2026-04-25
1012Spain2026-04-27
1013Italy2026-04-08
1014Canada2026-04-10
1015Brazil2026-04-10
1016India2026-05-02
1017Brazil2026-04-19
1018France2026-04-16
1019Canada2026-04-28
1020Australia2026-04-15
1021Russia2026-04-22
1022Argentina2026-04-06
1023France2026-05-02
1024Australia2026-04-07
1025Italy2026-04-17
1026Argentina2026-04-15
1027Australia2026-05-01
1028France2026-04-16
1029Argentina2026-04-08
1030Italy2026-05-03
1031Germany2026-04-14
1032Argentina2026-04-17
1033France2026-04-06
1034Australia2026-04-15
1035Australia2026-04-10
1036Germany2026-04-18
1037France2026-04-14
1038Italy2026-04-07
1039Italy2026-04-18
1040Argentina2026-04-21
1041France2026-04-17
1042Brazil2026-04-17
1043United Kingdom2026-04-09
1044Brazil2026-04-28
1045Canada2026-04-14
1046Russia2026-04-06
1047Australia2026-04-24
1048India2026-04-13
1049Russia2026-04-08

On-Demand Data

NameIdCountryDate
Emily M Rim1000Argentina2026-04-15
Rodrigues C Wieser1001India2026-05-04
Sinclair C Ruta1002Spain2026-05-02
Stacey T Caldarera1003Canada2026-04-23
Adams Y Malet1004France2026-04-19
Maisha J Dilliard1005France2026-04-19
Chavez M Doe1006Germany2026-04-08
Darci A Figeroa1007Germany2026-04-06
Cody V Slusarski1008Russia2026-04-09
Wickens D Bolognia1009Australia2026-04-06
Maisha S Foller1010Canada2026-04-22
Octavia S Gaucho1011Russia2026-04-11
Stacey Y Darakjy1012Argentina2026-04-14
Morrow Z Dilliard1013France2026-04-24
Sinclair E Doe1014Argentina2026-04-26
Stacey W Kusko1015Italy2026-04-26
Greenwood R Sergi1016Japan2026-04-08
Stacey D Bowley1017Australia2026-04-12
Isabel J Vocelka1018Brazil2026-04-21
Costa A Tollner1019Australia2026-04-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Juan K CaudyJapanAmy Elsner UNQUALIFIED
Ivar N PerinJapanOnyama Limba RENEWAL
Johnson B MaletUnited KingdomXuxue Feng NEW
Darci K CaudyGermanyElwin Sharvill NEGOTIATION
Sinclair W KolmetzIndiaBernardo Dominic QUALIFIED
Salvatore H OstroskyAustraliaStephen Shaw UNQUALIFIED
Leon A DilliardCanadaElwin Sharvill NEGOTIATION
Jeanfrancois Q CampainItalyIvan Magalhaes QUALIFIED
Arvin E GauchoSpainIoni Bowcher NEGOTIATION
Aditya N CaudyRussiaIoni Bowcher QUALIFIED
Smith J PerinUnited KingdomXuxue Feng NEW
Maisha L VenereJapanStephen Shaw RENEWAL
Aika D FerenczUnited KingdomStephen Shaw NEGOTIATION
Antonio Z FlosiBrazilAsiya Javayant RENEWAL
Ashley C VocelkaGermanyAsiya Javayant NEGOTIATION
Aika N SchemmerUnited KingdomOnyama Limba PROPOSAL
Chavez B WaycottFranceAnna Fali NEGOTIATION
Misaki N BowleySpainAnna Fali PROPOSAL
Aditya P GillianFranceElwin Sharvill NEW
Nicolas S CaudyBrazilBernardo Dominic QUALIFIED
Chavez B PerinCanadaXuxue Feng PROPOSAL
Kadeem A BologniaJapanAsiya Javayant QUALIFIED
Juan A IturbideJapanAmy Elsner NEW
Morrow W CampainRussiaOnyama Limba PROPOSAL
Maria W NickaArgentinaIvan Magalhaes NEW
Tony P BologniaJapanAsiya Javayant NEW
Francesco X PoquetteAustraliaBernardo Dominic UNQUALIFIED
Costa R KuskoUnited KingdomAmy Elsner PROPOSAL
Murillo K FerenczUnited KingdomAnna Fali NEW
Ashley A FerenczIndiaAnna Fali NEW
Morrow S DoeItalyIvan Magalhaes QUALIFIED
Nicolas O PaprockiGermanyAmy Elsner PROPOSAL
Rodrigues R FerenczFranceBernardo Dominic NEGOTIATION
Adams W SergiBrazilIvan Magalhaes QUALIFIED
Murillo A CaudyArgentinaStephen Shaw UNQUALIFIED
Ivar O CaudyIndiaAmy Elsner QUALIFIED
Aditya R WaycottSpainIoni Bowcher NEGOTIATION
Emily A SlusarskiUnited KingdomIoni Bowcher NEGOTIATION
Clifford R ButtCanadaAsiya Javayant NEGOTIATION
Juan J ButtUnited KingdomIoni 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.