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
Aika Z SaylorsItalyIoni Bowcher RENEWAL
Adams L NickaIndiaStephen Shaw QUALIFIED
Jones Z BriddickArgentinaOnyama Limba NEGOTIATION
Silvio V OldroydFranceAnna Fali NEW
Jennifer M RulapaughFranceStephen Shaw UNQUALIFIED
Stacey I VocelkaBrazilIvan Magalhaes PROPOSAL
Julie H DarakjyFranceElwin Sharvill NEW
Cody M ButtUnited KingdomXuxue Feng QUALIFIED
Darci J MaletBrazilAmy Elsner NEGOTIATION
Maria F RutaSpainStephen Shaw NEGOTIATION
Clifford F DilliardSpainStephen Shaw UNQUALIFIED
Octavia M WaycottIndiaBernardo Dominic RENEWAL
Darci S WhobreyItalyOnyama Limba PROPOSAL
Cody I DoeGermanyXuxue Feng PROPOSAL
Clifford I MaletFranceXuxue Feng QUALIFIED
Ashley L StockhamBrazilBernardo Dominic NEGOTIATION
Darci K MaletArgentinaElwin Sharvill NEGOTIATION
Jefferson O FollerArgentinaAnna Fali UNQUALIFIED
Jones S DarakjyIndiaAnna Fali PROPOSAL
Salvatore S BowleyUnited KingdomAnna Fali NEGOTIATION
Misaki X CampainIndiaOnyama Limba RENEWAL
Ashley K StockhamIndiaXuxue Feng RENEWAL
Ashley V GillianJapanAmy Elsner NEW
Smith E ShinkoArgentinaIoni Bowcher QUALIFIED
Francesco T ButtSpainOnyama Limba UNQUALIFIED
Cody M ButtRussiaElwin Sharvill PROPOSAL
Costa K BowleySpainAnna Fali NEW
Adams O PaprockiAustraliaAsiya Javayant UNQUALIFIED
Sinclair U WaycottJapanAmy Elsner RENEWAL
Isabel E KuskoBrazilOnyama Limba NEW
Ricardo P DilliardIndiaAnna Fali NEW
Jefferson X MarrierArgentinaIvan Magalhaes NEGOTIATION
Kaitlin F StensethJapanAsiya Javayant UNQUALIFIED
Aika X IturbideIndiaIoni Bowcher NEW
Claire E WaycottJapanAsiya Javayant PROPOSAL
Kaitlin E DarakjyUnited KingdomXuxue Feng NEW
Adams E ShinkoItalyAmy Elsner UNQUALIFIED
Darci V InouyeCanadaXuxue Feng NEW
Munro U TollnerGermanyAnna Fali UNQUALIFIED
Munro R ShinkoRussiaStephen Shaw NEGOTIATION
Jennifer R DilliardFranceOnyama Limba PROPOSAL
Murillo A CaldareraAustraliaStephen Shaw NEGOTIATION
Aruna P BriddickAustraliaIoni Bowcher RENEWAL
Francesco N KuskoAustraliaIoni Bowcher RENEWAL
Arvin O BriddickIndiaAnna Fali NEW
Ivar T SchemmerArgentinaOnyama Limba PROPOSAL
Wickens Y GlickIndiaElwin Sharvill RENEWAL
Jefferson C KolmetzItalyIvan Magalhaes NEGOTIATION
Octavia R SergiCanadaStephen Shaw PROPOSAL
Salvatore R GlickIndiaIoni Bowcher UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Rodrigues A BriddickArgentinaIoni Bowcher NEGOTIATION
Aditya L RutaJapanAnna Fali QUALIFIED
Mayumi I IturbideArgentinaIvan Magalhaes NEGOTIATION
Arvin G PoquetteIndiaIoni Bowcher PROPOSAL
Jeanfrancois Q VenereSpainElwin Sharvill RENEWAL
Aruna W DoeItalyIvan Magalhaes NEW
Isabel Q RimUnited KingdomIvan Magalhaes NEW
Kaitlin D NestleIndiaBernardo Dominic NEGOTIATION
Clifford Z CampainFranceIoni Bowcher UNQUALIFIED
Johnson L PerinAustraliaOnyama Limba UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Rodrigues N SchemmerArgentina2026-05-18Printing Dimensions RENEWAL47Onyama Limba
1001Smith N SergiGermany2026-05-12Chapman, Ross E Esq UNQUALIFIED95Stephen Shaw
1002Jefferson P CaudySpain2026-04-25Chapman, Ross E Esq PROPOSAL48Stephen Shaw
1003Morrow H BriddickFrance2026-05-14Benton, John B Jr NEW84Ioni Bowcher
1004Maisha E MaletJapan2026-05-15Rousseaux, Michael Esq RENEWAL79Onyama Limba
1005Tony V MaletItaly2026-05-13Dorl, James J Esq NEW15Asiya Javayant
1006Leja G GlickGermany2026-04-30Chanay, Jeffrey A Esq NEGOTIATION1Ioni Bowcher
1007Mujtaba V SergiJapan2026-05-09Feiner Bros NEGOTIATION68Stephen Shaw
1008Salvatore G MarrierArgentina2026-05-16Feltz Printing Service RENEWAL84Xuxue Feng
1009Kaitlin U GarufiCanada2026-04-24Truhlar And Truhlar Attys NEW2Ivan Magalhaes
1010Aditya O SchemmerCanada2026-04-29Buckley Miller Wright PROPOSAL53Elwin Sharvill
1011Morrow P NestleItaly2026-05-09Feltz Printing Service NEW17Xuxue Feng
1012Jefferson B KuskoArgentina2026-05-04Morlong Associates NEW50Anna Fali
1013Costa U MorascaIndia2026-05-08Commercial Press NEGOTIATION16Bernardo Dominic
1014James M CampainSpain2026-05-17Buckley Miller Wright NEW39Xuxue Feng
1015Ricardo G ButtArgentina2026-05-04Commercial Press RENEWAL96Xuxue Feng
1016Jennifer N FlosiBrazil2026-04-23Commercial Press PROPOSAL72Ioni Bowcher
1017Munro K DoeRussia2026-05-13Chanay, Jeffrey A Esq UNQUALIFIED13Onyama Limba
1018Octavia J BriddickFrance2026-05-07Feltz Printing Service UNQUALIFIED91Elwin Sharvill
1019Chavez G AmigonGermany2026-05-13Buckley Miller Wright NEW99Asiya Javayant
1020Adams F SaylorsGermany2026-04-30Feiner Bros PROPOSAL51Xuxue Feng
1021Jones N ShinkoAustralia2026-04-21King, Christopher A Esq UNQUALIFIED57Elwin Sharvill
1022Emily Z PaprockiRussia2026-05-01Buckley Miller Wright UNQUALIFIED42Xuxue Feng
1023Leja H FerenczIndia2026-05-01Chapman, Ross E Esq QUALIFIED94Xuxue Feng
1024Costa P CaldareraIndia2026-05-07King, Christopher A Esq QUALIFIED29Stephen Shaw
1025Julie M DarakjySpain2026-05-01King, Christopher A Esq UNQUALIFIED15Ivan Magalhaes
1026Greenwood N WaycottItaly2026-04-23Rousseaux, Michael Esq NEW75Stephen Shaw
1027Julie W OstroskyGermany2026-05-19Feiner Bros UNQUALIFIED82Bernardo Dominic
1028Alejandro Q PaprockiBrazil2026-05-01Feltz Printing Service PROPOSAL51Anna Fali
1029Jefferson V MorascaFrance2026-04-27Rangoni Of Florence QUALIFIED36Ioni Bowcher
1030Tony N IturbideIndia2026-04-23Rangoni Of Florence NEW17Elwin Sharvill
1031David V RimArgentina2026-05-06Rousseaux, Michael Esq UNQUALIFIED39Onyama Limba
1032Munro F DoeUnited Kingdom2026-05-10Buckley Miller Wright UNQUALIFIED6Stephen Shaw
1033Francesco C FollerArgentina2026-05-19Rousseaux, Michael Esq PROPOSAL31Bernardo Dominic
1034Ivar W MarrierSpain2026-05-15Feiner Bros UNQUALIFIED78Ivan Magalhaes
1035Clifford U BowleyCanada2026-05-02Chapman, Ross E Esq NEGOTIATION64Bernardo Dominic
1036Nicolas S WaycottAustralia2026-05-13Chemel, James L Cpa NEW13Bernardo Dominic
1037Juan A InouyeCanada2026-04-29Buckley Miller Wright UNQUALIFIED86Stephen Shaw
1038Chavez M TollnerGermany2026-05-15Buckley Miller Wright QUALIFIED2Ivan Magalhaes
1039Francesco R GlickSpain2026-05-12Dorl, James J Esq QUALIFIED65Anna Fali
1040James N FollerRussia2026-05-17Chemel, James L Cpa NEGOTIATION52Asiya Javayant
1041Clifford N FigeroaCanada2026-04-29Truhlar And Truhlar Attys NEW3Elwin Sharvill
1042Morrow H RoysterArgentina2026-04-26Rangoni Of Florence QUALIFIED89Bernardo Dominic
1043Wickens N GauchoIndia2026-05-16Feltz Printing Service NEW36Ioni Bowcher
1044James G NickaGermany2026-04-27Truhlar And Truhlar Attys PROPOSAL35Anna Fali
1045Leon H MorascaRussia2026-05-14Dorl, James J Esq NEGOTIATION34Anna Fali
1046Izzy F CaudyGermany2026-04-24Commercial Press NEW73Bernardo Dominic
1047Chavez R CampainItaly2026-05-15Chapman, Ross E Esq NEGOTIATION31Anna Fali
1048Clifford L MaletUnited Kingdom2026-05-03Feltz Printing Service NEW16Xuxue Feng
1049Kadeem X RulapaughRussia2026-05-14Truhlar And Truhlar Attys PROPOSAL19Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Emily R MaletGermanyAnna Fali RENEWAL
Jennifer E CaldareraJapanIoni Bowcher PROPOSAL
Nicolas W SaylorsGermanyElwin Sharvill UNQUALIFIED
Nicolas V GillianItalyBernardo Dominic NEW
Sinclair N MaletJapanBernardo Dominic RENEWAL
Jeanfrancois S CaudyIndiaIoni Bowcher NEGOTIATION
Mujtaba E BologniaJapanOnyama Limba NEW
Kadeem D VenereRussiaOnyama Limba QUALIFIED
Francesco Q InouyeUnited KingdomOnyama Limba UNQUALIFIED
Silvio N FigeroaUnited KingdomXuxue Feng RENEWAL
Ricardo R MaletSpainBernardo Dominic PROPOSAL
Ivar A MaletFranceXuxue Feng UNQUALIFIED
Smith W CampainFranceElwin Sharvill UNQUALIFIED
Ashley G RutaArgentinaStephen Shaw RENEWAL
David P FollerGermanyAmy Elsner QUALIFIED
Mayumi V ButtAustraliaStephen Shaw RENEWAL
Deepesh O ChuiIndiaAsiya Javayant UNQUALIFIED
Kadeem E RoysterIndiaXuxue Feng NEGOTIATION
Aika Q CaldareraSpainOnyama Limba QUALIFIED
Rodrigues L SaylorsCanadaElwin Sharvill NEGOTIATION
Antonio E AlbaresBrazilAmy Elsner QUALIFIED
Adams F VenereJapanStephen Shaw PROPOSAL
David R NestleAustraliaAmy Elsner NEGOTIATION
Ivar W NestleArgentinaBernardo Dominic NEW
Kaitlin C MaletFranceAsiya Javayant UNQUALIFIED
Misaki V WaycottIndiaAmy Elsner UNQUALIFIED
Costa Y NickaSpainIvan Magalhaes NEGOTIATION
Aruna F AmigonIndiaAsiya Javayant RENEWAL
Ricardo V AlbaresUnited KingdomXuxue Feng RENEWAL
Clifford C FigeroaItalyBernardo Dominic QUALIFIED
Jones Z ButtItalyAmy Elsner UNQUALIFIED
Greenwood S GauchoJapanXuxue Feng UNQUALIFIED
Maisha U InouyeFranceElwin Sharvill UNQUALIFIED
Aditya L AmigonGermanyAmy Elsner NEGOTIATION
Juan C MaletBrazilOnyama Limba UNQUALIFIED
James E ShinkoSpainXuxue Feng NEW
Clifford J KuskoArgentinaOnyama Limba PROPOSAL
Sinclair R MarrierItalyStephen Shaw NEW
Maria D RoysterRussiaOnyama Limba UNQUALIFIED
Maisha X MarrierArgentinaBernardo Dominic UNQUALIFIED
Jones N FollerArgentinaIoni Bowcher NEW
Jennifer G StensethRussiaAnna Fali NEW
Julie D NickaArgentinaAsiya Javayant NEGOTIATION
Claire Z IturbideFranceXuxue Feng QUALIFIED
Julie R SlusarskiSpainElwin Sharvill NEGOTIATION
Isabel L CampainRussiaAmy Elsner NEGOTIATION
Johnson Y DarakjyJapanIvan Magalhaes NEW
Clifford O CaldareraIndiaAsiya Javayant UNQUALIFIED
Ashley C DarakjyFranceAnna Fali RENEWAL
Antonio Q AlbaresRussiaAnna Fali NEGOTIATION
Frozen Columns
Name
Antonio Q Morasca
Mujtaba Q Chui
Tony M Paprocki
Kaitlin D Doe
Ricardo Y Ferencz
Tony O Flosi
Deepesh M Stenseth
Leja N Waycott
Aika S Maclead
Kaitlin V Nicka
Murillo S Oldroyd
Francesco V Glick
Greenwood E Caldarera
Arvin G Kusko
Jennifer U Inouye
Jeanfrancois V Chui
Tony V Slusarski
Arvin T Rim
Aruna H Glick
Maisha K Ostrosky
Costa R Venere
Faith Y Malet
Jefferson E Slusarski
Octavia W Gillian
James S Kolmetz
Arvin C Dilliard
Cody C Butt
James J Campain
Nicolas R Marrier
Johnson A Inouye
Clifford A Stenseth
Faith X Gaucho
Aika C Shinko
Kaitlin R Ruta
Octavia L Flosi
Silvio N Waycott
Faith X Nicka
Darci I Inouye
Adams R Darakjy
Emily D Bolognia
Mayumi W Bowley
Aditya U Paprocki
Jones H Foller
Costa C Maclead
Aruna J Campain
Rodrigues P Perin
Aditya N Malet
Chavez A Rim
Murillo F Perin
Greenwood E Gillian
IdCountryDate
1000Canada2026-05-07
1001Japan2026-05-10
1002Russia2026-05-20
1003Spain2026-04-25
1004France2026-05-02
1005Germany2026-05-02
1006France2026-05-14
1007Argentina2026-05-08
1008Russia2026-05-03
1009Argentina2026-04-30
1010United Kingdom2026-05-15
1011France2026-05-16
1012Japan2026-05-15
1013Australia2026-05-13
1014France2026-05-12
1015Germany2026-05-15
1016India2026-05-17
1017Canada2026-05-05
1018India2026-05-02
1019Japan2026-04-25
1020Argentina2026-05-19
1021Italy2026-05-18
1022India2026-04-26
1023United Kingdom2026-05-05
1024Australia2026-04-29
1025United Kingdom2026-05-06
1026Germany2026-05-08
1027Russia2026-05-02
1028Italy2026-04-27
1029Japan2026-05-14
1030Russia2026-04-26
1031Brazil2026-05-19
1032Germany2026-05-07
1033Spain2026-05-20
1034Spain2026-04-22
1035Argentina2026-05-03
1036Argentina2026-05-18
1037Spain2026-04-22
1038Argentina2026-05-01
1039Spain2026-05-18
1040Germany2026-04-25
1041Russia2026-05-19
1042Spain2026-05-06
1043India2026-04-29
1044Argentina2026-05-08
1045Germany2026-05-20
1046Spain2026-05-05
1047Germany2026-05-10
1048Italy2026-05-02
1049Japan2026-05-10

On-Demand Data

NameIdCountryDate
Aika G Chui1000Italy2026-05-03
Mujtaba I Ferencz1001Russia2026-05-05
Antonio W Paprocki1002Italy2026-05-11
Jefferson L Chui1003Brazil2026-05-03
Johnson W Rulapaugh1004Spain2026-05-02
Wickens W Gaucho1005Argentina2026-05-13
Izzy R Schemmer1006Germany2026-04-27
Antonio X Caudy1007France2026-04-26
Aruna G Sergi1008Italy2026-05-15
Octavia S Royster1009Italy2026-05-06
Aditya K Wieser1010India2026-04-25
David D Sergi1011Australia2026-04-23
Munro W Vocelka1012Germany2026-05-16
Ricardo G Poquette1013India2026-04-26
Darci K Doe1014Argentina2026-05-11
Emily A Perin1015Australia2026-04-24
Ricardo Z Campain1016Japan2026-05-02
Antonio M Waycott1017Australia2026-04-28
Isabel U Oldroyd1018France2026-05-07
Silvio B Morasca1019Russia2026-04-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Isabel U MorascaAustraliaIoni Bowcher NEW
Mujtaba V BriddickUnited KingdomXuxue Feng RENEWAL
Jefferson I KuskoUnited KingdomBernardo Dominic NEW
Jones R PerinBrazilElwin Sharvill RENEWAL
Morrow S IturbideBrazilAnna Fali UNQUALIFIED
Juan S FigeroaJapanStephen Shaw NEW
Tony K PerinArgentinaAnna Fali NEW
Adams Y WaycottFranceIvan Magalhaes NEGOTIATION
Chavez E StockhamCanadaIvan Magalhaes PROPOSAL
Leon V StensethItalyAmy Elsner PROPOSAL
Munro Z RulapaughItalyElwin Sharvill NEGOTIATION
Silvio K CampainCanadaIvan Magalhaes PROPOSAL
Faith E CaldareraCanadaIvan Magalhaes UNQUALIFIED
Octavia T FlosiUnited KingdomAmy Elsner UNQUALIFIED
Faith I TollnerFranceBernardo Dominic NEW
Darci P PaprockiBrazilElwin Sharvill NEGOTIATION
Francesco A GarufiAustraliaBernardo Dominic PROPOSAL
Francesco W CaldareraRussiaOnyama Limba RENEWAL
Morrow E MarrierItalyOnyama Limba RENEWAL
Deepesh S MarrierArgentinaBernardo Dominic UNQUALIFIED
Isabel V SaylorsUnited KingdomAnna Fali QUALIFIED
Maria Z PerinRussiaAnna Fali UNQUALIFIED
Tony P GauchoItalyBernardo Dominic NEGOTIATION
Kaitlin O MorascaGermanyElwin Sharvill NEGOTIATION
Jeanfrancois R PerinCanadaBernardo Dominic NEGOTIATION
Silvio S BowleySpainXuxue Feng QUALIFIED
Murillo D BowleyCanadaBernardo Dominic NEGOTIATION
Leon R FollerArgentinaAmy Elsner PROPOSAL
Deepesh T RimSpainAnna Fali UNQUALIFIED
Silvio T VenereIndiaXuxue Feng NEGOTIATION
Kaitlin M CampainJapanXuxue Feng PROPOSAL
Mujtaba P RulapaughAustraliaElwin Sharvill QUALIFIED
Ivar D PoquetteArgentinaIvan Magalhaes QUALIFIED
Salvatore Y BriddickUnited KingdomBernardo Dominic UNQUALIFIED
Greenwood U OldroydGermanyIvan Magalhaes NEGOTIATION
Nicolas L CampainSpainOnyama Limba UNQUALIFIED
Salvatore Y ShinkoCanadaStephen Shaw UNQUALIFIED
Misaki M VenereArgentinaStephen Shaw PROPOSAL
Deepesh B VocelkaFranceElwin Sharvill UNQUALIFIED
Adams S CaudyRussiaElwin Sharvill 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.