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
Cody D MacleadCanadaAnna Fali QUALIFIED
Leon R MacleadJapanAmy Elsner QUALIFIED
Julie B CampainAustraliaAmy Elsner NEW
Kaitlin S OstroskyUnited KingdomOnyama Limba NEGOTIATION
Jennifer L CampainIndiaAnna Fali RENEWAL
Misaki F MarrierGermanyAnna Fali NEW
Aditya L FerenczItalyBernardo Dominic NEGOTIATION
David K FlosiArgentinaOnyama Limba QUALIFIED
Jeanfrancois V WaycottItalyAsiya Javayant RENEWAL
David C RutaUnited KingdomIoni Bowcher RENEWAL
Silvio F CaudyBrazilStephen Shaw NEW
Aika M ChuiArgentinaIvan Magalhaes NEW
Salvatore M FollerFranceStephen Shaw UNQUALIFIED
Aika Q SchemmerRussiaOnyama Limba NEGOTIATION
Sinclair Z StockhamIndiaIvan Magalhaes PROPOSAL
Chavez W WhobreyRussiaOnyama Limba NEGOTIATION
Morrow O MarrierRussiaElwin Sharvill QUALIFIED
Arvin H RulapaughSpainAnna Fali QUALIFIED
Leja C KolmetzRussiaIoni Bowcher QUALIFIED
Maria T DilliardJapanAnna Fali QUALIFIED
Chavez L OstroskyUnited KingdomAmy Elsner UNQUALIFIED
Claire G CampainAustraliaAsiya Javayant UNQUALIFIED
David C GillianItalyIvan Magalhaes UNQUALIFIED
Antonio O BologniaIndiaOnyama Limba RENEWAL
David V ChuiRussiaAsiya Javayant PROPOSAL
Smith W GarufiCanadaIoni Bowcher PROPOSAL
Kadeem Y BologniaSpainStephen Shaw NEW
Ricardo L SaylorsRussiaElwin Sharvill NEW
Emily Q VenereSpainElwin Sharvill QUALIFIED
Munro U AmigonGermanyBernardo Dominic RENEWAL
Faith M MarrierGermanyElwin Sharvill RENEWAL
Silvio P MacleadJapanXuxue Feng NEW
David E WieserUnited KingdomIvan Magalhaes NEGOTIATION
Tony W CampainIndiaIvan Magalhaes NEW
Octavia J SaylorsRussiaBernardo Dominic NEGOTIATION
Mayumi Q AlbaresCanadaOnyama Limba RENEWAL
Maria E MaletAustraliaAmy Elsner NEW
Jefferson X FollerCanadaIoni Bowcher RENEWAL
Chavez Y ButtCanadaBernardo Dominic NEGOTIATION
Murillo D GauchoFranceAmy Elsner NEGOTIATION
Izzy K RoysterJapanBernardo Dominic UNQUALIFIED
Jeanfrancois Z MarrierBrazilElwin Sharvill UNQUALIFIED
Johnson Q PerinItalyIoni Bowcher PROPOSAL
Morrow H KolmetzUnited KingdomStephen Shaw NEGOTIATION
Juan B IturbideFranceIvan Magalhaes QUALIFIED
Mayumi J RutaIndiaAnna Fali NEGOTIATION
Maisha N VenereFranceElwin Sharvill NEGOTIATION
Jones P TollnerArgentinaAnna Fali UNQUALIFIED
Jeanfrancois E MaletFranceAmy Elsner RENEWAL
Mujtaba Z MaletCanadaIvan Magalhaes RENEWAL
Horizontal
NameCountryRepresentativeStatus
Darci Y CampainRussiaAsiya Javayant NEW
Chavez K GlickCanadaIvan Magalhaes QUALIFIED
Stacey B CaudySpainAmy Elsner NEGOTIATION
Octavia J NestleItalyAsiya Javayant NEGOTIATION
Adams W ChuiFranceAsiya Javayant UNQUALIFIED
Jones J GillianCanadaAmy Elsner PROPOSAL
Leja R RoysterFranceIvan Magalhaes PROPOSAL
Faith V PaprockiArgentinaBernardo Dominic NEGOTIATION
Salvatore C GillianBrazilXuxue Feng NEW
Leja E RoysterBrazilAmy Elsner NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Munro D PerinFrance2026-05-12King, Christopher A Esq NEW43Amy Elsner
1001Deepesh J NickaJapan2026-05-19Feltz Printing Service QUALIFIED72Stephen Shaw
1002Nicolas G NestleItaly2026-04-26Chanay, Jeffrey A Esq QUALIFIED80Ioni Bowcher
1003Deepesh D SaylorsFrance2026-04-25Truhlar And Truhlar Attys NEW28Elwin Sharvill
1004Johnson U GarufiSpain2026-04-26Buckley Miller Wright NEW57Stephen Shaw
1005Kadeem Y OstroskyBrazil2026-05-04Chanay, Jeffrey A Esq NEW68Amy Elsner
1006Ivar S AmigonUnited Kingdom2026-05-01Rousseaux, Michael Esq NEW11Anna Fali
1007Maisha P RimArgentina2026-05-09Rangoni Of Florence RENEWAL42Elwin Sharvill
1008Juan Z StockhamIndia2026-05-08Commercial Press UNQUALIFIED26Elwin Sharvill
1009Adams L VenereCanada2026-05-07Benton, John B Jr NEW42Amy Elsner
1010Leon I MarrierUnited Kingdom2026-05-16Dorl, James J Esq RENEWAL83Asiya Javayant
1011Jefferson E OstroskyBrazil2026-05-09Feiner Bros QUALIFIED95Onyama Limba
1012Juan L VenereSpain2026-05-05Feltz Printing Service QUALIFIED1Bernardo Dominic
1013Juan S MarrierJapan2026-05-05Rangoni Of Florence NEW8Bernardo Dominic
1014Jefferson N OldroydRussia2026-04-27Truhlar And Truhlar Attys PROPOSAL8Ivan Magalhaes
1015Greenwood J NestleArgentina2026-04-24Commercial Press QUALIFIED33Xuxue Feng
1016Clifford I BriddickJapan2026-04-28Dorl, James J Esq NEW68Anna Fali
1017Deepesh I DarakjySpain2026-05-07Commercial Press RENEWAL43Bernardo Dominic
1018Rodrigues Y KolmetzItaly2026-05-23Chapman, Ross E Esq RENEWAL96Onyama Limba
1019Silvio W BowleyJapan2026-05-08King, Christopher A Esq PROPOSAL10Anna Fali
1020Johnson P RulapaughBrazil2026-05-04Chemel, James L Cpa PROPOSAL86Amy Elsner
1021Tony F CaudyFrance2026-04-27Chapman, Ross E Esq PROPOSAL57Xuxue Feng
1022Adams D ButtGermany2026-05-05Commercial Press NEW23Anna Fali
1023Sinclair B RutaJapan2026-04-27Rousseaux, Michael Esq NEW32Anna Fali
1024Adams L SaylorsGermany2026-05-20Chanay, Jeffrey A Esq NEW40Amy Elsner
1025Claire T StockhamUnited Kingdom2026-05-20Rousseaux, Michael Esq PROPOSAL65Stephen Shaw
1026Claire L PerinSpain2026-05-14Chemel, James L Cpa UNQUALIFIED61Xuxue Feng
1027Emily U NestleIndia2026-04-26Chanay, Jeffrey A Esq NEGOTIATION31Onyama Limba
1028Tony V WhobreyGermany2026-05-19Truhlar And Truhlar Attys NEGOTIATION73Asiya Javayant
1029Octavia R KuskoUnited Kingdom2026-05-23King, Christopher A Esq NEGOTIATION14Onyama Limba
1030Maria R RutaRussia2026-05-13Chapman, Ross E Esq QUALIFIED81Amy Elsner
1031Deepesh L OldroydArgentina2026-04-24Rangoni Of Florence QUALIFIED20Amy Elsner
1032Clifford O KolmetzCanada2026-04-29Rousseaux, Michael Esq PROPOSAL33Elwin Sharvill
1033Emily L PoquetteGermany2026-05-04Buckley Miller Wright NEW26Xuxue Feng
1034Arvin A SchemmerArgentina2026-05-01Commercial Press NEGOTIATION74Stephen Shaw
1035Salvatore O OstroskyCanada2026-05-21Truhlar And Truhlar Attys UNQUALIFIED29Elwin Sharvill
1036Johnson H WieserIndia2026-05-10Benton, John B Jr QUALIFIED71Ioni Bowcher
1037Izzy Z GillianFrance2026-05-02Commercial Press UNQUALIFIED8Ivan Magalhaes
1038Tony U AlbaresIndia2026-05-06Chanay, Jeffrey A Esq QUALIFIED47Xuxue Feng
1039Wickens I InouyeAustralia2026-05-22Printing Dimensions RENEWAL0Xuxue Feng
1040Adams W CaldareraItaly2026-05-17Chanay, Jeffrey A Esq PROPOSAL99Anna Fali
1041Cody Y MacleadGermany2026-05-10Dorl, James J Esq QUALIFIED9Ioni Bowcher
1042Rodrigues B SlusarskiSpain2026-04-29Rangoni Of Florence NEW58Ioni Bowcher
1043Johnson E GillianAustralia2026-05-21Truhlar And Truhlar Attys NEGOTIATION58Elwin Sharvill
1044Claire B DarakjyJapan2026-05-05Feltz Printing Service PROPOSAL10Asiya Javayant
1045Aruna Q StensethJapan2026-05-10Chemel, James L Cpa PROPOSAL90Amy Elsner
1046Nicolas X TollnerSpain2026-05-10Buckley Miller Wright RENEWAL16Elwin Sharvill
1047Adams Z WhobreyRussia2026-05-10Printing Dimensions RENEWAL35Stephen Shaw
1048Faith E GarufiRussia2026-04-27Rousseaux, Michael Esq QUALIFIED22Asiya Javayant
1049Murillo T DarakjyCanada2026-05-09Morlong Associates NEGOTIATION78Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Aruna F DarakjySpainIvan Magalhaes RENEWAL
Chavez S VenereIndiaAsiya Javayant QUALIFIED
Jeanfrancois I InouyeIndiaAmy Elsner NEGOTIATION
Morrow F SaylorsRussiaIvan Magalhaes NEGOTIATION
Stacey R CaldareraItalyAsiya Javayant PROPOSAL
Alejandro E WaycottGermanyElwin Sharvill UNQUALIFIED
Cody D GarufiRussiaAnna Fali RENEWAL
Tony R FerenczSpainElwin Sharvill QUALIFIED
Johnson L GauchoSpainIoni Bowcher RENEWAL
Jefferson J MaletArgentinaBernardo Dominic NEGOTIATION
Sinclair J InouyeJapanIvan Magalhaes UNQUALIFIED
Ashley D DarakjyFranceAnna Fali NEGOTIATION
Maria A StockhamFranceBernardo Dominic UNQUALIFIED
Jefferson Z BowleyJapanStephen Shaw RENEWAL
Clifford F PerinGermanyStephen Shaw NEGOTIATION
Ricardo A BowleyItalyIvan Magalhaes NEGOTIATION
Sinclair V PoquetteCanadaOnyama Limba QUALIFIED
Ricardo Q KuskoRussiaAsiya Javayant NEW
Arvin D InouyeJapanAnna Fali UNQUALIFIED
Izzy A WhobreyFranceIoni Bowcher RENEWAL
Jeanfrancois Z WhobreyJapanIvan Magalhaes RENEWAL
Isabel L NestleRussiaAsiya Javayant QUALIFIED
Sinclair F FlosiRussiaStephen Shaw NEW
Murillo K FigeroaFranceXuxue Feng RENEWAL
Murillo U KuskoFranceElwin Sharvill RENEWAL
Maria O FerenczIndiaAmy Elsner NEGOTIATION
Antonio D CaldareraIndiaStephen Shaw QUALIFIED
Clifford F MaletJapanAsiya Javayant QUALIFIED
Aditya B KolmetzFranceAnna Fali RENEWAL
Sinclair L GarufiIndiaAmy Elsner NEW
Maisha I WaycottItalyAnna Fali NEGOTIATION
Ricardo W OldroydArgentinaIvan Magalhaes QUALIFIED
Deepesh X DilliardArgentinaIoni Bowcher PROPOSAL
Alejandro P RoysterCanadaStephen Shaw QUALIFIED
Deepesh U MacleadIndiaAmy Elsner NEW
Greenwood J VenereArgentinaElwin Sharvill RENEWAL
Mujtaba M PoquetteRussiaAmy Elsner QUALIFIED
Jefferson D CampainBrazilOnyama Limba PROPOSAL
Greenwood V GlickFranceElwin Sharvill UNQUALIFIED
Johnson K DarakjyIndiaAnna Fali NEW
Adams P StensethBrazilElwin Sharvill NEW
Leja X FerenczCanadaIoni Bowcher UNQUALIFIED
Claire Q MorascaCanadaAnna Fali QUALIFIED
Smith T WaycottArgentinaXuxue Feng UNQUALIFIED
Greenwood O GarufiUnited KingdomOnyama Limba QUALIFIED
Aika O IturbideCanadaXuxue Feng UNQUALIFIED
Maria Y MarrierCanadaBernardo Dominic UNQUALIFIED
Clifford M MacleadGermanyOnyama Limba PROPOSAL
Deepesh T SchemmerJapanAmy Elsner NEW
Francesco M GauchoGermanyStephen Shaw NEW
Frozen Columns
Name
Faith B Marrier
James Y Iturbide
Leja G Venere
James M Kusko
Alejandro M Schemmer
Silvio K Oldroyd
Aditya C Kolmetz
Mayumi P Darakjy
Wickens T Ostrosky
Adams T Oldroyd
Sinclair A Gillian
Aruna K Figeroa
Arvin T Doe
Johnson Z Kolmetz
Alejandro C Paprocki
Ricardo P Garufi
Munro M Garufi
Alejandro X Ostrosky
Clifford H Caldarera
Smith M Dilliard
Kadeem H Flosi
Smith A Stockham
Ivar K Stockham
Greenwood D Vocelka
Kaitlin M Perin
Ashley A Shinko
Jeanfrancois N Chui
Julie C Caudy
Kadeem N Albares
Aditya Q Venere
Salvatore I Iturbide
Sinclair G Nicka
Jones J Garufi
Ricardo U Venere
Izzy G Amigon
Juan P Malet
Mujtaba O Kolmetz
Greenwood T Saylors
Alejandro K Nicka
Mujtaba T Rulapaugh
Jennifer V Marrier
Mujtaba R Gillian
David O Slusarski
Johnson U Rim
Kadeem M Venere
Kaitlin D Ostrosky
Cody K Rulapaugh
Wickens D Bolognia
Maria K Tollner
Tony D Caudy
IdCountryDate
1000Japan2026-04-27
1001Canada2026-04-26
1002Australia2026-04-27
1003France2026-05-03
1004Australia2026-05-03
1005Russia2026-05-11
1006Australia2026-05-05
1007India2026-05-19
1008Brazil2026-05-05
1009Japan2026-05-16
1010Russia2026-05-15
1011Japan2026-05-08
1012Russia2026-05-12
1013Brazil2026-05-09
1014Italy2026-05-08
1015Germany2026-05-15
1016Italy2026-05-08
1017Argentina2026-05-21
1018Italy2026-05-01
1019Spain2026-05-06
1020Italy2026-05-11
1021Australia2026-04-26
1022India2026-04-26
1023Germany2026-04-24
1024Russia2026-04-26
1025Canada2026-04-24
1026France2026-04-30
1027Canada2026-04-29
1028Japan2026-05-20
1029Japan2026-05-21
1030Australia2026-05-17
1031Argentina2026-04-30
1032Spain2026-05-10
1033Argentina2026-05-05
1034Canada2026-05-18
1035United Kingdom2026-04-26
1036Australia2026-05-18
1037Germany2026-05-23
1038Australia2026-04-26
1039Spain2026-04-30
1040Germany2026-04-29
1041United Kingdom2026-05-09
1042Italy2026-04-26
1043Australia2026-04-26
1044Russia2026-04-24
1045Brazil2026-05-08
1046Japan2026-05-19
1047Brazil2026-05-01
1048Canada2026-05-20
1049India2026-04-30

On-Demand Data

NameIdCountryDate
Ashley X Oldroyd1000Germany2026-04-30
Alejandro P Caudy1001Canada2026-05-09
Leon S Wieser1002Germany2026-05-19
Smith D Garufi1003United Kingdom2026-05-02
Aditya L Inouye1004Spain2026-05-16
Ricardo G Vocelka1005India2026-05-21
Mujtaba M Briddick1006India2026-04-28
Kadeem J Briddick1007France2026-05-20
Aditya R Stenseth1008Canada2026-05-19
Izzy C Kusko1009Japan2026-05-22
Izzy Y Ostrosky1010Canada2026-04-30
Julie G Schemmer1011Argentina2026-05-11
Julie B Sergi1012Italy2026-05-11
Mayumi Z Ferencz1013United Kingdom2026-04-29
Kaitlin J Caldarera1014France2026-05-21
Isabel T Morasca1015Germany2026-04-29
Stacey L Garufi1016Australia2026-05-05
Rodrigues P Saylors1017United Kingdom2026-05-22
Mujtaba G Oldroyd1018Argentina2026-05-23
Adams Q Figeroa1019India2026-05-10
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Silvio R MaletGermanyStephen Shaw UNQUALIFIED
Julie U ChuiRussiaAsiya Javayant QUALIFIED
Maria X FerenczSpainAmy Elsner NEW
Aditya Z OldroydAustraliaXuxue Feng PROPOSAL
Francesco H VocelkaUnited KingdomAnna Fali NEW
Kadeem F AlbaresSpainStephen Shaw UNQUALIFIED
Francesco F PerinGermanyAsiya Javayant NEGOTIATION
Munro Y AlbaresGermanyOnyama Limba PROPOSAL
Nicolas Y CampainJapanStephen Shaw QUALIFIED
Misaki M BologniaGermanyAnna Fali PROPOSAL
Darci C MaletRussiaStephen Shaw NEW
Morrow W DilliardJapanAsiya Javayant UNQUALIFIED
James T ButtBrazilIvan Magalhaes PROPOSAL
Maisha C DoeUnited KingdomAnna Fali PROPOSAL
James Y DilliardFranceIoni Bowcher NEGOTIATION
Ricardo W VenereCanadaElwin Sharvill QUALIFIED
Julie T CampainBrazilIoni Bowcher PROPOSAL
Mayumi F InouyeIndiaOnyama Limba PROPOSAL
Kadeem V WhobreyUnited KingdomAnna Fali PROPOSAL
Deepesh Y MorascaFranceIoni Bowcher NEW
Alejandro R OstroskyGermanyAsiya Javayant UNQUALIFIED
Mujtaba D TollnerFranceElwin Sharvill NEW
Isabel V ButtCanadaIvan Magalhaes NEGOTIATION
Silvio E IturbideItalyAmy Elsner RENEWAL
Cody F RutaUnited KingdomXuxue Feng NEGOTIATION
Maria T AmigonJapanIvan Magalhaes PROPOSAL
Ricardo G ChuiJapanBernardo Dominic QUALIFIED
Jefferson M TollnerItalyAnna Fali RENEWAL
Morrow G RoysterBrazilIvan Magalhaes QUALIFIED
Leja F WaycottJapanAnna Fali QUALIFIED
Jeanfrancois O RoysterSpainIvan Magalhaes UNQUALIFIED
Emily D FigeroaJapanStephen Shaw NEGOTIATION
Tony C OldroydFranceOnyama Limba NEGOTIATION
Leon C FollerGermanyIvan Magalhaes NEGOTIATION
Murillo E BologniaArgentinaIoni Bowcher PROPOSAL
Jennifer U InouyeGermanyAnna Fali NEGOTIATION
Stacey W VocelkaUnited KingdomAsiya Javayant NEGOTIATION
Murillo W WhobreyGermanyBernardo Dominic QUALIFIED
Claire I RutaUnited KingdomElwin Sharvill NEW
Octavia E MacleadRussiaOnyama Limba 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.