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
Chavez E WieserGermanyIoni Bowcher PROPOSAL
Ivar B OstroskyJapanAsiya Javayant NEGOTIATION
Mayumi H AmigonJapanIvan Magalhaes RENEWAL
Jeanfrancois P MaletItalyIoni Bowcher UNQUALIFIED
Nicolas L TollnerCanadaAnna Fali NEGOTIATION
Alejandro U BologniaUnited KingdomIoni Bowcher NEGOTIATION
Antonio F NestleIndiaAmy Elsner NEGOTIATION
Izzy S NestleFranceIvan Magalhaes NEW
Juan H NestleRussiaOnyama Limba PROPOSAL
Adams U MacleadJapanElwin Sharvill NEW
Stacey K StensethJapanAnna Fali RENEWAL
Jefferson H OstroskyItalyIoni Bowcher NEGOTIATION
Clifford Y RimRussiaBernardo Dominic PROPOSAL
Maisha R GlickJapanOnyama Limba QUALIFIED
Greenwood N GlickUnited KingdomAmy Elsner NEGOTIATION
Isabel L OldroydSpainBernardo Dominic UNQUALIFIED
Kadeem T SergiFranceOnyama Limba NEGOTIATION
Stacey D PerinJapanStephen Shaw UNQUALIFIED
Rodrigues U GillianArgentinaElwin Sharvill NEGOTIATION
Johnson T IturbideUnited KingdomElwin Sharvill NEGOTIATION
Murillo B GillianAustraliaAmy Elsner UNQUALIFIED
Johnson R TollnerBrazilIvan Magalhaes QUALIFIED
Johnson D FlosiIndiaIvan Magalhaes NEW
Ricardo A GarufiAustraliaIoni Bowcher QUALIFIED
Silvio P VenereArgentinaBernardo Dominic PROPOSAL
Cody X BologniaSpainIoni Bowcher RENEWAL
Rodrigues M DilliardCanadaOnyama Limba PROPOSAL
Cody O FerenczItalyBernardo Dominic RENEWAL
Octavia E OldroydRussiaStephen Shaw NEGOTIATION
James M MorascaGermanyAnna Fali UNQUALIFIED
Alejandro M SergiRussiaOnyama Limba NEGOTIATION
Francesco Y RimCanadaElwin Sharvill NEGOTIATION
Wickens T IturbideJapanStephen Shaw NEGOTIATION
Silvio A BologniaGermanyXuxue Feng QUALIFIED
Rodrigues B VocelkaItalyAsiya Javayant RENEWAL
Antonio L StensethAustraliaAmy Elsner NEW
Arvin D StensethJapanIoni Bowcher UNQUALIFIED
Sinclair E VenereCanadaElwin Sharvill QUALIFIED
Alejandro U BriddickFranceIoni Bowcher RENEWAL
Jennifer L IturbideRussiaIvan Magalhaes RENEWAL
Ricardo L PoquetteArgentinaAmy Elsner NEGOTIATION
Julie H MacleadUnited KingdomAmy Elsner NEW
Arvin Z FerenczCanadaAmy Elsner UNQUALIFIED
Misaki L BologniaItalyBernardo Dominic NEW
Octavia V MacleadJapanAmy Elsner RENEWAL
Munro W VenereRussiaAnna Fali UNQUALIFIED
Misaki C AmigonSpainOnyama Limba QUALIFIED
Jefferson U InouyeItalyXuxue Feng UNQUALIFIED
Misaki Q StensethCanadaAmy Elsner NEGOTIATION
Nicolas L PaprockiCanadaElwin Sharvill NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Jeanfrancois P OstroskyUnited KingdomIvan Magalhaes NEW
Maria P MaletSpainElwin Sharvill NEW
Alejandro M KolmetzItalyElwin Sharvill NEW
Maisha F AlbaresCanadaIvan Magalhaes NEGOTIATION
Aika R KuskoItalyAmy Elsner UNQUALIFIED
Ashley U AlbaresCanadaIvan Magalhaes NEW
Francesco X ChuiJapanIvan Magalhaes RENEWAL
Darci A KuskoBrazilAsiya Javayant PROPOSAL
Aruna Z StockhamRussiaOnyama Limba QUALIFIED
Silvio W MacleadSpainAnna Fali RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Deepesh X TollnerItaly2025-04-29Chapman, Ross E Esq RENEWAL21Asiya Javayant
1001Cody A AmigonRussia2025-04-19Rangoni Of Florence UNQUALIFIED9Anna Fali
1002Aditya U SlusarskiItaly2025-04-19Benton, John B Jr NEGOTIATION47Stephen Shaw
1003Jefferson D FollerUnited Kingdom2025-04-11Truhlar And Truhlar Attys QUALIFIED18Elwin Sharvill
1004Alejandro E SaylorsRussia2025-04-28Dorl, James J Esq RENEWAL69Elwin Sharvill
1005Jones P FerenczIndia2025-04-10Feltz Printing Service RENEWAL10Ioni Bowcher
1006Silvio O VocelkaArgentina2025-04-07Dorl, James J Esq RENEWAL37Bernardo Dominic
1007Sinclair V GillianUnited Kingdom2025-04-22Printing Dimensions QUALIFIED52Elwin Sharvill
1008Kadeem P TollnerAustralia2025-04-04Feltz Printing Service RENEWAL4Amy Elsner
1009James M CaudyAustralia2025-04-21Benton, John B Jr QUALIFIED3Stephen Shaw
1010Juan O OldroydItaly2025-04-05Printing Dimensions PROPOSAL2Stephen Shaw
1011Sinclair V SergiBrazil2025-04-06Morlong Associates NEGOTIATION81Ioni Bowcher
1012Tony M DoeCanada2025-04-23Chapman, Ross E Esq UNQUALIFIED4Ivan Magalhaes
1013Maria X MaletItaly2025-04-27Feiner Bros PROPOSAL67Elwin Sharvill
1014Juan W SlusarskiRussia2025-04-25Buckley Miller Wright QUALIFIED74Ioni Bowcher
1015Leon U SergiSpain2025-04-14Chemel, James L Cpa NEW98Xuxue Feng
1016Octavia K FollerRussia2025-04-14Buckley Miller Wright PROPOSAL2Elwin Sharvill
1017Jennifer K ShinkoArgentina2025-04-05Commercial Press QUALIFIED43Ioni Bowcher
1018Chavez Z PoquetteAustralia2025-04-29Dorl, James J Esq NEW34Bernardo Dominic
1019James C SergiUnited Kingdom2025-04-10Dorl, James J Esq RENEWAL10Ivan Magalhaes
1020Deepesh H BologniaAustralia2025-04-20Commercial Press UNQUALIFIED59Amy Elsner
1021Antonio B AlbaresRussia2025-04-19Rangoni Of Florence QUALIFIED38Anna Fali
1022Morrow L SergiUnited Kingdom2025-04-04Commercial Press QUALIFIED4Ioni Bowcher
1023Arvin E FigeroaSpain2025-04-09Commercial Press UNQUALIFIED26Ioni Bowcher
1024Ashley F RimJapan2025-04-04Chapman, Ross E Esq PROPOSAL86Elwin Sharvill
1025Aditya K NickaItaly2025-04-25Dorl, James J Esq NEW52Onyama Limba
1026Misaki J DilliardSpain2025-04-12Chanay, Jeffrey A Esq PROPOSAL42Elwin Sharvill
1027Alejandro J OldroydUnited Kingdom2025-04-04Benton, John B Jr PROPOSAL83Xuxue Feng
1028Kaitlin V NestleFrance2025-04-05Rangoni Of Florence NEW83Xuxue Feng
1029Maria Z VocelkaArgentina2025-04-15Commercial Press PROPOSAL95Ioni Bowcher
1030Chavez L CampainIndia2025-04-19King, Christopher A Esq NEW76Elwin Sharvill
1031Stacey Q DilliardJapan2025-04-16Dorl, James J Esq RENEWAL24Asiya Javayant
1032Ricardo G FollerGermany2025-04-16Benton, John B Jr RENEWAL56Bernardo Dominic
1033Darci T PerinIndia2025-04-27Dorl, James J Esq PROPOSAL35Stephen Shaw
1034Izzy L StensethFrance2025-04-11Buckley Miller Wright NEW17Anna Fali
1035Clifford O FollerGermany2025-04-20Morlong Associates RENEWAL95Ivan Magalhaes
1036Morrow G MorascaGermany2025-04-17Benton, John B Jr RENEWAL19Onyama Limba
1037Alejandro F PoquetteIndia2025-04-14Buckley Miller Wright NEW53Amy Elsner
1038Stacey F GarufiBrazil2025-04-24Feltz Printing Service QUALIFIED8Elwin Sharvill
1039Costa P VenereArgentina2025-04-08Dorl, James J Esq RENEWAL45Asiya Javayant
1040Tony W SaylorsItaly2025-04-03Chapman, Ross E Esq PROPOSAL32Stephen Shaw
1041Johnson C VocelkaGermany2025-04-14Rangoni Of Florence NEW56Xuxue Feng
1042Clifford X ChuiAustralia2025-04-11Feltz Printing Service QUALIFIED70Xuxue Feng
1043Stacey N IturbideJapan2025-04-10Benton, John B Jr RENEWAL91Ioni Bowcher
1044Sinclair D MaletUnited Kingdom2025-04-14Feiner Bros PROPOSAL83Onyama Limba
1045Jones T IturbideArgentina2025-04-25Chapman, Ross E Esq UNQUALIFIED1Bernardo Dominic
1046Deepesh B FigeroaJapan2025-04-23Printing Dimensions RENEWAL77Amy Elsner
1047Julie L VocelkaIndia2025-04-25Feiner Bros NEGOTIATION76Anna Fali
1048Izzy B IturbideArgentina2025-04-09Chemel, James L Cpa UNQUALIFIED17Anna Fali
1049Aika Q FlosiBrazil2025-04-13Printing Dimensions PROPOSAL98Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Sinclair Y IturbideSpainXuxue Feng QUALIFIED
Aditya I AlbaresBrazilIvan Magalhaes RENEWAL
Cody U StockhamBrazilIvan Magalhaes UNQUALIFIED
Jefferson L CampainRussiaIvan Magalhaes QUALIFIED
Aditya T SergiArgentinaBernardo Dominic NEW
Emily Z DilliardCanadaAnna Fali NEGOTIATION
Silvio T RimFranceAsiya Javayant QUALIFIED
Munro Y GlickRussiaIvan Magalhaes NEW
Jennifer R RutaRussiaAmy Elsner QUALIFIED
Costa K MacleadArgentinaOnyama Limba PROPOSAL
Sinclair Y DarakjyGermanyOnyama Limba NEGOTIATION
Mujtaba B FigeroaCanadaAmy Elsner NEW
Jefferson K RulapaughSpainStephen Shaw PROPOSAL
Salvatore W CaldareraCanadaAnna Fali NEW
Deepesh H SaylorsAustraliaStephen Shaw QUALIFIED
Izzy H ShinkoSpainOnyama Limba NEW
Jeanfrancois L GlickRussiaStephen Shaw PROPOSAL
Isabel H BriddickUnited KingdomAmy Elsner NEW
Ivar R AlbaresArgentinaAsiya Javayant UNQUALIFIED
James V GarufiSpainIoni Bowcher NEGOTIATION
Jones P WhobreyIndiaOnyama Limba UNQUALIFIED
Nicolas H StockhamIndiaAsiya Javayant NEW
Alejandro P SlusarskiBrazilIvan Magalhaes QUALIFIED
Wickens W SergiBrazilBernardo Dominic QUALIFIED
Jeanfrancois I MaletUnited KingdomOnyama Limba RENEWAL
Octavia P WaycottSpainIoni Bowcher PROPOSAL
Johnson X AlbaresItalyXuxue Feng RENEWAL
Munro X ChuiSpainXuxue Feng PROPOSAL
Tony V PoquetteGermanyAsiya Javayant PROPOSAL
James X InouyeUnited KingdomIvan Magalhaes NEW
Nicolas E TollnerCanadaStephen Shaw UNQUALIFIED
Ivar F RimItalyIvan Magalhaes UNQUALIFIED
Leja M BologniaRussiaAnna Fali RENEWAL
Ricardo P WaycottAustraliaAsiya Javayant NEGOTIATION
Ricardo Y MaletItalyAsiya Javayant QUALIFIED
Emily D MarrierFranceStephen Shaw PROPOSAL
Jefferson V RoysterIndiaIvan Magalhaes PROPOSAL
Izzy P ButtGermanyAmy Elsner NEGOTIATION
Octavia O GlickSpainBernardo Dominic UNQUALIFIED
Julie G AmigonJapanAmy Elsner QUALIFIED
Chavez Q VenereItalyStephen Shaw QUALIFIED
Johnson K OstroskyArgentinaElwin Sharvill QUALIFIED
Kaitlin N SergiSpainIvan Magalhaes RENEWAL
Antonio J MacleadGermanyElwin Sharvill RENEWAL
Ivar Z RoysterRussiaAsiya Javayant NEGOTIATION
Costa D StockhamAustraliaAnna Fali NEW
Jeanfrancois R FigeroaSpainElwin Sharvill UNQUALIFIED
Stacey R RimArgentinaElwin Sharvill UNQUALIFIED
Nicolas U AmigonRussiaXuxue Feng NEW
Mujtaba S KolmetzIndiaElwin Sharvill QUALIFIED
Frozen Columns
Name
Ricardo R Bolognia
Tony S Campain
Wickens K Gillian
Darci N Rim
Jennifer I Foller
David N Stenseth
Jones A Amigon
Mujtaba S Maclead
Cody B Darakjy
Ivar B Schemmer
Aditya U Whobrey
Misaki O Glick
Silvio A Rim
Wickens Y Albares
Tony G Amigon
Emily R Gaucho
Costa U Malet
Francesco P Kusko
Sinclair X Perin
Ashley G Morasca
Darci Q Stockham
Claire W Royster
Aditya G Figeroa
Jeanfrancois H Malet
Stacey P Gaucho
Ashley K Dilliard
Jefferson P Stockham
Munro W Whobrey
Costa P Whobrey
Tony L Stenseth
Stacey F Foller
Smith I Poquette
Rodrigues D Paprocki
Aruna K Rulapaugh
Aika F Wieser
Maria E Amigon
Ivar S Kolmetz
Arvin H Chui
Wickens M Campain
Wickens K Kusko
Isabel A Chui
Chavez E Foller
Deepesh H Saylors
Kaitlin Q Rim
Morrow Q Morasca
Leon G Royster
Aruna S Royster
Wickens K Sergi
Misaki V Nestle
Ivar C Gillian
IdCountryDate
1000Argentina2025-04-06
1001India2025-04-12
1002Australia2025-03-31
1003Brazil2025-04-28
1004Spain2025-04-14
1005Russia2025-04-18
1006France2025-04-23
1007India2025-04-19
1008Canada2025-04-06
1009Canada2025-04-19
1010Argentina2025-04-20
1011Germany2025-04-06
1012Argentina2025-04-20
1013Brazil2025-04-26
1014United Kingdom2025-04-19
1015Italy2025-04-15
1016United Kingdom2025-04-03
1017United Kingdom2025-04-26
1018France2025-04-09
1019Brazil2025-04-16
1020Germany2025-04-25
1021Argentina2025-04-09
1022Canada2025-04-16
1023France2025-04-20
1024United Kingdom2025-04-01
1025Russia2025-04-12
1026Italy2025-04-29
1027Japan2025-04-28
1028Spain2025-04-22
1029United Kingdom2025-04-02
1030Brazil2025-04-02
1031Brazil2025-04-28
1032Japan2025-04-04
1033Spain2025-04-17
1034Brazil2025-04-05
1035Canada2025-04-21
1036Spain2025-04-24
1037Argentina2025-04-17
1038Spain2025-04-26
1039Spain2025-04-24
1040Spain2025-04-21
1041Spain2025-04-05
1042Spain2025-04-07
1043Brazil2025-04-15
1044Australia2025-04-03
1045Italy2025-04-11
1046Brazil2025-04-06
1047France2025-04-21
1048Canada2025-04-14
1049United Kingdom2025-04-17

On-Demand Data

NameIdCountryDate
Smith H Poquette1000Argentina2025-04-22
Salvatore O Briddick1001Spain2025-04-06
Alejandro T Slusarski1002India2025-04-29
Ricardo P Albares1003Russia2025-04-22
Clifford S Butt1004Brazil2025-04-08
Kaitlin P Schemmer1005Brazil2025-04-15
Alejandro K Whobrey1006Australia2025-04-16
Francesco L Maclead1007Russia2025-03-31
Jones X Royster1008Germany2025-04-26
Kaitlin L Stenseth1009Argentina2025-04-15
Adams Z Perin1010Spain2025-04-06
Arvin K Waycott1011Russia2025-04-06
Mujtaba D Rulapaugh1012Japan2025-04-03
Silvio D Foller1013Argentina2025-04-17
Emily Q Glick1014Canada2025-04-20
Morrow O Campain1015Spain2025-04-20
Tony O Bolognia1016Russia2025-04-09
Adams N Marrier1017India2025-04-13
Deepesh Y Chui1018Australia2025-04-16
Darci G Gillian1019Italy2025-04-05
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Mayumi H SlusarskiCanadaElwin Sharvill UNQUALIFIED
Morrow B MorascaAustraliaAsiya Javayant PROPOSAL
Darci X PaprockiItalyAsiya Javayant UNQUALIFIED
Antonio C MorascaGermanyBernardo Dominic PROPOSAL
Costa X TollnerRussiaOnyama Limba QUALIFIED
Sinclair X FigeroaBrazilAnna Fali PROPOSAL
Juan K CaldareraRussiaAsiya Javayant PROPOSAL
Emily W InouyeJapanIoni Bowcher RENEWAL
Munro T PoquetteArgentinaAmy Elsner NEGOTIATION
Ricardo F PerinAustraliaXuxue Feng UNQUALIFIED
Greenwood T OldroydUnited KingdomElwin Sharvill QUALIFIED
Francesco N AmigonFranceAnna Fali UNQUALIFIED
Kaitlin A FollerFranceStephen Shaw RENEWAL
Juan R KuskoRussiaIvan Magalhaes UNQUALIFIED
Tony V DarakjySpainBernardo Dominic NEGOTIATION
Costa D GauchoGermanyAnna Fali PROPOSAL
Arvin K KuskoAustraliaStephen Shaw UNQUALIFIED
Jefferson X FigeroaJapanStephen Shaw PROPOSAL
Stacey S OldroydCanadaAnna Fali RENEWAL
Leja F OstroskyAustraliaIvan Magalhaes UNQUALIFIED
Stacey N CaudyBrazilElwin Sharvill NEGOTIATION
Munro B MarrierIndiaXuxue Feng NEGOTIATION
Aika M FerenczUnited KingdomAsiya Javayant NEW
Deepesh J RoysterGermanyStephen Shaw UNQUALIFIED
Darci B DoeRussiaBernardo Dominic NEGOTIATION
Ashley X NickaJapanAnna Fali UNQUALIFIED
Nicolas X ButtRussiaIvan Magalhaes PROPOSAL
Rodrigues Z NickaGermanyIoni Bowcher PROPOSAL
Kaitlin N ButtCanadaAnna Fali UNQUALIFIED
Jefferson T GlickJapanAsiya Javayant NEW
Antonio M GlickAustraliaBernardo Dominic PROPOSAL
Silvio Q CaldareraArgentinaStephen Shaw PROPOSAL
Tony L FlosiFranceElwin Sharvill RENEWAL
Rodrigues X IturbideUnited KingdomIvan Magalhaes QUALIFIED
Tony W MarrierBrazilXuxue Feng QUALIFIED
Salvatore H MaletCanadaXuxue Feng UNQUALIFIED
Leon R TollnerBrazilElwin Sharvill NEW
Johnson O RutaRussiaBernardo Dominic QUALIFIED
Sinclair T DoeRussiaOnyama Limba QUALIFIED
Isabel Y DarakjyGermanyOnyama Limba RENEWAL

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