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
Julie R FollerCanadaXuxue Feng RENEWAL
Ivar S RutaSpainIoni Bowcher NEW
Costa K MacleadCanadaAnna Fali PROPOSAL
Kadeem G SaylorsSpainXuxue Feng NEW
Misaki B MacleadItalyBernardo Dominic NEW
Antonio V InouyeIndiaIoni Bowcher RENEWAL
Johnson A GillianArgentinaAsiya Javayant RENEWAL
Aika Q StensethGermanyAnna Fali NEW
Silvio G SchemmerIndiaBernardo Dominic RENEWAL
Francesco H GlickArgentinaOnyama Limba NEW
Johnson D MaletSpainElwin Sharvill PROPOSAL
Maria J SchemmerJapanIvan Magalhaes UNQUALIFIED
Jeanfrancois R IturbideArgentinaOnyama Limba NEW
Darci X PoquetteCanadaElwin Sharvill RENEWAL
Stacey H RulapaughBrazilOnyama Limba NEW
Silvio K WaycottSpainAnna Fali UNQUALIFIED
Wickens C KuskoBrazilIvan Magalhaes PROPOSAL
Chavez T MaletGermanyAsiya Javayant NEW
Ivar C SaylorsBrazilBernardo Dominic QUALIFIED
Arvin G IturbideSpainAmy Elsner RENEWAL
Octavia X GarufiArgentinaStephen Shaw RENEWAL
Ricardo Q WaycottUnited KingdomElwin Sharvill UNQUALIFIED
Faith Y NestleUnited KingdomXuxue Feng UNQUALIFIED
Jefferson R ButtFranceIoni Bowcher PROPOSAL
Jeanfrancois Z CampainBrazilAsiya Javayant PROPOSAL
Faith P FlosiGermanyXuxue Feng RENEWAL
Faith G CaudyRussiaBernardo Dominic RENEWAL
Cody H VenereBrazilOnyama Limba NEGOTIATION
Adams B KuskoGermanyBernardo Dominic QUALIFIED
Stacey A MaletCanadaAnna Fali NEGOTIATION
Izzy T RutaUnited KingdomElwin Sharvill PROPOSAL
Smith Q SaylorsJapanElwin Sharvill UNQUALIFIED
Arvin F KuskoGermanyAmy Elsner UNQUALIFIED
Nicolas R WieserAustraliaIvan Magalhaes NEGOTIATION
Ashley J SaylorsUnited KingdomAmy Elsner PROPOSAL
Juan U RutaIndiaXuxue Feng NEGOTIATION
Clifford L ShinkoRussiaBernardo Dominic PROPOSAL
Antonio E RoysterFranceIoni Bowcher NEGOTIATION
Cody P CaldareraIndiaXuxue Feng UNQUALIFIED
Ashley U DoeCanadaElwin Sharvill PROPOSAL
Faith Z MacleadJapanOnyama Limba PROPOSAL
Alejandro O FigeroaBrazilIoni Bowcher PROPOSAL
Cody Z WaycottCanadaBernardo Dominic NEGOTIATION
Nicolas I SaylorsRussiaOnyama Limba NEW
Jones W DoeBrazilAnna Fali PROPOSAL
Ricardo I NestleIndiaAmy Elsner NEW
Emily U SlusarskiUnited KingdomXuxue Feng NEGOTIATION
Smith R SergiItalyAsiya Javayant NEGOTIATION
Aruna T ShinkoGermanyBernardo Dominic NEW
Johnson R MaletCanadaAnna Fali QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Kaitlin Z StockhamJapanIoni Bowcher UNQUALIFIED
Kaitlin Z StockhamFranceAmy Elsner NEW
Kaitlin G MarrierUnited KingdomElwin Sharvill PROPOSAL
Wickens J FollerItalyOnyama Limba NEGOTIATION
Faith A SlusarskiFranceAnna Fali PROPOSAL
Munro L MarrierRussiaIvan Magalhaes NEGOTIATION
Ashley G CampainAustraliaXuxue Feng UNQUALIFIED
Tony Q CampainRussiaXuxue Feng UNQUALIFIED
Misaki Y InouyeSpainAsiya Javayant RENEWAL
Faith F RoysterItalyXuxue Feng QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leon F FigeroaFrance2026-06-24Benton, John B Jr NEW40Anna Fali
1001Claire E DilliardIndia2026-07-06Rousseaux, Michael Esq UNQUALIFIED45Ivan Magalhaes
1002Aditya U PerinArgentina2026-07-14Chemel, James L Cpa QUALIFIED86Elwin Sharvill
1003Aruna K SergiSpain2026-06-29Dorl, James J Esq NEW1Asiya Javayant
1004Juan K TollnerCanada2026-06-26Commercial Press NEW90Stephen Shaw
1005Costa D StensethArgentina2026-07-03Feiner Bros UNQUALIFIED94Ioni Bowcher
1006Jeanfrancois M FlosiBrazil2026-06-26Commercial Press PROPOSAL45Ioni Bowcher
1007Julie V PoquetteIndia2026-07-13Rangoni Of Florence UNQUALIFIED48Elwin Sharvill
1008Wickens P RulapaughCanada2026-06-24Chanay, Jeffrey A Esq NEW78Amy Elsner
1009Johnson L SlusarskiGermany2026-07-10King, Christopher A Esq NEW13Ivan Magalhaes
1010Jefferson C PaprockiJapan2026-06-28Chapman, Ross E Esq RENEWAL35Bernardo Dominic
1011Ivar A FigeroaArgentina2026-07-20Chanay, Jeffrey A Esq PROPOSAL1Amy Elsner
1012Smith T WaycottArgentina2026-07-20Buckley Miller Wright QUALIFIED98Amy Elsner
1013Munro R SergiIndia2026-07-11Morlong Associates UNQUALIFIED64Onyama Limba
1014Tony D CaudyAustralia2026-07-06King, Christopher A Esq UNQUALIFIED37Onyama Limba
1015Ricardo X RimSpain2026-06-25Chapman, Ross E Esq RENEWAL34Onyama Limba
1016Maisha G MaletFrance2026-07-05Chanay, Jeffrey A Esq QUALIFIED98Anna Fali
1017Murillo R NestleAustralia2026-07-08Chemel, James L Cpa NEGOTIATION48Bernardo Dominic
1018Aruna F SergiBrazil2026-06-25Benton, John B Jr UNQUALIFIED41Ivan Magalhaes
1019Jefferson J GlickJapan2026-07-03King, Christopher A Esq RENEWAL61Ivan Magalhaes
1020Greenwood K WaycottItaly2026-06-26Feltz Printing Service NEGOTIATION84Asiya Javayant
1021Deepesh N SchemmerBrazil2026-07-22Morlong Associates NEW29Onyama Limba
1022Cody Z IturbideItaly2026-07-03Truhlar And Truhlar Attys PROPOSAL84Anna Fali
1023James A TollnerGermany2026-07-22Dorl, James J Esq QUALIFIED2Elwin Sharvill
1024Maisha Y MarrierItaly2026-07-16Printing Dimensions QUALIFIED32Stephen Shaw
1025Emily E KolmetzGermany2026-06-27Benton, John B Jr QUALIFIED30Elwin Sharvill
1026Faith V ButtIndia2026-07-08Feltz Printing Service RENEWAL80Amy Elsner
1027Maria X ChuiSpain2026-07-19Morlong Associates UNQUALIFIED48Bernardo Dominic
1028Costa N DoeUnited Kingdom2026-06-25Truhlar And Truhlar Attys PROPOSAL38Bernardo Dominic
1029Smith N AmigonAustralia2026-06-27Feiner Bros NEGOTIATION88Bernardo Dominic
1030Mayumi L BowleyArgentina2026-07-02Chapman, Ross E Esq QUALIFIED2Ivan Magalhaes
1031Cody Y CaldareraItaly2026-06-30Commercial Press RENEWAL69Anna Fali
1032Rodrigues D AlbaresBrazil2026-07-07Rangoni Of Florence NEW7Ivan Magalhaes
1033Johnson U GauchoJapan2026-07-06King, Christopher A Esq UNQUALIFIED74Bernardo Dominic
1034Aditya N DilliardArgentina2026-07-14Benton, John B Jr NEW36Onyama Limba
1035Juan N FollerJapan2026-07-03Rousseaux, Michael Esq UNQUALIFIED21Stephen Shaw
1036Cody P FlosiJapan2026-07-07Dorl, James J Esq UNQUALIFIED44Elwin Sharvill
1037Faith F SchemmerAustralia2026-07-13Benton, John B Jr QUALIFIED34Stephen Shaw
1038Faith P StensethUnited Kingdom2026-07-02Commercial Press UNQUALIFIED92Onyama Limba
1039Silvio V StockhamJapan2026-07-15Dorl, James J Esq NEGOTIATION36Ivan Magalhaes
1040Deepesh S OstroskySpain2026-07-07Buckley Miller Wright PROPOSAL12Onyama Limba
1041Francesco X PerinSpain2026-07-18Feiner Bros NEGOTIATION32Ivan Magalhaes
1042Murillo B NickaJapan2026-07-04Buckley Miller Wright QUALIFIED98Elwin Sharvill
1043Greenwood W AmigonSpain2026-06-30Rousseaux, Michael Esq QUALIFIED76Amy Elsner
1044Silvio W WhobreyCanada2026-07-06Truhlar And Truhlar Attys NEW73Amy Elsner
1045Claire X MorascaFrance2026-07-22Buckley Miller Wright QUALIFIED11Anna Fali
1046Morrow V GlickFrance2026-07-20Chemel, James L Cpa UNQUALIFIED95Stephen Shaw
1047Salvatore E SergiItaly2026-06-29Truhlar And Truhlar Attys RENEWAL63Ioni Bowcher
1048Maisha X CaudyJapan2026-06-24Commercial Press NEW79Xuxue Feng
1049Stacey R VenereBrazil2026-07-08Benton, John B Jr UNQUALIFIED17Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Ricardo Q CaldareraJapanIvan Magalhaes PROPOSAL
Sinclair A IturbideCanadaAmy Elsner UNQUALIFIED
Leon W GillianSpainIoni Bowcher QUALIFIED
Costa Q WhobreyJapanOnyama Limba NEGOTIATION
Greenwood V SchemmerRussiaBernardo Dominic NEW
Izzy A OldroydSpainIvan Magalhaes NEGOTIATION
Faith R SaylorsAustraliaIoni Bowcher UNQUALIFIED
Chavez L KuskoRussiaXuxue Feng UNQUALIFIED
Silvio E CampainIndiaElwin Sharvill QUALIFIED
Claire E FigeroaArgentinaElwin Sharvill NEW
Arvin M NickaBrazilAsiya Javayant QUALIFIED
Jeanfrancois L ChuiItalyAsiya Javayant NEGOTIATION
Faith O CaudyIndiaBernardo Dominic NEW
Ashley E CaldareraIndiaAmy Elsner RENEWAL
Jefferson Q KuskoIndiaBernardo Dominic PROPOSAL
Antonio M SergiAustraliaOnyama Limba QUALIFIED
Mayumi K SlusarskiArgentinaElwin Sharvill QUALIFIED
Sinclair P ShinkoRussiaAnna Fali RENEWAL
Ricardo K NickaJapanAmy Elsner PROPOSAL
Misaki O ChuiUnited KingdomElwin Sharvill RENEWAL
Emily Q InouyeRussiaXuxue Feng PROPOSAL
Jones G SlusarskiArgentinaAnna Fali QUALIFIED
Mujtaba J RimFranceAsiya Javayant NEGOTIATION
Wickens M GarufiGermanyAsiya Javayant QUALIFIED
Ashley T MacleadAustraliaElwin Sharvill RENEWAL
Leon H RoysterIndiaIvan Magalhaes RENEWAL
Faith V ShinkoBrazilIvan Magalhaes PROPOSAL
Morrow D GillianAustraliaAmy Elsner PROPOSAL
Tony H WieserSpainBernardo Dominic NEW
Cody Q InouyeAustraliaAsiya Javayant RENEWAL
Emily Z GarufiCanadaIoni Bowcher NEW
Sinclair F AmigonBrazilIvan Magalhaes NEW
Ashley R MaletSpainIvan Magalhaes RENEWAL
Leon X ButtItalyElwin Sharvill NEGOTIATION
Kaitlin F PaprockiIndiaAnna Fali UNQUALIFIED
Ricardo A ChuiFranceIvan Magalhaes NEGOTIATION
Jefferson V SaylorsBrazilElwin Sharvill UNQUALIFIED
Emily H WhobreyFranceAmy Elsner NEGOTIATION
Maisha O RutaCanadaAmy Elsner QUALIFIED
Misaki V DarakjyJapanStephen Shaw NEW
Murillo A RimSpainBernardo Dominic QUALIFIED
Ashley T StensethRussiaAnna Fali NEW
Tony C SergiItalyBernardo Dominic RENEWAL
Ricardo G RutaArgentinaIoni Bowcher UNQUALIFIED
Stacey H OldroydRussiaAmy Elsner PROPOSAL
Jennifer V NickaSpainOnyama Limba RENEWAL
Isabel J WhobreyCanadaAsiya Javayant NEGOTIATION
Sinclair F FerenczUnited KingdomXuxue Feng NEGOTIATION
Jennifer C InouyeGermanyAsiya Javayant NEW
Faith A AmigonJapanXuxue Feng RENEWAL
Frozen Columns
Name
Sinclair X Caldarera
Kaitlin K Oldroyd
James S Campain
Tony C Schemmer
Arvin T Ruta
Darci M Tollner
Wickens H Amigon
Silvio H Gillian
Deepesh N Ruta
Jefferson H Ruta
Claire W Glick
Mayumi U Inouye
Rodrigues E Perin
Misaki C Dilliard
Aditya P Caldarera
Julie H Gillian
Aditya I Bolognia
Munro I Wieser
Jeanfrancois R Briddick
Aruna O Flosi
David J Gillian
Sinclair D Paprocki
Misaki M Ferencz
Salvatore C Figeroa
Tony E Kusko
Kaitlin N Perin
Aditya T Slusarski
Aika Z Schemmer
David B Inouye
Silvio H Nicka
Smith R Kusko
Arvin O Malet
Isabel M Iturbide
Leja G Morasca
Julie T Bowley
Nicolas C Morasca
Faith F Maclead
Chavez W Iturbide
Kaitlin I Chui
Nicolas T Gillian
Stacey T Chui
Deepesh S Marrier
Jones T Butt
Isabel W Figeroa
Cody G Figeroa
David W Briddick
Leon U Schemmer
Julie X Albares
Cody P Schemmer
Kadeem L Campain
IdCountryDate
1000Brazil2026-07-03
1001Russia2026-07-12
1002Spain2026-07-01
1003Canada2026-07-22
1004Canada2026-07-20
1005Australia2026-07-14
1006Canada2026-07-15
1007Germany2026-06-26
1008Spain2026-07-17
1009Russia2026-06-27
1010Argentina2026-06-28
1011India2026-07-03
1012Italy2026-07-18
1013Italy2026-07-08
1014Brazil2026-07-18
1015Italy2026-07-05
1016France2026-06-28
1017Russia2026-06-29
1018India2026-07-04
1019Canada2026-07-14
1020Italy2026-07-10
1021Argentina2026-07-16
1022Germany2026-06-29
1023France2026-06-26
1024Italy2026-07-05
1025France2026-07-08
1026United Kingdom2026-07-05
1027Japan2026-07-11
1028Spain2026-06-24
1029France2026-06-28
1030Italy2026-06-26
1031France2026-07-23
1032Argentina2026-06-28
1033France2026-07-20
1034Argentina2026-07-15
1035Germany2026-07-19
1036Spain2026-07-01
1037India2026-07-10
1038Argentina2026-07-02
1039Brazil2026-07-05
1040India2026-07-19
1041Argentina2026-07-18
1042United Kingdom2026-07-13
1043Japan2026-07-04
1044Argentina2026-07-15
1045Australia2026-07-09
1046Italy2026-06-30
1047Spain2026-07-18
1048France2026-07-03
1049Argentina2026-07-17

On-Demand Data

NameIdCountryDate
Greenwood J Darakjy1000Japan2026-07-09
Jefferson R Inouye1001Italy2026-07-19
Mujtaba H Nestle1002Spain2026-07-04
Silvio A Malet1003India2026-07-07
David X Venere1004Italy2026-07-06
Izzy E Amigon1005Australia2026-07-07
Antonio H Shinko1006Japan2026-06-29
Smith E Figeroa1007United Kingdom2026-07-16
Adams W Gillian1008Russia2026-06-30
Emily C Stockham1009France2026-07-14
Greenwood W Malet1010Spain2026-07-11
Tony U Slusarski1011Russia2026-07-21
Adams M Vocelka1012United Kingdom2026-07-17
Ivar A Dilliard1013Italy2026-07-10
Isabel N Ruta1014Australia2026-07-22
Juan F Amigon1015Russia2026-07-10
Francesco Y Glick1016Germany2026-06-30
Kaitlin V Nicka1017Argentina2026-07-09
Izzy O Sergi1018Australia2026-07-17
Misaki A Ostrosky1019Spain2026-07-03
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Costa V PaprockiSpainIoni Bowcher NEW
Rodrigues M RutaUnited KingdomIoni Bowcher QUALIFIED
Sinclair A SergiIndiaBernardo Dominic NEGOTIATION
Ashley R MarrierJapanIoni Bowcher QUALIFIED
Jennifer B SlusarskiCanadaBernardo Dominic NEW
Silvio W DarakjySpainOnyama Limba NEGOTIATION
Leon E FollerSpainStephen Shaw NEW
Sinclair C MacleadUnited KingdomXuxue Feng NEGOTIATION
Deepesh D VocelkaFranceIvan Magalhaes NEW
Francesco Q MaletRussiaOnyama Limba UNQUALIFIED
Faith L DoeBrazilAnna Fali RENEWAL
James I KolmetzAustraliaOnyama Limba UNQUALIFIED
Stacey E MacleadRussiaXuxue Feng UNQUALIFIED
Francesco I DarakjyUnited KingdomAsiya Javayant RENEWAL
Misaki F ButtBrazilAmy Elsner NEW
Stacey K FigeroaJapanElwin Sharvill PROPOSAL
Claire V FerenczFranceAsiya Javayant NEW
Greenwood I GillianFranceXuxue Feng QUALIFIED
Izzy W FerenczUnited KingdomOnyama Limba PROPOSAL
Johnson M PoquetteArgentinaIvan Magalhaes NEGOTIATION
Maisha H StensethBrazilElwin Sharvill PROPOSAL
Maisha E InouyeIndiaAsiya Javayant NEW
Izzy K ChuiBrazilAnna Fali PROPOSAL
Faith Z TollnerIndiaIoni Bowcher NEGOTIATION
Octavia T MorascaIndiaAmy Elsner UNQUALIFIED
Nicolas A MaletCanadaAmy Elsner PROPOSAL
Mayumi K RutaIndiaAnna Fali UNQUALIFIED
Clifford E RutaRussiaAsiya Javayant RENEWAL
Johnson S FlosiGermanyAsiya Javayant QUALIFIED
Leon A DilliardBrazilAsiya Javayant QUALIFIED
Leon T FerenczRussiaIoni Bowcher NEW
Kadeem O DoeRussiaElwin Sharvill PROPOSAL
Cody A MaletSpainBernardo Dominic NEW
Arvin G SlusarskiJapanStephen Shaw NEGOTIATION
Ricardo N FlosiUnited KingdomBernardo Dominic NEW
Deepesh V WhobreyArgentinaIvan Magalhaes NEW
Arvin Y ButtItalyElwin Sharvill QUALIFIED
Julie C WhobreyGermanyStephen Shaw NEW
Nicolas Y MorascaArgentinaIoni Bowcher RENEWAL
Jennifer Q WieserAustraliaAsiya Javayant 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>