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
Juan Q WhobreyGermanyElwin Sharvill RENEWAL
Juan K IturbideItalyIvan Magalhaes PROPOSAL
Kaitlin O IturbideArgentinaAsiya Javayant PROPOSAL
Mujtaba N MarrierUnited KingdomOnyama Limba NEGOTIATION
James T MaletFranceIvan Magalhaes UNQUALIFIED
Aika G RulapaughBrazilStephen Shaw QUALIFIED
Kadeem M WaycottIndiaIoni Bowcher NEGOTIATION
Claire O SaylorsUnited KingdomBernardo Dominic RENEWAL
Stacey Q MorascaAustraliaOnyama Limba NEW
Costa X DarakjyGermanyAmy Elsner RENEWAL
Chavez C ShinkoSpainAnna Fali QUALIFIED
Kaitlin A WhobreyRussiaAnna Fali QUALIFIED
Francesco Q BologniaCanadaElwin Sharvill QUALIFIED
Emily X PaprockiBrazilOnyama Limba QUALIFIED
Mayumi Z OldroydItalyIvan Magalhaes UNQUALIFIED
Maria W GillianIndiaBernardo Dominic RENEWAL
Jefferson L RimCanadaAsiya Javayant NEW
James H OstroskyJapanXuxue Feng PROPOSAL
Maria X RulapaughUnited KingdomStephen Shaw RENEWAL
David Y GauchoItalyIvan Magalhaes QUALIFIED
Jennifer H KolmetzArgentinaOnyama Limba QUALIFIED
Stacey A KolmetzJapanIoni Bowcher RENEWAL
Cody G OstroskyFranceAsiya Javayant NEW
Greenwood L FollerUnited KingdomAmy Elsner NEGOTIATION
Clifford V DarakjyIndiaBernardo Dominic RENEWAL
Emily B BologniaRussiaIvan Magalhaes UNQUALIFIED
Chavez I ShinkoJapanBernardo Dominic RENEWAL
Juan I IturbideCanadaStephen Shaw QUALIFIED
Isabel N KolmetzRussiaOnyama Limba QUALIFIED
Chavez W WieserJapanAmy Elsner UNQUALIFIED
Morrow L KuskoSpainOnyama Limba RENEWAL
Sinclair M AmigonCanadaXuxue Feng NEGOTIATION
Darci N ShinkoItalyAsiya Javayant NEW
Adams Y FollerJapanStephen Shaw RENEWAL
Octavia N IturbideJapanAsiya Javayant NEW
Francesco W OstroskyArgentinaAsiya Javayant QUALIFIED
Misaki N GarufiJapanElwin Sharvill QUALIFIED
Leja U InouyeBrazilAmy Elsner UNQUALIFIED
Darci L BologniaFranceIvan Magalhaes QUALIFIED
Aika P SergiFranceStephen Shaw NEW
Leon M CaudyAustraliaElwin Sharvill NEW
Julie O AmigonSpainStephen Shaw QUALIFIED
Silvio A MaletFranceIvan Magalhaes QUALIFIED
Alejandro O OldroydAustraliaXuxue Feng PROPOSAL
Maria X BowleyJapanOnyama Limba UNQUALIFIED
Faith W OstroskyUnited KingdomStephen Shaw RENEWAL
Emily B StensethRussiaAmy Elsner PROPOSAL
Wickens D WhobreyCanadaAmy Elsner QUALIFIED
Kadeem M BologniaArgentinaOnyama Limba UNQUALIFIED
Darci G PoquetteArgentinaOnyama Limba NEW
Horizontal
NameCountryRepresentativeStatus
Jefferson B PoquetteUnited KingdomAnna Fali NEW
Jefferson J KolmetzIndiaAnna Fali QUALIFIED
Darci W CaldareraUnited KingdomStephen Shaw NEGOTIATION
Stacey R DilliardJapanStephen Shaw RENEWAL
Juan T MarrierGermanyElwin Sharvill QUALIFIED
Julie I BowleyUnited KingdomOnyama Limba QUALIFIED
Greenwood D FlosiRussiaIoni Bowcher NEW
Jones W MaletFranceIoni Bowcher NEGOTIATION
Tony C CaldareraIndiaIoni Bowcher NEGOTIATION
Ricardo C BologniaFranceIvan Magalhaes QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aruna P IturbideRussia2026-02-13Printing Dimensions RENEWAL89Bernardo Dominic
1001Alejandro J GillianJapan2026-02-10Chapman, Ross E Esq RENEWAL26Ivan Magalhaes
1002Antonio G CaudyGermany2026-02-12Buckley Miller Wright PROPOSAL59Xuxue Feng
1003David I InouyeFrance2026-01-28Chanay, Jeffrey A Esq RENEWAL24Elwin Sharvill
1004Claire D RutaAustralia2026-01-30Truhlar And Truhlar Attys NEGOTIATION43Asiya Javayant
1005Murillo M ChuiCanada2026-02-07Printing Dimensions QUALIFIED65Elwin Sharvill
1006Maisha T MarrierUnited Kingdom2026-02-18Truhlar And Truhlar Attys QUALIFIED6Stephen Shaw
1007Kaitlin X IturbideGermany2026-02-18Commercial Press NEW17Asiya Javayant
1008Mayumi D SlusarskiCanada2026-02-15Rousseaux, Michael Esq UNQUALIFIED42Elwin Sharvill
1009Faith M FerenczRussia2026-02-19Chapman, Ross E Esq RENEWAL55Stephen Shaw
1010Maria Z BologniaRussia2026-02-17Feiner Bros UNQUALIFIED76Anna Fali
1011Silvio N FollerCanada2026-02-04Feltz Printing Service PROPOSAL23Bernardo Dominic
1012Octavia V MaletIndia2026-02-13Rousseaux, Michael Esq UNQUALIFIED14Bernardo Dominic
1013Smith U WhobreyUnited Kingdom2026-02-21Dorl, James J Esq UNQUALIFIED56Ioni Bowcher
1014Alejandro Q FlosiAustralia2026-02-24Morlong Associates PROPOSAL45Asiya Javayant
1015Aruna Z MaletFrance2026-02-21Feltz Printing Service PROPOSAL24Amy Elsner
1016Sinclair W GauchoRussia2026-02-07Rangoni Of Florence QUALIFIED99Amy Elsner
1017Silvio S CaudyUnited Kingdom2026-02-14Chemel, James L Cpa RENEWAL21Ioni Bowcher
1018Morrow M RulapaughRussia2026-02-17Rangoni Of Florence RENEWAL36Anna Fali
1019Faith S TollnerBrazil2026-02-03Rangoni Of Florence NEGOTIATION95Elwin Sharvill
1020Adams M GauchoSpain2026-02-14Printing Dimensions QUALIFIED75Stephen Shaw
1021Leon S WhobreyArgentina2026-02-04Chapman, Ross E Esq PROPOSAL16Amy Elsner
1022Misaki D DoeItaly2026-02-20Printing Dimensions NEW58Xuxue Feng
1023Maisha E CampainJapan2026-02-16Rousseaux, Michael Esq UNQUALIFIED0Ivan Magalhaes
1024Nicolas E MacleadJapan2026-02-23Dorl, James J Esq PROPOSAL57Anna Fali
1025David W MarrierFrance2026-02-11Printing Dimensions UNQUALIFIED63Bernardo Dominic
1026Adams S WaycottAustralia2026-02-22Dorl, James J Esq PROPOSAL66Anna Fali
1027Smith S MacleadIndia2026-02-22Dorl, James J Esq PROPOSAL55Onyama Limba
1028Darci U InouyeItaly2026-02-09Chanay, Jeffrey A Esq QUALIFIED5Bernardo Dominic
1029Salvatore P KuskoArgentina2026-01-29Feiner Bros PROPOSAL95Elwin Sharvill
1030Antonio T CaldareraSpain2026-02-15Dorl, James J Esq QUALIFIED5Bernardo Dominic
1031Adams Z ChuiBrazil2026-02-02Printing Dimensions UNQUALIFIED26Bernardo Dominic
1032Silvio S MorascaJapan2026-02-14Feiner Bros QUALIFIED3Ioni Bowcher
1033Greenwood I BriddickSpain2026-02-07Printing Dimensions NEW20Ioni Bowcher
1034Antonio M NickaCanada2026-01-30Chemel, James L Cpa UNQUALIFIED53Amy Elsner
1035Antonio I OldroydItaly2026-02-14Dorl, James J Esq RENEWAL20Stephen Shaw
1036Wickens U OstroskySpain2026-02-04Dorl, James J Esq PROPOSAL98Amy Elsner
1037Mujtaba K MacleadJapan2026-02-14Chemel, James L Cpa UNQUALIFIED16Ioni Bowcher
1038Salvatore R CampainFrance2026-02-06Morlong Associates PROPOSAL87Ioni Bowcher
1039Claire T RulapaughSpain2026-02-08Benton, John B Jr PROPOSAL91Amy Elsner
1040Jeanfrancois O ButtIndia2026-02-21Feltz Printing Service PROPOSAL83Elwin Sharvill
1041Sinclair C AlbaresItaly2026-01-31Rousseaux, Michael Esq RENEWAL48Ioni Bowcher
1042Munro U MaletBrazil2026-02-01Buckley Miller Wright PROPOSAL33Stephen Shaw
1043Adams V SergiArgentina2026-02-18Benton, John B Jr QUALIFIED76Asiya Javayant
1044Aruna X CampainSpain2026-02-12Feiner Bros NEW71Ioni Bowcher
1045Smith V WieserIndia2026-02-07Chanay, Jeffrey A Esq NEGOTIATION83Asiya Javayant
1046Mujtaba Y FlosiFrance2026-02-02Morlong Associates RENEWAL50Anna Fali
1047Juan C NickaItaly2026-02-21Truhlar And Truhlar Attys QUALIFIED14Onyama Limba
1048Leon F ButtJapan2026-02-22King, Christopher A Esq QUALIFIED10Onyama Limba
1049Stacey V DilliardGermany2026-02-12Rousseaux, Michael Esq UNQUALIFIED55Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Maria Z PerinGermanyIvan Magalhaes PROPOSAL
Aika A OldroydBrazilAmy Elsner NEGOTIATION
Cody Z OstroskyCanadaAmy Elsner QUALIFIED
James Q PerinSpainElwin Sharvill NEGOTIATION
Maria V MacleadBrazilAmy Elsner UNQUALIFIED
Misaki F CampainGermanyBernardo Dominic UNQUALIFIED
Sinclair X MarrierSpainElwin Sharvill NEW
Greenwood O RimIndiaAnna Fali NEGOTIATION
Darci K AlbaresCanadaIvan Magalhaes NEGOTIATION
Izzy U ShinkoIndiaAnna Fali QUALIFIED
Julie D FerenczUnited KingdomElwin Sharvill QUALIFIED
Silvio X ShinkoRussiaIoni Bowcher NEW
Murillo L RutaUnited KingdomIoni Bowcher QUALIFIED
Cody T CaldareraUnited KingdomOnyama Limba UNQUALIFIED
Jennifer G BowleyJapanOnyama Limba UNQUALIFIED
Sinclair T MorascaAustraliaAnna Fali QUALIFIED
Misaki T RoysterGermanyBernardo Dominic NEGOTIATION
Greenwood L GlickArgentinaAsiya Javayant RENEWAL
Leja Z DarakjyItalyStephen Shaw NEGOTIATION
Morrow V WhobreyIndiaElwin Sharvill NEGOTIATION
Claire W ShinkoJapanXuxue Feng QUALIFIED
Deepesh L CaudySpainXuxue Feng UNQUALIFIED
Claire A InouyeArgentinaXuxue Feng QUALIFIED
Maria U ChuiJapanElwin Sharvill QUALIFIED
Johnson D SchemmerAustraliaXuxue Feng NEW
Juan I StockhamBrazilIvan Magalhaes UNQUALIFIED
Francesco H RoysterFranceXuxue Feng QUALIFIED
Arvin N ShinkoFranceElwin Sharvill NEGOTIATION
Greenwood J SaylorsIndiaAnna Fali RENEWAL
Leja F PerinJapanIvan Magalhaes PROPOSAL
Silvio Q StockhamBrazilXuxue Feng NEW
Jones I OstroskyGermanyAsiya Javayant PROPOSAL
Stacey A IturbideJapanStephen Shaw NEGOTIATION
Faith N ChuiGermanyOnyama Limba NEGOTIATION
Ashley Y WhobreySpainAsiya Javayant UNQUALIFIED
Johnson C FlosiCanadaAnna Fali RENEWAL
David U PoquetteRussiaBernardo Dominic PROPOSAL
Morrow F RutaAustraliaAmy Elsner RENEWAL
Jennifer G InouyeJapanAsiya Javayant RENEWAL
Murillo V WaycottUnited KingdomXuxue Feng RENEWAL
Faith E AmigonBrazilOnyama Limba UNQUALIFIED
Arvin D OstroskyRussiaAsiya Javayant NEW
Maisha Y DoeBrazilAnna Fali NEW
Maisha Q MarrierCanadaIoni Bowcher QUALIFIED
Nicolas J StockhamIndiaXuxue Feng NEW
Adams A NickaCanadaStephen Shaw QUALIFIED
Aruna A ShinkoCanadaBernardo Dominic QUALIFIED
Maria Y StockhamGermanyAmy Elsner PROPOSAL
Stacey R BriddickAustraliaXuxue Feng RENEWAL
Kadeem J MorascaSpainElwin Sharvill QUALIFIED
Frozen Columns
Name
Maisha R Gillian
Arvin U Gaucho
Maria O Flosi
Maria G Flosi
Deepesh V Gillian
Darci A Gillian
Deepesh R Saylors
Salvatore B Caldarera
James D Malet
Costa S Butt
Aika N Chui
Johnson G Butt
Emily P Iturbide
Mujtaba N Kolmetz
Ivar A Marrier
Sinclair Y Albares
Leja X Saylors
Wickens Z Iturbide
Salvatore S Briddick
Julie X Rim
Mujtaba F Paprocki
Izzy O Caudy
Morrow C Caudy
Jennifer P Ferencz
Alejandro J Figeroa
Ricardo O Dilliard
Maria U Morasca
Octavia T Paprocki
Darci Y Royster
Stacey X Amigon
Aditya F Nicka
Munro G Caldarera
Morrow K Albares
Izzy T Amigon
Jefferson F Perin
Francesco T Gillian
Aika Z Iturbide
Juan H Tollner
Aika R Stockham
Nicolas G Butt
Octavia L Ferencz
Jefferson S Marrier
Francesco M Nestle
Murillo G Perin
Munro C Marrier
Leja Z Maclead
Munro C Saylors
Jeanfrancois K Ferencz
Salvatore L Stockham
Francesco F Morasca
IdCountryDate
1000France2026-02-11
1001Canada2026-01-26
1002Brazil2026-02-22
1003France2026-02-21
1004Spain2026-02-14
1005Germany2026-02-11
1006France2026-02-10
1007Australia2026-02-01
1008Germany2026-02-07
1009Spain2026-02-18
1010Canada2026-02-13
1011Brazil2026-02-09
1012Argentina2026-02-17
1013France2026-01-28
1014United Kingdom2026-01-31
1015Germany2026-02-13
1016Australia2026-02-20
1017Spain2026-02-06
1018Italy2026-02-21
1019Brazil2026-02-15
1020France2026-02-05
1021Italy2026-02-09
1022Russia2026-01-29
1023Italy2026-02-12
1024Russia2026-02-14
1025Argentina2026-02-08
1026Argentina2026-02-24
1027Italy2026-02-22
1028India2026-02-13
1029Germany2026-02-14
1030India2026-02-22
1031Germany2026-01-27
1032Russia2026-02-03
1033France2026-02-07
1034Italy2026-02-08
1035France2026-02-05
1036Argentina2026-02-15
1037Italy2026-01-27
1038Canada2026-02-19
1039India2026-02-19
1040Germany2026-02-13
1041Brazil2026-02-10
1042Brazil2026-02-13
1043India2026-02-02
1044Australia2026-02-19
1045Germany2026-02-21
1046Spain2026-02-13
1047India2026-02-16
1048Germany2026-02-11
1049United Kingdom2026-02-07

On-Demand Data

NameIdCountryDate
Deepesh C Rulapaugh1000Australia2026-02-22
Alejandro I Foller1001Italy2026-02-24
Rodrigues A Vocelka1002Japan2026-02-08
Ivar M Figeroa1003Brazil2026-02-15
Kaitlin B Garufi1004Australia2026-02-23
Emily K Nicka1005Argentina2026-02-01
Isabel J Venere1006Russia2026-02-17
Munro L Stenseth1007France2026-01-29
Munro Y Ostrosky1008Canada2026-02-03
Claire E Bolognia1009Russia2026-02-14
Aika E Wieser1010United Kingdom2026-02-19
Clifford M Rulapaugh1011Brazil2026-02-17
Julie O Butt1012France2026-02-21
Mujtaba R Morasca1013Spain2026-01-31
Munro M Malet1014Spain2026-02-03
Francesco M Bowley1015Germany2026-02-08
Nicolas S Tollner1016Germany2026-02-16
Silvio U Butt1017Germany2026-02-14
Rodrigues E Ruta1018Brazil2026-02-18
Emily X Darakjy1019United Kingdom2026-02-03
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Kaitlin O WaycottFranceXuxue Feng QUALIFIED
Tony B MacleadGermanyBernardo Dominic NEGOTIATION
Mayumi N WieserIndiaOnyama Limba QUALIFIED
Clifford N GlickSpainAmy Elsner QUALIFIED
Leja A SlusarskiItalyAnna Fali UNQUALIFIED
Aika B VocelkaFranceAsiya Javayant PROPOSAL
Kadeem I GlickAustraliaAnna Fali PROPOSAL
Wickens Y OstroskyRussiaIoni Bowcher RENEWAL
Izzy F FerenczJapanBernardo Dominic NEW
Maria M FigeroaUnited KingdomXuxue Feng NEGOTIATION
Julie M ButtJapanIvan Magalhaes RENEWAL
Maisha K VenereBrazilElwin Sharvill NEW
Kadeem A SaylorsItalyXuxue Feng NEGOTIATION
Ricardo Q IturbideCanadaAnna Fali NEGOTIATION
Emily O AmigonCanadaIvan Magalhaes PROPOSAL
Jones V ShinkoItalyOnyama Limba NEGOTIATION
Mayumi U RoysterJapanStephen Shaw QUALIFIED
Aika S StensethJapanBernardo Dominic QUALIFIED
Stacey J VenereSpainAsiya Javayant QUALIFIED
Claire K MarrierRussiaXuxue Feng RENEWAL
Ashley C FerenczIndiaOnyama Limba NEGOTIATION
Emily K RulapaughJapanOnyama Limba NEGOTIATION
Morrow P BriddickGermanyXuxue Feng NEGOTIATION
Jefferson M PerinCanadaStephen Shaw RENEWAL
Mujtaba Z MacleadItalyIvan Magalhaes RENEWAL
James J StensethItalyIvan Magalhaes UNQUALIFIED
Izzy Z FigeroaAustraliaAnna Fali NEGOTIATION
Maisha I GillianCanadaIoni Bowcher NEGOTIATION
Claire S RulapaughJapanAmy Elsner NEGOTIATION
Greenwood E WieserRussiaXuxue Feng PROPOSAL
Ivar Y PaprockiBrazilStephen Shaw UNQUALIFIED
Jeanfrancois B GlickItalyAsiya Javayant RENEWAL
Izzy S MaletRussiaAnna Fali PROPOSAL
James Y MacleadIndiaAmy Elsner PROPOSAL
Stacey F NestleSpainIvan Magalhaes NEGOTIATION
Jennifer L NickaJapanAmy Elsner PROPOSAL
Stacey N MacleadJapanStephen Shaw UNQUALIFIED
James K KolmetzBrazilAnna Fali NEW
Izzy L CampainBrazilAnna Fali QUALIFIED
Silvio W SaylorsSpainOnyama Limba NEW

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