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
Leja T BriddickUnited KingdomIvan Magalhaes UNQUALIFIED
Nicolas L IturbideFranceXuxue Feng QUALIFIED
Aditya Z AmigonJapanAnna Fali PROPOSAL
Maisha P KolmetzArgentinaIoni Bowcher UNQUALIFIED
Salvatore Q ChuiCanadaAmy Elsner RENEWAL
Misaki A PerinAustraliaAmy Elsner QUALIFIED
Deepesh K MacleadFranceStephen Shaw PROPOSAL
Aruna O MacleadCanadaAnna Fali PROPOSAL
Faith E MacleadJapanOnyama Limba QUALIFIED
Leja N ButtSpainBernardo Dominic NEGOTIATION
Kadeem X GarufiJapanAmy Elsner NEGOTIATION
Ricardo X MacleadSpainAnna Fali QUALIFIED
Costa B TollnerArgentinaIoni Bowcher NEGOTIATION
Smith B SaylorsAustraliaOnyama Limba RENEWAL
Adams O KolmetzGermanyIvan Magalhaes UNQUALIFIED
Leon I AlbaresBrazilIoni Bowcher NEGOTIATION
Johnson P FlosiUnited KingdomBernardo Dominic QUALIFIED
Izzy Y GauchoSpainIvan Magalhaes NEGOTIATION
Jeanfrancois T AlbaresGermanyIoni Bowcher PROPOSAL
Octavia D VenereRussiaAsiya Javayant NEGOTIATION
Deepesh R GauchoGermanyXuxue Feng UNQUALIFIED
Clifford L NestleSpainBernardo Dominic NEGOTIATION
Aditya O BowleyArgentinaAnna Fali NEGOTIATION
Sinclair X StockhamIndiaIoni Bowcher PROPOSAL
Claire X RoysterGermanyIoni Bowcher UNQUALIFIED
Leon T NestleArgentinaAnna Fali RENEWAL
Juan E MorascaGermanyIoni Bowcher UNQUALIFIED
Aika Y CampainItalyAsiya Javayant QUALIFIED
Izzy A CaldareraItalyOnyama Limba RENEWAL
Maisha N BowleyIndiaIvan Magalhaes PROPOSAL
Kaitlin K DilliardRussiaXuxue Feng RENEWAL
Jones L CampainFranceAmy Elsner QUALIFIED
Rodrigues H WaycottUnited KingdomAnna Fali PROPOSAL
Tony S FerenczArgentinaElwin Sharvill RENEWAL
Darci S GarufiAustraliaAnna Fali PROPOSAL
Stacey P TollnerJapanAmy Elsner QUALIFIED
Chavez A NickaCanadaOnyama Limba NEGOTIATION
Sinclair C BowleySpainAnna Fali QUALIFIED
Kaitlin S NickaFranceAsiya Javayant RENEWAL
Faith K SergiSpainIvan Magalhaes UNQUALIFIED
Faith E StensethCanadaOnyama Limba NEW
Octavia F SergiFranceElwin Sharvill RENEWAL
Arvin P NickaBrazilAmy Elsner RENEWAL
Stacey B MarrierBrazilIoni Bowcher UNQUALIFIED
Ashley R PerinAustraliaAsiya Javayant NEGOTIATION
Juan E RutaJapanElwin Sharvill NEGOTIATION
Murillo Z KuskoCanadaBernardo Dominic RENEWAL
Kaitlin T MaletJapanOnyama Limba PROPOSAL
Ivar J OstroskyFranceAmy Elsner NEW
Misaki X AlbaresCanadaElwin Sharvill NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Juan N NestleRussiaXuxue Feng NEGOTIATION
Arvin R SchemmerJapanIvan Magalhaes PROPOSAL
Claire N FollerSpainOnyama Limba UNQUALIFIED
Arvin X MacleadBrazilAnna Fali RENEWAL
Aditya Z SergiBrazilIoni Bowcher NEGOTIATION
Silvio R KolmetzAustraliaAsiya Javayant NEW
Izzy U InouyeSpainElwin Sharvill PROPOSAL
Clifford Z CampainIndiaIoni Bowcher NEGOTIATION
Maisha J SergiSpainXuxue Feng NEGOTIATION
Jeanfrancois G GlickArgentinaAmy Elsner NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kaitlin I IturbideAustralia2026-04-17Dorl, James J Esq NEW28Onyama Limba
1001Mujtaba U PoquetteGermany2026-04-18Feltz Printing Service PROPOSAL13Ivan Magalhaes
1002Sinclair I GillianSpain2026-04-13Benton, John B Jr RENEWAL5Stephen Shaw
1003Wickens Z RimFrance2026-05-08Morlong Associates NEW49Ioni Bowcher
1004Silvio Q FlosiAustralia2026-04-15Rangoni Of Florence PROPOSAL41Elwin Sharvill
1005Kaitlin D TollnerSpain2026-04-19Printing Dimensions NEW11Amy Elsner
1006Morrow M StensethGermany2026-05-01Feltz Printing Service RENEWAL66Ioni Bowcher
1007Jefferson F SergiBrazil2026-04-15Chanay, Jeffrey A Esq NEGOTIATION26Onyama Limba
1008Smith M GarufiCanada2026-04-18King, Christopher A Esq NEGOTIATION84Ioni Bowcher
1009Maria J SlusarskiFrance2026-04-15Morlong Associates NEW63Anna Fali
1010Adams X FerenczSpain2026-04-28Printing Dimensions PROPOSAL65Amy Elsner
1011Wickens V VenereAustralia2026-05-05Rangoni Of Florence RENEWAL22Ivan Magalhaes
1012Nicolas H OldroydItaly2026-04-18Benton, John B Jr NEGOTIATION6Ivan Magalhaes
1013Faith E IturbideItaly2026-04-13Rousseaux, Michael Esq RENEWAL23Ioni Bowcher
1014Greenwood O MaletRussia2026-04-28Chapman, Ross E Esq NEW12Ioni Bowcher
1015Costa V PoquetteIndia2026-05-06Truhlar And Truhlar Attys QUALIFIED93Elwin Sharvill
1016Leja C FlosiFrance2026-04-28Chemel, James L Cpa RENEWAL53Ioni Bowcher
1017Salvatore U NickaBrazil2026-04-24Rangoni Of Florence QUALIFIED40Xuxue Feng
1018Faith J DilliardFrance2026-04-22Dorl, James J Esq RENEWAL73Anna Fali
1019David D CaldareraItaly2026-04-21Benton, John B Jr QUALIFIED42Anna Fali
1020Misaki V StockhamSpain2026-04-25Printing Dimensions PROPOSAL3Amy Elsner
1021Silvio B AlbaresIndia2026-04-21Chanay, Jeffrey A Esq RENEWAL21Asiya Javayant
1022Silvio M InouyeJapan2026-04-23Rangoni Of Florence NEGOTIATION40Ioni Bowcher
1023Ashley E DilliardItaly2026-05-04Chemel, James L Cpa UNQUALIFIED75Ivan Magalhaes
1024Munro L SaylorsCanada2026-04-30Rangoni Of Florence RENEWAL38Onyama Limba
1025Faith P RutaJapan2026-05-05Chanay, Jeffrey A Esq NEGOTIATION27Anna Fali
1026Leon H KolmetzJapan2026-04-30Chanay, Jeffrey A Esq UNQUALIFIED71Bernardo Dominic
1027Jennifer M VenereIndia2026-04-11Buckley Miller Wright QUALIFIED67Onyama Limba
1028Leon U SaylorsRussia2026-04-19Chapman, Ross E Esq RENEWAL60Xuxue Feng
1029Rodrigues N SlusarskiIndia2026-05-05Chemel, James L Cpa NEGOTIATION84Ioni Bowcher
1030Emily H DilliardIndia2026-05-01Commercial Press NEGOTIATION79Bernardo Dominic
1031Darci I FerenczJapan2026-04-26Rousseaux, Michael Esq NEGOTIATION19Bernardo Dominic
1032Sinclair Y WhobreyBrazil2026-04-25Commercial Press UNQUALIFIED93Amy Elsner
1033Julie C OstroskyBrazil2026-04-25Feltz Printing Service NEGOTIATION52Anna Fali
1034Adams L SlusarskiFrance2026-05-03Chapman, Ross E Esq QUALIFIED44Onyama Limba
1035Morrow I KolmetzUnited Kingdom2026-05-08Chemel, James L Cpa NEGOTIATION44Ivan Magalhaes
1036Claire X VocelkaRussia2026-04-14Truhlar And Truhlar Attys NEW69Amy Elsner
1037Sinclair H CampainBrazil2026-04-11Chapman, Ross E Esq UNQUALIFIED91Onyama Limba
1038Emily N RutaAustralia2026-04-10Chanay, Jeffrey A Esq QUALIFIED97Xuxue Feng
1039Julie Y DarakjyCanada2026-04-15Printing Dimensions RENEWAL96Ioni Bowcher
1040Sinclair O CaudyFrance2026-04-20Feiner Bros UNQUALIFIED52Ioni Bowcher
1041Arvin M KuskoRussia2026-04-30Dorl, James J Esq UNQUALIFIED57Ioni Bowcher
1042Nicolas R PerinGermany2026-04-09Benton, John B Jr RENEWAL22Asiya Javayant
1043Deepesh T InouyeGermany2026-04-29King, Christopher A Esq QUALIFIED62Elwin Sharvill
1044Aditya W MacleadAustralia2026-04-28Morlong Associates UNQUALIFIED30Bernardo Dominic
1045Morrow H InouyeIndia2026-04-14Chapman, Ross E Esq NEW80Ivan Magalhaes
1046Aruna W NestleCanada2026-04-29Chemel, James L Cpa UNQUALIFIED59Onyama Limba
1047Kaitlin T WieserBrazil2026-04-10Buckley Miller Wright PROPOSAL22Asiya Javayant
1048Leja U ShinkoFrance2026-04-18Chemel, James L Cpa PROPOSAL2Ioni Bowcher
1049Ivar C WaycottArgentina2026-05-04King, Christopher A Esq NEW29Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Misaki M CampainGermanyAsiya Javayant NEW
Stacey V SlusarskiUnited KingdomAnna Fali UNQUALIFIED
Claire L CaldareraCanadaAmy Elsner NEW
Morrow I CaudyGermanyElwin Sharvill NEW
Adams A BowleyFranceOnyama Limba PROPOSAL
Francesco I AmigonBrazilAmy Elsner RENEWAL
Kaitlin H MaletGermanyIoni Bowcher QUALIFIED
Juan Q IturbideUnited KingdomXuxue Feng PROPOSAL
Jeanfrancois A SaylorsGermanyAmy Elsner QUALIFIED
Francesco F InouyeItalyBernardo Dominic PROPOSAL
Jefferson Y SlusarskiJapanIvan Magalhaes UNQUALIFIED
Silvio L AlbaresBrazilBernardo Dominic RENEWAL
Morrow I NickaArgentinaXuxue Feng NEGOTIATION
Claire P SlusarskiFranceStephen Shaw UNQUALIFIED
Costa C CaldareraRussiaXuxue Feng RENEWAL
Emily V GillianJapanXuxue Feng RENEWAL
Jones K PoquetteIndiaBernardo Dominic UNQUALIFIED
Francesco F WaycottItalyElwin Sharvill PROPOSAL
Morrow S SlusarskiFranceAnna Fali UNQUALIFIED
Munro Y AmigonGermanyElwin Sharvill NEW
Sinclair E BologniaJapanIvan Magalhaes PROPOSAL
Nicolas J VocelkaRussiaIoni Bowcher NEGOTIATION
Isabel G FerenczUnited KingdomBernardo Dominic NEW
Salvatore S BologniaItalyAmy Elsner RENEWAL
Aika Q RoysterGermanyAnna Fali NEW
Ivar G NestleArgentinaIoni Bowcher UNQUALIFIED
Jefferson Y CaudyBrazilStephen Shaw NEGOTIATION
Smith P DarakjySpainStephen Shaw NEW
Mujtaba C PaprockiSpainAmy Elsner UNQUALIFIED
Isabel X PaprockiArgentinaAnna Fali NEGOTIATION
Ricardo B RulapaughSpainAmy Elsner QUALIFIED
Maisha N CaudyItalyXuxue Feng NEW
Greenwood A OstroskyJapanBernardo Dominic NEW
Misaki W CaldareraSpainXuxue Feng PROPOSAL
Emily U DarakjyArgentinaXuxue Feng RENEWAL
Clifford W FollerItalyBernardo Dominic RENEWAL
Octavia O DilliardAustraliaAmy Elsner UNQUALIFIED
David P NickaUnited KingdomIvan Magalhaes NEGOTIATION
Leja K GauchoRussiaAnna Fali QUALIFIED
Ricardo Z DoeJapanIoni Bowcher RENEWAL
Leja P NestleUnited KingdomElwin Sharvill UNQUALIFIED
Ashley L OldroydArgentinaElwin Sharvill NEW
Wickens H MacleadSpainBernardo Dominic NEGOTIATION
Adams R ChuiItalyIvan Magalhaes QUALIFIED
Costa R VocelkaBrazilAnna Fali QUALIFIED
Emily Z WaycottItalyStephen Shaw NEGOTIATION
Aika N AmigonGermanyXuxue Feng PROPOSAL
Sinclair B FlosiRussiaElwin Sharvill PROPOSAL
Maria B AmigonIndiaStephen Shaw PROPOSAL
Misaki E RutaFranceStephen Shaw NEW
Frozen Columns
Name
Clifford L Gaucho
Adams D Perin
Alejandro D Whobrey
Jeanfrancois W Malet
James C Amigon
Misaki L Figeroa
Jones Y Caldarera
Faith D Nestle
Jefferson T Caldarera
Munro D Bowley
Stacey D Inouye
Johnson M Nestle
Jones B Saylors
Sinclair N Rim
Francesco A Amigon
Isabel B Shinko
Jennifer K Whobrey
Juan V Poquette
Aika F Flosi
Silvio H Kusko
Salvatore I Darakjy
Octavia I Tollner
Aruna Q Marrier
Murillo G Wieser
Clifford L Morasca
Jeanfrancois X Dilliard
Arvin B Darakjy
Tony C Tollner
Jefferson L Maclead
Ashley D Iturbide
Arvin U Garufi
Jennifer X Marrier
Leon B Schemmer
Kadeem C Kolmetz
Isabel G Iturbide
Adams K Albares
Ashley H Nicka
Maria D Shinko
Juan M Whobrey
Ashley R Tollner
Julie E Saylors
Ivar F Flosi
Wickens Q Waycott
Maisha Q Stockham
Darci P Rim
Claire T Amigon
Mayumi Q Sergi
Kadeem K Gaucho
Jennifer Z Perin
Tony Q Wieser
IdCountryDate
1000India2026-05-08
1001United Kingdom2026-04-14
1002Brazil2026-05-05
1003France2026-04-22
1004Australia2026-04-21
1005Australia2026-04-30
1006Japan2026-04-20
1007United Kingdom2026-05-03
1008Argentina2026-04-27
1009France2026-04-28
1010India2026-04-14
1011France2026-04-22
1012Russia2026-04-22
1013India2026-04-21
1014Japan2026-04-18
1015Spain2026-04-17
1016Canada2026-04-18
1017United Kingdom2026-04-15
1018Argentina2026-04-10
1019Japan2026-05-04
1020Germany2026-04-18
1021Australia2026-04-22
1022United Kingdom2026-04-21
1023Italy2026-04-12
1024Germany2026-04-11
1025Brazil2026-04-30
1026Australia2026-05-04
1027Canada2026-05-05
1028Japan2026-04-10
1029Canada2026-04-09
1030India2026-04-11
1031Japan2026-04-30
1032Canada2026-05-01
1033Canada2026-05-08
1034France2026-04-13
1035India2026-04-25
1036India2026-04-23
1037Argentina2026-04-16
1038Germany2026-04-11
1039United Kingdom2026-04-16
1040Canada2026-05-06
1041Australia2026-04-18
1042Australia2026-04-19
1043Japan2026-05-07
1044India2026-04-13
1045Germany2026-05-07
1046Argentina2026-04-10
1047Spain2026-04-28
1048Spain2026-04-19
1049Spain2026-05-02

On-Demand Data

NameIdCountryDate
Ashley I Garufi1000Australia2026-04-26
Jones I Oldroyd1001India2026-04-16
Francesco D Darakjy1002Australia2026-05-05
Cody J Waycott1003Russia2026-04-22
Stacey Z Marrier1004Germany2026-05-06
Darci E Campain1005Spain2026-04-13
Antonio X Whobrey1006Japan2026-04-09
James E Tollner1007France2026-04-11
Kaitlin K Nestle1008Italy2026-04-23
Faith E Ruta1009Australia2026-05-03
Leon X Stockham1010Italy2026-04-22
Aruna N Poquette1011Japan2026-05-08
Jones Q Caldarera1012Canada2026-04-10
Antonio E Ferencz1013Argentina2026-05-06
Kaitlin M Foller1014Italy2026-04-10
Costa L Briddick1015Canada2026-04-23
David Y Ferencz1016Germany2026-04-10
Morrow Q Darakjy1017Germany2026-04-22
Ricardo L Vocelka1018France2026-04-16
Francesco Q Gillian1019Canada2026-05-02
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Faith N VenereGermanyElwin Sharvill UNQUALIFIED
Mujtaba Q MarrierItalyAmy Elsner QUALIFIED
Rodrigues U PerinItalyIoni Bowcher UNQUALIFIED
Arvin J RulapaughGermanyAnna Fali NEGOTIATION
Darci E PoquetteBrazilAmy Elsner NEW
Maria W CaudyCanadaAnna Fali RENEWAL
Mujtaba D SlusarskiRussiaAnna Fali UNQUALIFIED
Jones X InouyeBrazilIvan Magalhaes NEW
Isabel Y WieserIndiaAmy Elsner NEGOTIATION
Maisha Y PerinSpainIoni Bowcher UNQUALIFIED
Wickens C CampainCanadaAmy Elsner NEW
Mayumi P WhobreyFranceIvan Magalhaes UNQUALIFIED
Salvatore K VenereRussiaElwin Sharvill QUALIFIED
Chavez U ShinkoFranceElwin Sharvill QUALIFIED
Kadeem C MarrierIndiaBernardo Dominic RENEWAL
Antonio A WaycottRussiaBernardo Dominic NEGOTIATION
Kadeem Y DarakjyBrazilOnyama Limba NEW
Julie D SchemmerJapanStephen Shaw NEW
Jones D CampainSpainAsiya Javayant UNQUALIFIED
Clifford C TollnerUnited KingdomAsiya Javayant UNQUALIFIED
Aditya A WieserGermanyIvan Magalhaes QUALIFIED
Francesco B ButtItalyIvan Magalhaes NEGOTIATION
Leja M SchemmerGermanyXuxue Feng NEW
Arvin Z PaprockiGermanyAnna Fali NEGOTIATION
Leja U KolmetzIndiaAnna Fali NEGOTIATION
Wickens G FigeroaBrazilOnyama Limba UNQUALIFIED
Emily G FerenczBrazilIoni Bowcher UNQUALIFIED
Morrow V WieserFranceXuxue Feng RENEWAL
Jeanfrancois G OldroydBrazilAsiya Javayant PROPOSAL
Arvin C SaylorsIndiaAnna Fali QUALIFIED
David F BowleyGermanyIoni Bowcher NEGOTIATION
Darci I RoysterRussiaOnyama Limba RENEWAL
Jeanfrancois B GauchoFranceIvan Magalhaes PROPOSAL
Maria Z VocelkaAustraliaAmy Elsner NEW
Emily Y RulapaughIndiaBernardo Dominic NEW
Antonio R ChuiIndiaBernardo Dominic UNQUALIFIED
Misaki D NickaAustraliaBernardo Dominic NEGOTIATION
Smith R WieserSpainAnna Fali PROPOSAL
Isabel C MarrierIndiaElwin Sharvill UNQUALIFIED
Ashley I PerinJapanAmy Elsner 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.