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
Kadeem A GillianCanadaIoni Bowcher NEGOTIATION
Maria O StockhamSpainIvan Magalhaes QUALIFIED
Juan O RimArgentinaIvan Magalhaes NEGOTIATION
James N SaylorsItalyBernardo Dominic NEW
Octavia P SlusarskiIndiaIoni Bowcher PROPOSAL
Ivar D SlusarskiRussiaIvan Magalhaes NEW
Faith R KuskoJapanIoni Bowcher PROPOSAL
Misaki G PerinBrazilOnyama Limba NEGOTIATION
Francesco Y MorascaFranceXuxue Feng NEGOTIATION
Sinclair U CaldareraItalyOnyama Limba NEW
Murillo G ChuiArgentinaAmy Elsner UNQUALIFIED
Misaki A WhobreyIndiaIoni Bowcher UNQUALIFIED
Octavia C RimItalyAmy Elsner UNQUALIFIED
Nicolas K PerinIndiaXuxue Feng NEW
Deepesh C DoeFranceIvan Magalhaes QUALIFIED
Silvio O SergiArgentinaOnyama Limba RENEWAL
Darci G SlusarskiBrazilIoni Bowcher NEGOTIATION
Jones Y FigeroaItalyIoni Bowcher NEW
Ricardo K StensethJapanXuxue Feng RENEWAL
Sinclair C GauchoIndiaIvan Magalhaes RENEWAL
Jeanfrancois V WaycottJapanAmy Elsner QUALIFIED
Rodrigues I ButtArgentinaIvan Magalhaes UNQUALIFIED
Greenwood K WaycottItalyXuxue Feng QUALIFIED
James G RutaBrazilOnyama Limba PROPOSAL
David K OldroydJapanElwin Sharvill NEW
Clifford K OstroskyCanadaAnna Fali NEW
Juan S NickaRussiaAmy Elsner UNQUALIFIED
Mujtaba L KolmetzUnited KingdomAnna Fali PROPOSAL
Ashley L NestleJapanAmy Elsner UNQUALIFIED
Kaitlin Q ShinkoBrazilXuxue Feng RENEWAL
Wickens D NestleGermanyAmy Elsner RENEWAL
Jones G StockhamGermanyElwin Sharvill UNQUALIFIED
Emily G CaudyRussiaStephen Shaw UNQUALIFIED
David R WaycottCanadaStephen Shaw UNQUALIFIED
Aika W DilliardSpainAnna Fali RENEWAL
Francesco D NickaBrazilAnna Fali QUALIFIED
Julie C MacleadSpainAmy Elsner RENEWAL
Faith L SlusarskiUnited KingdomElwin Sharvill NEGOTIATION
Sinclair R PoquetteArgentinaBernardo Dominic QUALIFIED
Antonio N CaldareraRussiaXuxue Feng UNQUALIFIED
Ivar Q IturbideItalyIvan Magalhaes NEGOTIATION
Deepesh Z SaylorsItalyAmy Elsner UNQUALIFIED
Clifford T BriddickRussiaElwin Sharvill NEGOTIATION
Chavez L GlickArgentinaStephen Shaw RENEWAL
Mujtaba Q WieserBrazilStephen Shaw NEGOTIATION
Mayumi A AmigonSpainBernardo Dominic RENEWAL
Ricardo K FollerBrazilIvan Magalhaes UNQUALIFIED
Wickens G SergiItalyBernardo Dominic RENEWAL
Jones H OldroydItalyBernardo Dominic NEGOTIATION
Jennifer X DarakjyBrazilIvan Magalhaes UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Murillo J CampainGermanyXuxue Feng NEGOTIATION
Salvatore V OstroskyArgentinaBernardo Dominic NEGOTIATION
Munro F VocelkaRussiaBernardo Dominic QUALIFIED
Nicolas G WieserJapanIvan Magalhaes NEGOTIATION
Kaitlin M GauchoFranceBernardo Dominic NEW
Leon B AmigonRussiaIoni Bowcher QUALIFIED
Misaki L FigeroaBrazilAnna Fali QUALIFIED
Aditya H ChuiGermanyIvan Magalhaes PROPOSAL
Juan H ChuiJapanXuxue Feng PROPOSAL
Emily V ChuiSpainIvan Magalhaes NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Juan T DoeRussia2026-02-24Morlong Associates RENEWAL96Bernardo Dominic
1001Cody D PaprockiIndia2026-03-18Buckley Miller Wright PROPOSAL99Onyama Limba
1002Isabel G BriddickGermany2026-03-20Morlong Associates NEW89Elwin Sharvill
1003Alejandro B ShinkoBrazil2026-03-15Rousseaux, Michael Esq NEGOTIATION52Asiya Javayant
1004James E CampainFrance2026-03-09Truhlar And Truhlar Attys RENEWAL38Stephen Shaw
1005Munro X SlusarskiUnited Kingdom2026-02-27Chemel, James L Cpa QUALIFIED49Amy Elsner
1006Mayumi R OstroskyAustralia2026-03-01Benton, John B Jr NEGOTIATION76Bernardo Dominic
1007Stacey X DarakjyItaly2026-03-17Benton, John B Jr QUALIFIED66Asiya Javayant
1008Mujtaba X FlosiGermany2026-03-11Feiner Bros NEGOTIATION43Ivan Magalhaes
1009Isabel J MaletJapan2026-03-04Rangoni Of Florence RENEWAL69Anna Fali
1010Jefferson H GillianBrazil2026-03-06Rangoni Of Florence PROPOSAL34Ioni Bowcher
1011Jones V MacleadRussia2026-02-25Buckley Miller Wright NEGOTIATION50Stephen Shaw
1012Emily V WieserItaly2026-02-26Morlong Associates UNQUALIFIED3Xuxue Feng
1013Munro Q RulapaughBrazil2026-02-21Chanay, Jeffrey A Esq NEGOTIATION13Ivan Magalhaes
1014Faith Z OldroydItaly2026-03-08Commercial Press QUALIFIED23Elwin Sharvill
1015James A DoeSpain2026-03-12Chemel, James L Cpa UNQUALIFIED29Stephen Shaw
1016Ivar H CaldareraBrazil2026-03-10Rangoni Of Florence QUALIFIED78Anna Fali
1017Ricardo N SlusarskiIndia2026-03-13Printing Dimensions NEW30Onyama Limba
1018Clifford D GlickCanada2026-03-16Truhlar And Truhlar Attys NEW85Asiya Javayant
1019David C FerenczIndia2026-03-17Commercial Press NEGOTIATION66Bernardo Dominic
1020Jennifer B FollerAustralia2026-03-21Feltz Printing Service NEW69Asiya Javayant
1021Chavez I CaldareraAustralia2026-03-11Buckley Miller Wright UNQUALIFIED47Elwin Sharvill
1022Cody S SlusarskiJapan2026-03-05Benton, John B Jr QUALIFIED56Bernardo Dominic
1023Mujtaba Y CampainArgentina2026-03-03Truhlar And Truhlar Attys NEW47Bernardo Dominic
1024Ricardo V RutaJapan2026-03-06Benton, John B Jr NEGOTIATION96Amy Elsner
1025Murillo J ButtGermany2026-02-20King, Christopher A Esq QUALIFIED40Elwin Sharvill
1026Sinclair W StensethAustralia2026-02-27Buckley Miller Wright NEGOTIATION3Ioni Bowcher
1027Jennifer W KuskoSpain2026-03-04Morlong Associates RENEWAL13Ioni Bowcher
1028Isabel J OstroskyFrance2026-03-08Feiner Bros NEGOTIATION74Ioni Bowcher
1029Jones O BriddickUnited Kingdom2026-03-03Rangoni Of Florence NEGOTIATION62Bernardo Dominic
1030Johnson A KuskoCanada2026-02-26Chanay, Jeffrey A Esq QUALIFIED68Elwin Sharvill
1031Jeanfrancois B RulapaughGermany2026-02-26Feltz Printing Service NEW67Onyama Limba
1032Ricardo T NestleBrazil2026-03-01King, Christopher A Esq RENEWAL38Ioni Bowcher
1033Munro Q FollerCanada2026-03-06Truhlar And Truhlar Attys UNQUALIFIED61Ioni Bowcher
1034Aika T GauchoAustralia2026-03-19Commercial Press UNQUALIFIED17Stephen Shaw
1035Munro B FigeroaAustralia2026-03-11Buckley Miller Wright QUALIFIED60Amy Elsner
1036Isabel W MorascaCanada2026-03-03Chapman, Ross E Esq PROPOSAL43Stephen Shaw
1037Leon N GillianFrance2026-03-09Rousseaux, Michael Esq NEW4Bernardo Dominic
1038Darci B StensethRussia2026-03-10Dorl, James J Esq RENEWAL87Ivan Magalhaes
1039Ashley N WieserGermany2026-03-05Feiner Bros RENEWAL17Stephen Shaw
1040Octavia U WhobreyItaly2026-02-22Dorl, James J Esq RENEWAL8Amy Elsner
1041Alejandro V RulapaughArgentina2026-03-01Morlong Associates UNQUALIFIED1Xuxue Feng
1042Ashley Z SchemmerSpain2026-03-03Commercial Press RENEWAL37Amy Elsner
1043Julie Q CaldareraFrance2026-02-26Chemel, James L Cpa NEW46Ivan Magalhaes
1044Leon Z BologniaFrance2026-03-09Buckley Miller Wright NEGOTIATION98Ioni Bowcher
1045Arvin U VenereCanada2026-03-05Commercial Press QUALIFIED87Onyama Limba
1046Aditya B GillianFrance2026-03-11Rousseaux, Michael Esq QUALIFIED81Amy Elsner
1047Juan B InouyeArgentina2026-03-20Rousseaux, Michael Esq NEW28Stephen Shaw
1048Rodrigues C WieserFrance2026-03-21Rousseaux, Michael Esq QUALIFIED89Onyama Limba
1049Darci I GauchoBrazil2026-02-22Rousseaux, Michael Esq NEGOTIATION4Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Chavez A GauchoCanadaStephen Shaw PROPOSAL
Adams U IturbideCanadaIoni Bowcher UNQUALIFIED
Morrow A AlbaresIndiaElwin Sharvill PROPOSAL
Cody S VenereItalyAnna Fali RENEWAL
Sinclair C StockhamFranceAmy Elsner NEGOTIATION
David A RimFranceStephen Shaw PROPOSAL
Jennifer Q GlickAustraliaIvan Magalhaes PROPOSAL
Rodrigues P StockhamCanadaBernardo Dominic QUALIFIED
Ivar K BriddickArgentinaAsiya Javayant PROPOSAL
Murillo R MorascaGermanyOnyama Limba PROPOSAL
Deepesh K MarrierUnited KingdomAsiya Javayant PROPOSAL
Ivar Y RutaSpainIoni Bowcher UNQUALIFIED
Aruna L ChuiUnited KingdomOnyama Limba RENEWAL
Octavia Y FollerArgentinaIvan Magalhaes PROPOSAL
Murillo T WieserRussiaIoni Bowcher RENEWAL
Arvin G MacleadJapanIvan Magalhaes PROPOSAL
Izzy C SergiAustraliaIvan Magalhaes NEW
Tony L OldroydJapanIvan Magalhaes RENEWAL
Sinclair R RutaIndiaElwin Sharvill QUALIFIED
David E SchemmerItalyAsiya Javayant NEGOTIATION
Leja A OstroskyIndiaStephen Shaw RENEWAL
Aditya E MaletFranceAnna Fali NEGOTIATION
Kadeem P BowleyUnited KingdomXuxue Feng RENEWAL
Claire M SlusarskiSpainAmy Elsner NEGOTIATION
Leon Q AmigonRussiaAsiya Javayant QUALIFIED
Clifford C StockhamArgentinaStephen Shaw PROPOSAL
Darci Y WieserUnited KingdomXuxue Feng NEGOTIATION
Ashley S FerenczCanadaAsiya Javayant NEGOTIATION
Adams C DoeBrazilIoni Bowcher UNQUALIFIED
Smith I WaycottSpainIvan Magalhaes PROPOSAL
Ivar L FollerCanadaXuxue Feng NEGOTIATION
Nicolas R OstroskyArgentinaElwin Sharvill PROPOSAL
Alejandro L NickaRussiaIvan Magalhaes RENEWAL
Deepesh N RutaCanadaXuxue Feng NEW
Nicolas T BowleyCanadaAmy Elsner UNQUALIFIED
Francesco K GillianIndiaBernardo Dominic QUALIFIED
Aika F CaudyFranceAmy Elsner NEW
Stacey G SergiRussiaAmy Elsner PROPOSAL
Silvio H ChuiArgentinaOnyama Limba PROPOSAL
Octavia U OstroskyBrazilXuxue Feng NEW
Deepesh I ChuiGermanyOnyama Limba PROPOSAL
Jefferson R MorascaIndiaStephen Shaw NEGOTIATION
Jones C SergiSpainAmy Elsner PROPOSAL
Jennifer B PoquetteJapanIoni Bowcher RENEWAL
Mujtaba J FerenczJapanIvan Magalhaes PROPOSAL
Jennifer S CaldareraJapanStephen Shaw RENEWAL
Jones C WhobreyItalyBernardo Dominic QUALIFIED
Kaitlin V SchemmerArgentinaXuxue Feng NEGOTIATION
Maria O DoeJapanAnna Fali PROPOSAL
Leja N SergiGermanyXuxue Feng PROPOSAL
Frozen Columns
Name
Darci E Figeroa
Antonio J Inouye
Octavia H Vocelka
Johnson A Kolmetz
Costa C Chui
Leja Z Caldarera
Claire Z Malet
Izzy F Ferencz
Aruna T Tollner
Ashley S Ostrosky
Smith S Briddick
Clifford Z Vocelka
Smith H Doe
Adams I Ferencz
Wickens C Malet
Leja L Morasca
Ivar J Royster
Wickens H Wieser
Kaitlin D Ostrosky
Clifford G Rulapaugh
Salvatore Z Venere
James N Venere
Octavia U Morasca
Izzy S Doe
Arvin A Nicka
Costa W Perin
Smith H Albares
Wickens P Dilliard
Leja A Nestle
Costa M Darakjy
James Z Waycott
Ashley A Bowley
Greenwood T Malet
Munro B Maclead
Jennifer C Nicka
Munro Z Butt
Aruna T Glick
Silvio N Iturbide
David A Whobrey
Juan Y Glick
Aika L Campain
Aika D Venere
Octavia R Caudy
Rodrigues V Maclead
Salvatore H Figeroa
Munro J Figeroa
Chavez L Bowley
Jones S Gaucho
Ricardo P Nicka
Isabel J Tollner
IdCountryDate
1000United Kingdom2026-03-06
1001Russia2026-02-28
1002Australia2026-03-11
1003France2026-02-26
1004United Kingdom2026-02-25
1005Japan2026-02-21
1006Germany2026-03-13
1007Australia2026-03-02
1008Australia2026-03-20
1009Italy2026-03-15
1010Italy2026-02-21
1011Argentina2026-03-07
1012India2026-03-20
1013Canada2026-03-05
1014Canada2026-02-22
1015Japan2026-03-07
1016Canada2026-03-10
1017Italy2026-03-16
1018Japan2026-02-24
1019France2026-03-12
1020Canada2026-03-01
1021Germany2026-03-10
1022Canada2026-03-07
1023Japan2026-02-21
1024United Kingdom2026-02-24
1025Brazil2026-03-11
1026Germany2026-03-06
1027Russia2026-03-21
1028United Kingdom2026-03-02
1029Germany2026-02-23
1030Italy2026-02-26
1031Japan2026-03-10
1032Japan2026-03-01
1033Australia2026-03-17
1034United Kingdom2026-02-23
1035Brazil2026-03-10
1036United Kingdom2026-03-05
1037Germany2026-02-25
1038United Kingdom2026-03-06
1039Germany2026-03-17
1040France2026-02-27
1041United Kingdom2026-02-26
1042Argentina2026-03-04
1043Canada2026-03-05
1044France2026-03-09
1045India2026-03-11
1046Russia2026-02-20
1047France2026-03-20
1048Spain2026-03-12
1049Spain2026-03-07

On-Demand Data

NameIdCountryDate
Aika R Malet1000Canada2026-02-25
Sinclair U Gillian1001Russia2026-03-16
Octavia J Stockham1002United Kingdom2026-03-13
Faith N Paprocki1003Australia2026-03-04
Silvio P Nicka1004France2026-03-17
Aika K Sergi1005Brazil2026-03-18
Aika T Gillian1006Russia2026-02-26
Ricardo W Malet1007India2026-03-04
Munro U Vocelka1008Argentina2026-03-19
Adams T Flosi1009Australia2026-03-21
Cody P Caldarera1010Brazil2026-03-11
Cody X Morasca1011United Kingdom2026-03-04
Sinclair V Morasca1012India2026-03-17
Deepesh C Bowley1013Japan2026-03-08
Alejandro F Ferencz1014Spain2026-03-13
Jefferson Z Perin1015United Kingdom2026-03-08
Jones W Rim1016Japan2026-03-18
David M Slusarski1017United Kingdom2026-03-19
Cody Q Shinko1018United Kingdom2026-03-01
Costa J Vocelka1019Russia2026-03-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Darci V RulapaughCanadaBernardo Dominic NEGOTIATION
Ricardo I SergiFranceAnna Fali QUALIFIED
Faith W FollerArgentinaBernardo Dominic QUALIFIED
Tony Z BologniaUnited KingdomAsiya Javayant QUALIFIED
David J AlbaresRussiaOnyama Limba RENEWAL
Kadeem H RoysterCanadaIvan Magalhaes QUALIFIED
Rodrigues E SchemmerJapanXuxue Feng NEW
Greenwood R MacleadSpainIvan Magalhaes NEGOTIATION
Leja G KuskoItalyElwin Sharvill RENEWAL
Kadeem J PaprockiJapanXuxue Feng UNQUALIFIED
Aruna Z PaprockiIndiaBernardo Dominic UNQUALIFIED
Munro T CaldareraJapanXuxue Feng NEW
Leja H StensethItalyAnna Fali QUALIFIED
Juan U FigeroaRussiaElwin Sharvill NEGOTIATION
Ashley L RimSpainBernardo Dominic NEW
Mujtaba P WhobreyRussiaElwin Sharvill PROPOSAL
Ivar B GarufiBrazilAnna Fali PROPOSAL
Jeanfrancois N NickaIndiaIoni Bowcher NEW
Mayumi S FlosiUnited KingdomStephen Shaw UNQUALIFIED
Stacey D MacleadFranceStephen Shaw PROPOSAL
Aruna J RutaCanadaAsiya Javayant NEW
Sinclair H SaylorsItalyElwin Sharvill NEGOTIATION
Alejandro H KolmetzRussiaXuxue Feng QUALIFIED
Greenwood M RimGermanyAmy Elsner UNQUALIFIED
Kaitlin U AmigonUnited KingdomXuxue Feng QUALIFIED
Jeanfrancois W WaycottBrazilElwin Sharvill NEGOTIATION
Sinclair F GlickUnited KingdomElwin Sharvill NEGOTIATION
Maria K GillianFranceAmy Elsner QUALIFIED
James Z SaylorsSpainXuxue Feng NEGOTIATION
Salvatore G CaudyFranceAmy Elsner NEGOTIATION
Sinclair V RulapaughCanadaElwin Sharvill NEW
Sinclair B StensethUnited KingdomStephen Shaw UNQUALIFIED
Mayumi Q CampainBrazilAnna Fali NEGOTIATION
Jennifer J VocelkaBrazilOnyama Limba QUALIFIED
Ricardo K SergiAustraliaOnyama Limba NEGOTIATION
Munro O VenereIndiaAsiya Javayant PROPOSAL
James P AlbaresSpainStephen Shaw NEGOTIATION
Jefferson A FerenczIndiaAmy Elsner NEW
Clifford F CaudyAustraliaXuxue Feng QUALIFIED
Greenwood A ChuiUnited KingdomAsiya Javayant UNQUALIFIED

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