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
Salvatore F GlickArgentinaBernardo Dominic PROPOSAL
Antonio S GlickArgentinaOnyama Limba UNQUALIFIED
Kadeem V DarakjyIndiaAsiya Javayant UNQUALIFIED
Emily W AlbaresAustraliaBernardo Dominic UNQUALIFIED
Antonio G GauchoCanadaAmy Elsner NEGOTIATION
James V GauchoGermanyXuxue Feng NEGOTIATION
Faith C MaletJapanIoni Bowcher NEGOTIATION
Kaitlin K ChuiUnited KingdomBernardo Dominic PROPOSAL
Julie W RoysterIndiaAsiya Javayant UNQUALIFIED
Misaki M KolmetzArgentinaIoni Bowcher UNQUALIFIED
Maisha O DoeSpainIoni Bowcher NEGOTIATION
James M DoeAustraliaIoni Bowcher RENEWAL
Ashley D PerinArgentinaAsiya Javayant NEGOTIATION
Kaitlin U OldroydBrazilIoni Bowcher UNQUALIFIED
Mujtaba F MorascaAustraliaXuxue Feng NEW
Ivar L KuskoSpainElwin Sharvill RENEWAL
Leja T FigeroaUnited KingdomIoni Bowcher UNQUALIFIED
Emily D KolmetzFranceStephen Shaw NEGOTIATION
Emily U StensethFranceElwin Sharvill NEW
Rodrigues Q PaprockiCanadaIoni Bowcher NEW
Nicolas K MorascaAustraliaBernardo Dominic PROPOSAL
Clifford I MaletItalyIvan Magalhaes NEGOTIATION
Chavez X RimIndiaElwin Sharvill RENEWAL
Aika O GlickFranceOnyama Limba QUALIFIED
Jeanfrancois F FerenczGermanyAnna Fali QUALIFIED
Mujtaba H NestleBrazilStephen Shaw UNQUALIFIED
Rodrigues L FigeroaGermanyAmy Elsner UNQUALIFIED
David M InouyeSpainOnyama Limba QUALIFIED
Ricardo G DoeIndiaBernardo Dominic UNQUALIFIED
Aruna Z FlosiArgentinaAmy Elsner PROPOSAL
Wickens R RutaGermanyOnyama Limba NEGOTIATION
Aditya Z OldroydJapanXuxue Feng NEW
Stacey S RulapaughIndiaAmy Elsner RENEWAL
Nicolas A BriddickSpainXuxue Feng NEW
Murillo S PerinUnited KingdomIoni Bowcher NEW
Jones I RulapaughRussiaBernardo Dominic RENEWAL
Julie Q BowleyBrazilOnyama Limba QUALIFIED
Faith D MacleadArgentinaIvan Magalhaes PROPOSAL
Ivar F RutaJapanIvan Magalhaes PROPOSAL
Kaitlin N NickaFranceBernardo Dominic QUALIFIED
Mayumi V GillianFranceIvan Magalhaes UNQUALIFIED
Aruna A SlusarskiBrazilOnyama Limba PROPOSAL
Wickens Z KuskoSpainIvan Magalhaes RENEWAL
Jones V KuskoRussiaStephen Shaw QUALIFIED
Kadeem Q ShinkoFranceStephen Shaw QUALIFIED
Izzy D PoquetteItalyIoni Bowcher RENEWAL
Deepesh L PoquetteArgentinaAnna Fali PROPOSAL
Emily H VenereAustraliaStephen Shaw RENEWAL
Salvatore Z CampainSpainAmy Elsner NEW
Leon B AmigonSpainAnna Fali PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Leon X GillianArgentinaIoni Bowcher UNQUALIFIED
Kadeem L GlickRussiaIvan Magalhaes NEW
Octavia I StensethIndiaStephen Shaw RENEWAL
Maisha L SchemmerSpainElwin Sharvill NEGOTIATION
Ivar A InouyeBrazilStephen Shaw NEW
Leon I SchemmerFranceIvan Magalhaes RENEWAL
Smith L PoquetteFranceAsiya Javayant QUALIFIED
Alejandro M ButtUnited KingdomAnna Fali NEGOTIATION
Morrow R BowleyFranceStephen Shaw QUALIFIED
Ashley D AmigonArgentinaIvan Magalhaes NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Izzy Q WieserGermany2026-03-08Rangoni Of Florence NEW50Bernardo Dominic
1001Morrow C NestleRussia2026-02-28Chanay, Jeffrey A Esq RENEWAL56Elwin Sharvill
1002Wickens N MarrierSpain2026-03-04Commercial Press UNQUALIFIED88Onyama Limba
1003Costa I NestleIndia2026-03-10Rousseaux, Michael Esq RENEWAL21Ioni Bowcher
1004Nicolas E ButtUnited Kingdom2026-03-16Benton, John B Jr UNQUALIFIED33Bernardo Dominic
1005Rodrigues W MarrierFrance2026-03-01Buckley Miller Wright PROPOSAL79Ivan Magalhaes
1006Francesco J StockhamRussia2026-03-04Truhlar And Truhlar Attys UNQUALIFIED58Stephen Shaw
1007Stacey M KuskoIndia2026-03-02Truhlar And Truhlar Attys UNQUALIFIED17Amy Elsner
1008Aditya O FlosiFrance2026-03-10Truhlar And Truhlar Attys QUALIFIED11Onyama Limba
1009Juan Y MaletJapan2026-02-22Dorl, James J Esq PROPOSAL39Xuxue Feng
1010Leon D DarakjyArgentina2026-03-13Chanay, Jeffrey A Esq PROPOSAL83Xuxue Feng
1011Silvio J OstroskyItaly2026-03-15Feiner Bros NEW97Ivan Magalhaes
1012Izzy V ChuiAustralia2026-03-16Feiner Bros NEGOTIATION77Stephen Shaw
1013Stacey F ShinkoSpain2026-02-22Rangoni Of Florence PROPOSAL9Ivan Magalhaes
1014Clifford Z FigeroaIndia2026-02-19Buckley Miller Wright QUALIFIED11Onyama Limba
1015James I RimFrance2026-03-15Commercial Press NEGOTIATION66Stephen Shaw
1016Isabel K GarufiUnited Kingdom2026-02-16Benton, John B Jr RENEWAL54Elwin Sharvill
1017Darci R ShinkoAustralia2026-03-07Chanay, Jeffrey A Esq NEGOTIATION55Anna Fali
1018Sinclair X OstroskyJapan2026-02-15Truhlar And Truhlar Attys RENEWAL59Amy Elsner
1019Wickens G IturbideFrance2026-02-19Rangoni Of Florence NEW22Anna Fali
1020Ivar H CampainArgentina2026-02-18Buckley Miller Wright RENEWAL7Asiya Javayant
1021Jeanfrancois O VenereFrance2026-02-25Feiner Bros NEGOTIATION33Ioni Bowcher
1022Emily E DoeItaly2026-02-17Truhlar And Truhlar Attys UNQUALIFIED25Anna Fali
1023Jones X GillianFrance2026-03-10Dorl, James J Esq QUALIFIED87Ioni Bowcher
1024Antonio A AmigonCanada2026-02-18Dorl, James J Esq NEGOTIATION40Xuxue Feng
1025Leon P RulapaughGermany2026-02-16Chanay, Jeffrey A Esq QUALIFIED43Stephen Shaw
1026Jones N BologniaRussia2026-02-17Chapman, Ross E Esq NEW77Anna Fali
1027Juan V CaudyUnited Kingdom2026-02-20Morlong Associates RENEWAL81Asiya Javayant
1028Misaki U InouyeCanada2026-03-04Feiner Bros QUALIFIED49Asiya Javayant
1029Aditya K FerenczCanada2026-03-05Dorl, James J Esq QUALIFIED3Asiya Javayant
1030Johnson F MarrierUnited Kingdom2026-03-04Feiner Bros QUALIFIED39Elwin Sharvill
1031Ashley K FigeroaIndia2026-03-15Feltz Printing Service PROPOSAL9Ivan Magalhaes
1032Smith C FerenczCanada2026-03-14Printing Dimensions UNQUALIFIED15Amy Elsner
1033Maisha H KuskoItaly2026-02-19King, Christopher A Esq PROPOSAL38Onyama Limba
1034Stacey F GauchoItaly2026-02-17Chemel, James L Cpa NEW89Ioni Bowcher
1035Ashley C GillianRussia2026-02-22Benton, John B Jr NEGOTIATION84Amy Elsner
1036Aruna J CampainAustralia2026-03-16Commercial Press QUALIFIED24Anna Fali
1037Jennifer W StockhamBrazil2026-02-17Feltz Printing Service NEW95Stephen Shaw
1038Stacey S PerinFrance2026-03-07Benton, John B Jr NEW9Elwin Sharvill
1039Octavia Y RoysterArgentina2026-03-01Benton, John B Jr QUALIFIED88Elwin Sharvill
1040Costa M ButtCanada2026-02-16Benton, John B Jr UNQUALIFIED46Amy Elsner
1041Arvin V AlbaresCanada2026-02-24Morlong Associates NEW77Amy Elsner
1042Cody D WieserJapan2026-03-14Feiner Bros NEGOTIATION21Anna Fali
1043Isabel A OldroydJapan2026-02-24Commercial Press NEW80Onyama Limba
1044Faith W TollnerArgentina2026-03-04Printing Dimensions QUALIFIED71Ioni Bowcher
1045Greenwood I SaylorsRussia2026-03-12Chapman, Ross E Esq RENEWAL72Elwin Sharvill
1046Aika L KolmetzCanada2026-03-01Truhlar And Truhlar Attys NEGOTIATION14Anna Fali
1047Aruna P RulapaughCanada2026-03-05Buckley Miller Wright RENEWAL11Onyama Limba
1048Greenwood J OstroskyBrazil2026-02-28Chapman, Ross E Esq UNQUALIFIED30Asiya Javayant
1049Emily X GauchoGermany2026-02-22Chanay, Jeffrey A Esq UNQUALIFIED66Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Smith B MacleadBrazilElwin Sharvill PROPOSAL
Jennifer K StockhamFranceAmy Elsner RENEWAL
Darci C GlickSpainIoni Bowcher UNQUALIFIED
Jeanfrancois O CaldareraJapanXuxue Feng UNQUALIFIED
Julie B SchemmerUnited KingdomBernardo Dominic UNQUALIFIED
Antonio K WieserUnited KingdomOnyama Limba RENEWAL
Cody U AlbaresUnited KingdomElwin Sharvill NEW
Wickens Q WieserCanadaOnyama Limba QUALIFIED
Aika U TollnerItalyStephen Shaw NEW
Jones T WaycottIndiaXuxue Feng UNQUALIFIED
Greenwood E FigeroaCanadaOnyama Limba RENEWAL
Greenwood H ChuiSpainElwin Sharvill NEGOTIATION
Stacey C MarrierFranceBernardo Dominic NEW
David R StockhamArgentinaAnna Fali QUALIFIED
Leja O BowleyAustraliaElwin Sharvill QUALIFIED
Clifford G StensethJapanIoni Bowcher NEGOTIATION
James W SaylorsCanadaXuxue Feng QUALIFIED
Jennifer Z SlusarskiAustraliaAsiya Javayant NEW
Kaitlin J KolmetzBrazilOnyama Limba NEGOTIATION
David J DilliardIndiaAmy Elsner UNQUALIFIED
Cody B MorascaCanadaXuxue Feng RENEWAL
Smith G MaletIndiaAsiya Javayant NEGOTIATION
Smith E DoeGermanyStephen Shaw PROPOSAL
Maisha X KolmetzBrazilIoni Bowcher PROPOSAL
Maria Z DarakjyItalyStephen Shaw RENEWAL
James E GlickRussiaElwin Sharvill RENEWAL
Ashley T ButtArgentinaStephen Shaw RENEWAL
Aditya K RoysterJapanElwin Sharvill PROPOSAL
Arvin M ShinkoCanadaElwin Sharvill QUALIFIED
Francesco C BriddickSpainXuxue Feng UNQUALIFIED
Aditya L SergiCanadaIoni Bowcher PROPOSAL
Greenwood Z CaldareraGermanyAmy Elsner PROPOSAL
Deepesh E GlickUnited KingdomAsiya Javayant UNQUALIFIED
Cody U VocelkaItalyElwin Sharvill PROPOSAL
Francesco F AlbaresJapanStephen Shaw QUALIFIED
Jennifer E TollnerArgentinaAnna Fali PROPOSAL
Octavia P PerinGermanyXuxue Feng NEGOTIATION
Cody Y CampainItalyOnyama Limba QUALIFIED
Isabel L ButtUnited KingdomAmy Elsner QUALIFIED
Antonio U WaycottCanadaElwin Sharvill NEW
David B OstroskyRussiaIoni Bowcher PROPOSAL
Darci P MarrierIndiaOnyama Limba PROPOSAL
Kaitlin I WaycottRussiaElwin Sharvill QUALIFIED
Wickens A SlusarskiGermanyIoni Bowcher PROPOSAL
Maisha O FigeroaJapanIvan Magalhaes PROPOSAL
Ricardo L MorascaFranceIvan Magalhaes QUALIFIED
Clifford N RulapaughIndiaIoni Bowcher NEW
Ricardo C CaudySpainBernardo Dominic QUALIFIED
Rodrigues L DilliardGermanyStephen Shaw QUALIFIED
Aika I MarrierGermanyOnyama Limba PROPOSAL
Frozen Columns
Name
Rodrigues C Royster
Arvin P Caudy
Greenwood Z Foller
Wickens O Ruta
Ivar M Flosi
Salvatore T Stenseth
Smith Y Dilliard
Murillo F Garufi
Ashley I Chui
Jeanfrancois J Nicka
Maria G Briddick
Leon G Slusarski
David F Sergi
Jefferson T Chui
Chavez E Darakjy
Francesco T Caldarera
Tony Y Amigon
Smith I Malet
Wickens W Royster
Maisha Y Nicka
Kaitlin Q Shinko
Mayumi O Poquette
Jefferson N Bowley
Claire W Glick
Claire F Amigon
Misaki S Caldarera
Leon A Ostrosky
Sinclair X Royster
Ashley I Paprocki
Stacey K Figeroa
Morrow Y Tollner
Murillo L Paprocki
Emily V Malet
Izzy S Chui
Maria E Iturbide
Octavia H Saylors
Aditya K Ferencz
Ashley T Tollner
Faith J Iturbide
Costa E Ferencz
Adams H Paprocki
Kadeem Q Nicka
Kaitlin Y Whobrey
Mayumi P Ruta
Stacey R Nicka
Silvio I Darakjy
Rodrigues H Briddick
Rodrigues A Waycott
Costa S Tollner
James S Royster
IdCountryDate
1000United Kingdom2026-03-04
1001Italy2026-02-21
1002Canada2026-02-26
1003Spain2026-03-14
1004Japan2026-02-25
1005Argentina2026-03-05
1006Russia2026-03-04
1007Canada2026-02-19
1008Brazil2026-02-20
1009Australia2026-02-23
1010France2026-03-13
1011Italy2026-02-27
1012Argentina2026-03-12
1013Australia2026-02-16
1014Spain2026-03-12
1015India2026-02-23
1016Italy2026-02-21
1017Germany2026-02-23
1018Japan2026-02-18
1019Germany2026-03-09
1020Japan2026-03-12
1021India2026-03-02
1022Australia2026-02-25
1023Italy2026-03-02
1024Russia2026-03-02
1025Japan2026-03-11
1026Brazil2026-03-08
1027Russia2026-02-26
1028Argentina2026-03-07
1029Spain2026-02-21
1030Germany2026-03-06
1031Australia2026-02-21
1032Russia2026-02-23
1033Russia2026-03-01
1034India2026-02-26
1035Japan2026-03-14
1036Russia2026-03-13
1037India2026-02-16
1038Russia2026-03-08
1039Canada2026-03-02
1040Argentina2026-03-05
1041Japan2026-03-14
1042Italy2026-03-14
1043United Kingdom2026-03-08
1044Germany2026-02-16
1045Australia2026-02-28
1046Japan2026-03-04
1047Japan2026-02-27
1048Spain2026-02-22
1049India2026-02-23

On-Demand Data

NameIdCountryDate
David L Kusko1000Russia2026-03-03
Sinclair Y Amigon1001United Kingdom2026-02-20
Antonio M Nestle1002Germany2026-02-17
Ashley K Iturbide1003Spain2026-02-28
Morrow S Amigon1004Japan2026-03-09
Misaki B Bowley1005Japan2026-03-10
James E Saylors1006Spain2026-02-15
Maisha J Royster1007Germany2026-03-04
Ashley M Morasca1008Germany2026-02-26
Munro H Wieser1009Australia2026-03-16
Claire R Flosi1010United Kingdom2026-03-02
Aika K Doe1011Italy2026-02-20
Adams Q Foller1012Spain2026-02-17
David K Dilliard1013Italy2026-02-21
Darci F Butt1014India2026-02-25
Murillo M Flosi1015Russia2026-02-20
Alejandro J Saylors1016Brazil2026-02-24
Isabel F Tollner1017Australia2026-02-17
Adams W Vocelka1018Argentina2026-03-11
Darci V Campain1019Spain2026-02-28
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jefferson E RulapaughIndiaIoni Bowcher NEGOTIATION
David L CaldareraArgentinaStephen Shaw PROPOSAL
Ricardo T MacleadGermanyAsiya Javayant QUALIFIED
Kadeem H ChuiAustraliaIvan Magalhaes NEGOTIATION
Adams M BriddickIndiaAsiya Javayant NEW
Adams X AmigonRussiaAnna Fali PROPOSAL
Wickens P NickaIndiaBernardo Dominic NEW
Wickens J OldroydArgentinaIoni Bowcher NEGOTIATION
Jones Y VenereArgentinaAmy Elsner RENEWAL
Cody T BriddickSpainIvan Magalhaes NEW
Octavia G SergiSpainIvan Magalhaes NEGOTIATION
Aditya N GlickJapanIvan Magalhaes NEW
Juan F AmigonArgentinaAsiya Javayant NEW
Sinclair H GlickRussiaAmy Elsner PROPOSAL
Maisha M PoquetteGermanyIoni Bowcher UNQUALIFIED
Johnson B AlbaresRussiaOnyama Limba QUALIFIED
Izzy O FlosiItalyStephen Shaw QUALIFIED
Juan M InouyeSpainAmy Elsner RENEWAL
Francesco U MarrierRussiaXuxue Feng NEGOTIATION
Munro X BowleyItalyIvan Magalhaes PROPOSAL
Kaitlin R DarakjyAustraliaOnyama Limba NEW
Izzy C DarakjyItalyBernardo Dominic PROPOSAL
Clifford K OldroydUnited KingdomIoni Bowcher NEW
Chavez H BowleyItalyIoni Bowcher PROPOSAL
Aika M StensethRussiaBernardo Dominic QUALIFIED
Maisha U OldroydAustraliaAnna Fali QUALIFIED
Mujtaba W GlickIndiaBernardo Dominic PROPOSAL
Munro V BologniaItalyIoni Bowcher UNQUALIFIED
Juan E MorascaBrazilXuxue Feng PROPOSAL
Jones C CaudyFranceXuxue Feng NEW
Maria J RulapaughItalyXuxue Feng NEW
Francesco A MaletGermanyOnyama Limba QUALIFIED
Ricardo J WieserJapanIoni Bowcher PROPOSAL
Murillo O RoysterRussiaBernardo Dominic UNQUALIFIED
Nicolas U GarufiJapanAsiya Javayant NEGOTIATION
Murillo T DarakjyItalyElwin Sharvill UNQUALIFIED
Rodrigues T RulapaughIndiaElwin Sharvill RENEWAL
Murillo J SchemmerIndiaIoni Bowcher QUALIFIED
Silvio C AmigonSpainAsiya Javayant NEGOTIATION
Adams K GarufiFranceBernardo Dominic PROPOSAL

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