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
James R WaycottRussiaIvan Magalhaes UNQUALIFIED
Isabel N MarrierItalyElwin Sharvill QUALIFIED
Ashley M MacleadFranceStephen Shaw UNQUALIFIED
Arvin Y FerenczCanadaAmy Elsner NEGOTIATION
Nicolas I OldroydAustraliaXuxue Feng RENEWAL
Greenwood A PerinCanadaIoni Bowcher NEGOTIATION
Sinclair Q RutaSpainAsiya Javayant RENEWAL
Stacey G NestleRussiaIoni Bowcher NEW
Kadeem S CaudyUnited KingdomBernardo Dominic NEGOTIATION
Isabel G PerinItalyStephen Shaw QUALIFIED
Murillo W CampainCanadaBernardo Dominic NEGOTIATION
Ricardo T KuskoSpainElwin Sharvill NEW
Morrow V GauchoAustraliaStephen Shaw NEW
Stacey Y IturbideCanadaAnna Fali RENEWAL
Morrow P IturbideRussiaIoni Bowcher NEGOTIATION
Julie I AmigonArgentinaIvan Magalhaes UNQUALIFIED
Isabel G WieserJapanAmy Elsner NEGOTIATION
Darci O PaprockiSpainBernardo Dominic PROPOSAL
Aruna E GlickBrazilIoni Bowcher QUALIFIED
Smith J InouyeUnited KingdomAsiya Javayant NEW
Jeanfrancois H FerenczFranceIvan Magalhaes NEW
Francesco J MarrierGermanyAmy Elsner QUALIFIED
Maisha Q AlbaresUnited KingdomAnna Fali NEW
Leon T VocelkaJapanStephen Shaw UNQUALIFIED
Munro V MorascaBrazilElwin Sharvill NEGOTIATION
Leja X RimIndiaIoni Bowcher QUALIFIED
Stacey M BriddickCanadaAnna Fali PROPOSAL
Izzy J MaletCanadaElwin Sharvill UNQUALIFIED
Francesco Y KuskoJapanIoni Bowcher RENEWAL
Juan Y MorascaSpainAmy Elsner UNQUALIFIED
Ivar C SergiRussiaIoni Bowcher PROPOSAL
Murillo T InouyeAustraliaIvan Magalhaes PROPOSAL
Clifford A WieserUnited KingdomBernardo Dominic NEGOTIATION
Ivar C SaylorsAustraliaAsiya Javayant QUALIFIED
Ricardo R WaycottBrazilXuxue Feng PROPOSAL
Maisha T GarufiArgentinaOnyama Limba NEW
Smith B MaletGermanyBernardo Dominic RENEWAL
Faith E BowleyItalyAmy Elsner NEW
Isabel E NestleArgentinaElwin Sharvill PROPOSAL
Juan B MorascaArgentinaStephen Shaw QUALIFIED
Kadeem O MarrierAustraliaElwin Sharvill QUALIFIED
Julie X SchemmerArgentinaElwin Sharvill QUALIFIED
Faith Z CaldareraJapanAnna Fali PROPOSAL
Francesco V GauchoFranceIvan Magalhaes QUALIFIED
Munro R BowleyUnited KingdomBernardo Dominic QUALIFIED
Claire V FlosiAustraliaIoni Bowcher NEGOTIATION
Leja E SlusarskiBrazilAnna Fali PROPOSAL
Kadeem C NickaRussiaElwin Sharvill UNQUALIFIED
Mayumi I SaylorsItalyAsiya Javayant NEGOTIATION
Morrow I AlbaresItalyIvan Magalhaes NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Greenwood M GarufiArgentinaBernardo Dominic QUALIFIED
Maisha O CaudyArgentinaAnna Fali NEW
Misaki Q ChuiAustraliaStephen Shaw NEGOTIATION
Juan Z AmigonIndiaStephen Shaw PROPOSAL
Cody O MaletFranceAsiya Javayant RENEWAL
Mujtaba Z MaletRussiaAnna Fali QUALIFIED
Jennifer J ChuiGermanyOnyama Limba QUALIFIED
Greenwood C WaycottRussiaAmy Elsner UNQUALIFIED
Mayumi L ShinkoArgentinaOnyama Limba PROPOSAL
Mayumi G DoeBrazilElwin Sharvill NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Alejandro O SaylorsGermany2026-05-08Feiner Bros NEW93Asiya Javayant
1001Maria O KolmetzGermany2026-05-17Commercial Press PROPOSAL72Bernardo Dominic
1002Costa W FlosiAustralia2026-04-27Chemel, James L Cpa PROPOSAL53Anna Fali
1003Chavez D MaletRussia2026-04-23Dorl, James J Esq QUALIFIED96Xuxue Feng
1004David Y PaprockiGermany2026-05-10Benton, John B Jr PROPOSAL0Bernardo Dominic
1005Clifford N SergiJapan2026-04-23Chanay, Jeffrey A Esq NEGOTIATION51Xuxue Feng
1006James S CaudyJapan2026-04-29Feiner Bros NEGOTIATION71Bernardo Dominic
1007Sinclair O KuskoCanada2026-05-01Dorl, James J Esq NEGOTIATION79Elwin Sharvill
1008Stacey S CaudyArgentina2026-05-11Truhlar And Truhlar Attys QUALIFIED41Ioni Bowcher
1009Ivar S CampainItaly2026-04-30Chemel, James L Cpa NEW19Anna Fali
1010David G ChuiSpain2026-05-07Chanay, Jeffrey A Esq NEW63Xuxue Feng
1011Maria T BriddickArgentina2026-05-10Buckley Miller Wright QUALIFIED60Stephen Shaw
1012Jeanfrancois P AmigonFrance2026-05-08Feltz Printing Service NEGOTIATION7Ioni Bowcher
1013Alejandro G RulapaughGermany2026-05-12Printing Dimensions QUALIFIED81Elwin Sharvill
1014Jones Z PaprockiRussia2026-05-14Printing Dimensions NEW58Bernardo Dominic
1015Clifford L GauchoJapan2026-05-19Chapman, Ross E Esq NEGOTIATION51Asiya Javayant
1016Ivar F StockhamItaly2026-05-22Truhlar And Truhlar Attys UNQUALIFIED69Elwin Sharvill
1017Jones T MorascaBrazil2026-05-04Feiner Bros PROPOSAL30Xuxue Feng
1018Greenwood Z ChuiCanada2026-05-14Feltz Printing Service QUALIFIED30Elwin Sharvill
1019Kaitlin U PoquetteFrance2026-05-15Chanay, Jeffrey A Esq PROPOSAL1Xuxue Feng
1020Murillo U ShinkoItaly2026-04-29Dorl, James J Esq NEW86Stephen Shaw
1021Kaitlin C FollerSpain2026-05-08King, Christopher A Esq RENEWAL50Elwin Sharvill
1022Faith P NickaJapan2026-05-18Commercial Press NEW21Bernardo Dominic
1023Cody T PerinAustralia2026-05-17Feltz Printing Service PROPOSAL1Elwin Sharvill
1024Wickens G AmigonIndia2026-05-12Printing Dimensions RENEWAL48Elwin Sharvill
1025Stacey Z BologniaJapan2026-04-25Commercial Press RENEWAL18Xuxue Feng
1026Alejandro N OstroskyCanada2026-05-11Feltz Printing Service NEW94Amy Elsner
1027Juan Z FollerArgentina2026-04-29Rousseaux, Michael Esq QUALIFIED21Ivan Magalhaes
1028Chavez W KolmetzAustralia2026-05-17Truhlar And Truhlar Attys PROPOSAL97Ioni Bowcher
1029Ashley B OldroydFrance2026-05-13Chemel, James L Cpa PROPOSAL12Ivan Magalhaes
1030Deepesh D NickaAustralia2026-05-03Chanay, Jeffrey A Esq NEW75Elwin Sharvill
1031Misaki N MorascaAustralia2026-05-06King, Christopher A Esq QUALIFIED72Amy Elsner
1032Johnson R AlbaresUnited Kingdom2026-04-30Feltz Printing Service UNQUALIFIED99Elwin Sharvill
1033James B WaycottBrazil2026-04-30Chanay, Jeffrey A Esq NEW54Asiya Javayant
1034Antonio X WaycottGermany2026-05-13Buckley Miller Wright NEW41Asiya Javayant
1035Jefferson C CaldareraArgentina2026-04-25Benton, John B Jr RENEWAL28Ioni Bowcher
1036Darci R MaletCanada2026-05-21Morlong Associates NEW91Ivan Magalhaes
1037Cody B SaylorsGermany2026-04-25Feltz Printing Service RENEWAL79Anna Fali
1038Antonio U AmigonFrance2026-05-06Chemel, James L Cpa UNQUALIFIED52Asiya Javayant
1039Mayumi Z AmigonCanada2026-05-11Dorl, James J Esq RENEWAL8Onyama Limba
1040Smith X RulapaughArgentina2026-05-18Printing Dimensions RENEWAL88Anna Fali
1041Tony L ChuiCanada2026-04-27Truhlar And Truhlar Attys PROPOSAL41Stephen Shaw
1042Jefferson P MarrierUnited Kingdom2026-05-20Chemel, James L Cpa UNQUALIFIED73Elwin Sharvill
1043Antonio K OstroskyBrazil2026-04-26Truhlar And Truhlar Attys QUALIFIED71Asiya Javayant
1044Adams A SlusarskiGermany2026-05-02Truhlar And Truhlar Attys UNQUALIFIED18Asiya Javayant
1045Faith H WhobreyIndia2026-05-10Printing Dimensions RENEWAL38Xuxue Feng
1046Johnson Y StockhamUnited Kingdom2026-05-21Rangoni Of Florence NEW55Ivan Magalhaes
1047Wickens I PerinSpain2026-05-02Truhlar And Truhlar Attys UNQUALIFIED58Ioni Bowcher
1048Smith B GauchoFrance2026-05-05Commercial Press RENEWAL38Ivan Magalhaes
1049Morrow K WhobreyCanada2026-04-29Printing Dimensions NEW18Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Nicolas Y WieserJapanIoni Bowcher UNQUALIFIED
Salvatore G CaldareraFranceXuxue Feng NEGOTIATION
Arvin R GarufiFranceXuxue Feng NEW
Ricardo W VenereSpainXuxue Feng PROPOSAL
Leon C FigeroaRussiaAsiya Javayant UNQUALIFIED
Cody R MaletJapanIoni Bowcher NEW
Kadeem U VenereCanadaOnyama Limba RENEWAL
Aditya W ChuiRussiaXuxue Feng PROPOSAL
Juan Q AlbaresIndiaElwin Sharvill NEW
Emily J FollerRussiaIoni Bowcher UNQUALIFIED
Antonio L FigeroaSpainStephen Shaw NEGOTIATION
Aditya X OldroydGermanyBernardo Dominic RENEWAL
Leon Z NestleCanadaIoni Bowcher UNQUALIFIED
Emily V AlbaresIndiaElwin Sharvill RENEWAL
Maisha H RulapaughCanadaAmy Elsner QUALIFIED
Leon C MorascaSpainBernardo Dominic PROPOSAL
Jennifer E NestleBrazilXuxue Feng RENEWAL
Arvin L VocelkaUnited KingdomIoni Bowcher PROPOSAL
Ricardo N PoquetteAustraliaIoni Bowcher UNQUALIFIED
Octavia O FollerSpainOnyama Limba RENEWAL
Ivar N PerinJapanIoni Bowcher RENEWAL
Jefferson P SergiBrazilAmy Elsner UNQUALIFIED
Stacey S VenereSpainXuxue Feng NEGOTIATION
Jennifer F KolmetzFranceAnna Fali NEGOTIATION
James I StensethGermanyOnyama Limba QUALIFIED
Leon U OstroskyRussiaBernardo Dominic NEW
Salvatore T MorascaIndiaIvan Magalhaes NEW
Mayumi Y FollerArgentinaBernardo Dominic NEW
Aditya S StensethCanadaOnyama Limba NEW
Antonio A KuskoIndiaAmy Elsner NEGOTIATION
Silvio C PaprockiIndiaXuxue Feng RENEWAL
James G DoeArgentinaIvan Magalhaes RENEWAL
Greenwood P KolmetzFranceAsiya Javayant RENEWAL
Ricardo H CaldareraBrazilStephen Shaw NEGOTIATION
Chavez C PaprockiGermanyAnna Fali UNQUALIFIED
Cody A MorascaUnited KingdomIoni Bowcher NEGOTIATION
Morrow V SergiFranceStephen Shaw UNQUALIFIED
James D VenereCanadaAsiya Javayant NEGOTIATION
Jones H PoquetteRussiaIoni Bowcher PROPOSAL
Octavia X DilliardJapanIvan Magalhaes UNQUALIFIED
Misaki Q ChuiItalyIvan Magalhaes PROPOSAL
Ashley Z GauchoUnited KingdomElwin Sharvill PROPOSAL
Francesco I RoysterAustraliaAmy Elsner RENEWAL
Julie P BowleyRussiaIoni Bowcher NEGOTIATION
Jefferson P InouyeJapanElwin Sharvill PROPOSAL
Greenwood H DarakjyJapanAmy Elsner UNQUALIFIED
James H GarufiBrazilElwin Sharvill PROPOSAL
Kadeem H StockhamUnited KingdomElwin Sharvill NEGOTIATION
Misaki X CaldareraUnited KingdomAsiya Javayant UNQUALIFIED
Sinclair B PerinCanadaAsiya Javayant RENEWAL
Frozen Columns
Name
Adams I Rulapaugh
Leja W Caudy
Wickens I Oldroyd
Maisha R Ferencz
James N Whobrey
Greenwood X Foller
Arvin T Stenseth
James C Ruta
Maria D Bolognia
Darci M Flosi
Chavez D Ruta
Jeanfrancois S Rulapaugh
Nicolas F Stockham
Jeanfrancois R Briddick
Greenwood I Amigon
Jones V Caudy
Leon U Waycott
Alejandro G Darakjy
Deepesh J Nestle
David B Venere
Costa V Gaucho
Alejandro P Slusarski
Leja L Rim
Isabel S Ostrosky
Ashley O Chui
Alejandro O Amigon
Tony Z Stenseth
Octavia F Glick
Emily Q Caudy
Izzy Z Gaucho
Leon Y Campain
Juan X Saylors
James U Chui
James Z Rulapaugh
Nicolas B Waycott
Salvatore W Venere
Arvin J Tollner
Greenwood K Foller
Ricardo C Morasca
Jennifer Q Ruta
Isabel X Malet
Aruna W Darakjy
Ashley H Bolognia
Antonio W Foller
David X Slusarski
Silvio F Schemmer
Isabel K Nestle
Arvin P Chui
Faith Q Stenseth
Jeanfrancois Y Dilliard
IdCountryDate
1000Brazil2026-05-05
1001Spain2026-05-10
1002Japan2026-05-02
1003Germany2026-05-18
1004Japan2026-04-28
1005France2026-05-14
1006France2026-04-29
1007United Kingdom2026-05-09
1008Italy2026-05-15
1009Italy2026-05-01
1010Germany2026-05-06
1011United Kingdom2026-05-08
1012France2026-04-23
1013United Kingdom2026-05-19
1014United Kingdom2026-05-05
1015Spain2026-05-07
1016Argentina2026-05-03
1017Canada2026-05-07
1018Argentina2026-05-14
1019United Kingdom2026-05-10
1020Australia2026-05-15
1021Spain2026-05-06
1022Germany2026-05-07
1023Germany2026-04-30
1024Spain2026-05-18
1025Japan2026-05-01
1026Russia2026-04-29
1027India2026-05-17
1028Russia2026-05-10
1029India2026-05-04
1030Canada2026-04-23
1031Japan2026-04-23
1032Japan2026-05-22
1033United Kingdom2026-05-06
1034Argentina2026-05-06
1035Japan2026-05-12
1036Canada2026-05-09
1037United Kingdom2026-05-06
1038United Kingdom2026-05-17
1039Italy2026-04-27
1040United Kingdom2026-05-22
1041Brazil2026-04-29
1042Brazil2026-05-07
1043Russia2026-05-17
1044India2026-05-11
1045Canada2026-05-13
1046Spain2026-05-18
1047France2026-05-01
1048United Kingdom2026-04-24
1049Australia2026-05-21

On-Demand Data

NameIdCountryDate
Claire O Bowley1000Spain2026-05-17
Jones H Wieser1001Australia2026-04-27
Antonio S Whobrey1002Argentina2026-05-20
Murillo O Ferencz1003India2026-05-08
Isabel A Marrier1004Japan2026-05-03
Ivar L Marrier1005Spain2026-05-03
Antonio W Gillian1006India2026-05-06
James Q Figeroa1007Germany2026-04-25
Munro Z Iturbide1008United Kingdom2026-04-29
Ricardo P Figeroa1009France2026-04-30
Costa P Malet1010India2026-05-03
Darci T Bowley1011Italy2026-05-16
Isabel E Figeroa1012France2026-05-08
Faith Z Iturbide1013Russia2026-05-12
Chavez L Slusarski1014Spain2026-05-12
Kadeem F Butt1015Canada2026-04-27
Darci Z Figeroa1016Canada2026-05-16
Silvio Y Gillian1017Argentina2026-05-10
Leja Y Maclead1018Spain2026-05-17
Greenwood R Darakjy1019France2026-05-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Rodrigues R GauchoFranceIoni Bowcher UNQUALIFIED
Claire Z MarrierGermanyStephen Shaw UNQUALIFIED
Izzy S SergiAustraliaBernardo Dominic PROPOSAL
Faith P DilliardJapanOnyama Limba QUALIFIED
Jeanfrancois W KuskoArgentinaXuxue Feng NEGOTIATION
Jones Y MaletIndiaAnna Fali UNQUALIFIED
Chavez M StockhamCanadaAnna Fali NEW
Antonio V FollerBrazilOnyama Limba RENEWAL
Chavez L OldroydSpainAsiya Javayant RENEWAL
Mujtaba X SchemmerSpainAmy Elsner QUALIFIED
James W GauchoFranceBernardo Dominic NEW
Alejandro C RimJapanOnyama Limba RENEWAL
Leja M MaletSpainAnna Fali PROPOSAL
Arvin L WieserArgentinaAnna Fali UNQUALIFIED
Ivar E DarakjyGermanyAmy Elsner PROPOSAL
Leon E SlusarskiFranceStephen Shaw PROPOSAL
Tony Y VenereSpainXuxue Feng NEGOTIATION
Octavia U SlusarskiIndiaIoni Bowcher NEW
Izzy D StockhamItalyElwin Sharvill NEW
Isabel B OstroskyItalyStephen Shaw NEW
Alejandro K RimArgentinaIvan Magalhaes PROPOSAL
Maisha T MacleadBrazilAmy Elsner RENEWAL
Julie H SaylorsAustraliaAmy Elsner NEGOTIATION
Alejandro C InouyeJapanAnna Fali RENEWAL
Leon E FerenczItalyElwin Sharvill NEGOTIATION
Mujtaba X SaylorsSpainXuxue Feng QUALIFIED
Octavia X MaletIndiaAmy Elsner UNQUALIFIED
Arvin D BriddickRussiaXuxue Feng NEGOTIATION
Tony F RimBrazilIvan Magalhaes RENEWAL
Alejandro S SchemmerFranceXuxue Feng NEGOTIATION
Stacey R PaprockiItalyIoni Bowcher RENEWAL
Sinclair V FlosiIndiaAnna Fali UNQUALIFIED
Clifford C BriddickFranceAmy Elsner QUALIFIED
Cody Z BologniaBrazilOnyama Limba NEW
Clifford L CaudyArgentinaIoni Bowcher QUALIFIED
Mujtaba L TollnerCanadaAmy Elsner QUALIFIED
Jennifer R ShinkoAustraliaIvan Magalhaes QUALIFIED
Maisha G BowleySpainAmy Elsner NEGOTIATION
Ashley D WhobreyUnited KingdomAnna Fali NEGOTIATION
Misaki O OldroydIndiaStephen Shaw 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.