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
Clifford J WhobreyAustraliaOnyama Limba RENEWAL
Costa N AmigonGermanyBernardo Dominic PROPOSAL
Darci W ShinkoJapanStephen Shaw NEW
Antonio J SlusarskiAustraliaStephen Shaw UNQUALIFIED
Stacey D VocelkaIndiaAsiya Javayant UNQUALIFIED
Aditya H MarrierRussiaAmy Elsner PROPOSAL
Adams E FigeroaRussiaElwin Sharvill PROPOSAL
Antonio P PoquetteGermanyStephen Shaw UNQUALIFIED
Wickens X NestleIndiaElwin Sharvill QUALIFIED
Sinclair D BowleyJapanOnyama Limba RENEWAL
Izzy P SlusarskiAustraliaIvan Magalhaes RENEWAL
Adams D WaycottBrazilIvan Magalhaes RENEWAL
Deepesh A MaletRussiaXuxue Feng PROPOSAL
Julie W DarakjyArgentinaOnyama Limba RENEWAL
Misaki J FerenczItalyAmy Elsner RENEWAL
Mayumi K WaycottFranceOnyama Limba QUALIFIED
Jones S FerenczBrazilStephen Shaw PROPOSAL
Faith D GarufiJapanXuxue Feng PROPOSAL
Izzy M DarakjyFranceStephen Shaw UNQUALIFIED
Juan B SchemmerCanadaAsiya Javayant NEGOTIATION
Maria N WieserRussiaElwin Sharvill NEW
Juan H StockhamCanadaBernardo Dominic RENEWAL
Faith C GauchoIndiaAmy Elsner QUALIFIED
Mayumi R InouyeIndiaBernardo Dominic RENEWAL
Jefferson B InouyeBrazilElwin Sharvill NEW
Julie N DoeFranceElwin Sharvill RENEWAL
Jones G NickaArgentinaAmy Elsner UNQUALIFIED
Jennifer S OldroydArgentinaAsiya Javayant QUALIFIED
Isabel W NickaBrazilStephen Shaw NEW
Morrow O CaldareraGermanyElwin Sharvill PROPOSAL
Jennifer T ButtArgentinaIoni Bowcher RENEWAL
Costa R MarrierBrazilAmy Elsner PROPOSAL
Misaki T MorascaRussiaOnyama Limba QUALIFIED
Alejandro W StensethSpainBernardo Dominic UNQUALIFIED
Francesco S VenereGermanyAsiya Javayant PROPOSAL
Juan L NickaJapanBernardo Dominic NEGOTIATION
Smith A PaprockiFranceIvan Magalhaes NEW
Ricardo U WieserJapanOnyama Limba NEGOTIATION
Rodrigues L ButtUnited KingdomAmy Elsner UNQUALIFIED
Kaitlin C CaldareraRussiaAsiya Javayant QUALIFIED
Emily Q PoquetteItalyOnyama Limba QUALIFIED
David S FollerFranceStephen Shaw QUALIFIED
Tony H FlosiItalyIoni Bowcher NEW
Costa P FerenczUnited KingdomAmy Elsner RENEWAL
Mujtaba C StockhamGermanyXuxue Feng QUALIFIED
Juan S ChuiUnited KingdomAmy Elsner PROPOSAL
Silvio E FigeroaBrazilAnna Fali NEW
Jones Y FlosiIndiaAnna Fali NEGOTIATION
Leon K OldroydRussiaAnna Fali UNQUALIFIED
Clifford P GauchoIndiaOnyama Limba QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Kadeem O InouyeJapanStephen Shaw UNQUALIFIED
Mayumi A DoeCanadaBernardo Dominic QUALIFIED
David Z WieserGermanyXuxue Feng RENEWAL
Julie D MaletUnited KingdomOnyama Limba PROPOSAL
Aditya E OldroydCanadaAsiya Javayant PROPOSAL
Juan C MacleadRussiaIvan Magalhaes QUALIFIED
Darci E CaldareraAustraliaStephen Shaw PROPOSAL
Johnson E KuskoFranceBernardo Dominic NEW
Emily Y SaylorsFranceBernardo Dominic NEW
Julie I IturbideUnited KingdomIoni Bowcher QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aruna V CaudyArgentina2025-04-22Printing Dimensions NEGOTIATION67Xuxue Feng
1001Wickens Y KolmetzArgentina2025-04-04Rousseaux, Michael Esq NEW82Anna Fali
1002Sinclair Q DarakjyRussia2025-04-29Commercial Press NEGOTIATION90Amy Elsner
1003Jennifer A BowleyCanada2025-04-02Feltz Printing Service PROPOSAL7Bernardo Dominic
1004Kadeem Q SergiUnited Kingdom2025-04-18Printing Dimensions UNQUALIFIED79Ivan Magalhaes
1005Cody P RulapaughArgentina2025-04-04Chemel, James L Cpa QUALIFIED90Onyama Limba
1006Mayumi F StensethRussia2025-04-07Truhlar And Truhlar Attys QUALIFIED29Asiya Javayant
1007Francesco X GauchoGermany2025-04-14Rousseaux, Michael Esq PROPOSAL41Amy Elsner
1008Claire A GarufiAustralia2025-04-29Chemel, James L Cpa UNQUALIFIED32Stephen Shaw
1009Julie R KolmetzFrance2025-04-23Morlong Associates NEW59Anna Fali
1010Misaki W PaprockiUnited Kingdom2025-03-31Commercial Press RENEWAL84Bernardo Dominic
1011Julie T MorascaCanada2025-04-20Feiner Bros PROPOSAL13Ivan Magalhaes
1012Claire W SaylorsJapan2025-04-27Buckley Miller Wright RENEWAL72Onyama Limba
1013Costa D CaudyCanada2025-04-19Feiner Bros RENEWAL64Ioni Bowcher
1014Rodrigues U SchemmerAustralia2025-04-06Feltz Printing Service QUALIFIED12Ivan Magalhaes
1015Clifford Q SchemmerIndia2025-04-02Chapman, Ross E Esq RENEWAL63Onyama Limba
1016Jefferson J IturbideSpain2025-04-29Chanay, Jeffrey A Esq RENEWAL73Ivan Magalhaes
1017Ivar X KolmetzBrazil2025-04-20Rangoni Of Florence NEW81Asiya Javayant
1018Clifford V GlickUnited Kingdom2025-04-20Chanay, Jeffrey A Esq UNQUALIFIED55Asiya Javayant
1019Darci T TollnerUnited Kingdom2025-04-26Feltz Printing Service QUALIFIED39Anna Fali
1020Mujtaba Y DilliardBrazil2025-04-17Commercial Press QUALIFIED54Amy Elsner
1021Antonio Y IturbideUnited Kingdom2025-04-20Dorl, James J Esq UNQUALIFIED81Asiya Javayant
1022Arvin Y FerenczAustralia2025-04-01Truhlar And Truhlar Attys NEGOTIATION47Anna Fali
1023Jefferson Y NickaAustralia2025-04-20Chemel, James L Cpa RENEWAL47Xuxue Feng
1024Jennifer W InouyeJapan2025-04-05Printing Dimensions QUALIFIED19Stephen Shaw
1025Smith J ButtCanada2025-04-07Feltz Printing Service QUALIFIED69Elwin Sharvill
1026Maria E StockhamRussia2025-04-23Chemel, James L Cpa QUALIFIED70Anna Fali
1027Ricardo T RulapaughAustralia2025-04-22King, Christopher A Esq UNQUALIFIED10Elwin Sharvill
1028Emily L RutaArgentina2025-04-23Buckley Miller Wright NEW79Anna Fali
1029Maria S OldroydRussia2025-04-02Feltz Printing Service NEGOTIATION90Stephen Shaw
1030Darci G KuskoBrazil2025-04-08Morlong Associates PROPOSAL15Anna Fali
1031Ivar J MaletGermany2025-04-18Chapman, Ross E Esq QUALIFIED2Onyama Limba
1032Claire V AlbaresUnited Kingdom2025-04-13Morlong Associates QUALIFIED78Onyama Limba
1033Munro Q BriddickAustralia2025-04-03Truhlar And Truhlar Attys RENEWAL85Onyama Limba
1034Claire O MaletBrazil2025-04-29Feiner Bros NEW82Anna Fali
1035Mayumi Z AmigonRussia2025-04-06Rangoni Of Florence RENEWAL37Anna Fali
1036Costa D PerinJapan2025-04-29Chemel, James L Cpa NEW36Stephen Shaw
1037Ivar F NickaBrazil2025-04-14King, Christopher A Esq NEGOTIATION10Onyama Limba
1038Morrow W BriddickRussia2025-04-25Feiner Bros QUALIFIED16Anna Fali
1039Darci G PaprockiArgentina2025-04-01Rangoni Of Florence NEGOTIATION46Ivan Magalhaes
1040Chavez I PoquetteRussia2025-04-14Feltz Printing Service RENEWAL2Elwin Sharvill
1041Salvatore M SlusarskiCanada2025-04-08Commercial Press NEGOTIATION85Bernardo Dominic
1042Aditya F MacleadItaly2025-04-08Truhlar And Truhlar Attys NEW76Asiya Javayant
1043Munro J TollnerRussia2025-04-24Morlong Associates QUALIFIED20Asiya Javayant
1044Claire U FollerItaly2025-04-23Morlong Associates NEGOTIATION48Xuxue Feng
1045Darci S PerinRussia2025-04-26Feltz Printing Service QUALIFIED41Ivan Magalhaes
1046Leon H TollnerFrance2025-04-07King, Christopher A Esq PROPOSAL46Stephen Shaw
1047Ivar W ChuiFrance2025-04-16Benton, John B Jr NEW71Asiya Javayant
1048Murillo C PerinFrance2025-04-20Benton, John B Jr NEGOTIATION44Elwin Sharvill
1049Juan K NickaArgentina2025-04-16Buckley Miller Wright QUALIFIED33Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
David R CaudyIndiaAmy Elsner NEW
Maria W ShinkoAustraliaStephen Shaw QUALIFIED
Kadeem V SchemmerAustraliaAnna Fali UNQUALIFIED
Leja I RulapaughJapanAmy Elsner PROPOSAL
Ivar V MacleadArgentinaXuxue Feng PROPOSAL
Morrow N BologniaGermanyXuxue Feng RENEWAL
Jones Q WaycottArgentinaAsiya Javayant NEW
Isabel Q BologniaArgentinaAmy Elsner PROPOSAL
Mujtaba S VenereGermanyAnna Fali QUALIFIED
Adams J StensethUnited KingdomStephen Shaw UNQUALIFIED
Ricardo A GarufiArgentinaIvan Magalhaes PROPOSAL
Ashley E ChuiUnited KingdomIvan Magalhaes QUALIFIED
Cody A CampainIndiaXuxue Feng NEW
Ivar L BowleyCanadaElwin Sharvill RENEWAL
Clifford L GillianBrazilAsiya Javayant PROPOSAL
Ivar U VenereIndiaIvan Magalhaes NEW
Francesco R NickaBrazilXuxue Feng PROPOSAL
Emily K RoysterRussiaAmy Elsner NEGOTIATION
Mujtaba C OldroydJapanStephen Shaw NEW
Darci B WhobreyItalyBernardo Dominic UNQUALIFIED
Francesco Q FlosiBrazilIvan Magalhaes QUALIFIED
Kaitlin G OstroskyGermanyAnna Fali PROPOSAL
Morrow J IturbideAustraliaBernardo Dominic RENEWAL
Rodrigues B BowleyItalyBernardo Dominic RENEWAL
Faith U InouyeItalyAsiya Javayant UNQUALIFIED
Munro I DilliardArgentinaIoni Bowcher UNQUALIFIED
Cody M BologniaCanadaIoni Bowcher RENEWAL
Wickens V InouyeItalyAsiya Javayant PROPOSAL
Salvatore K FollerSpainStephen Shaw NEW
Munro G SchemmerFranceXuxue Feng PROPOSAL
Munro Y KuskoRussiaIoni Bowcher QUALIFIED
Darci M WhobreyRussiaXuxue Feng RENEWAL
Murillo Z MaletFranceElwin Sharvill PROPOSAL
Misaki H WhobreyItalyIvan Magalhaes QUALIFIED
Chavez N VenereUnited KingdomXuxue Feng QUALIFIED
Jefferson K MaletCanadaAmy Elsner NEGOTIATION
David I DarakjyRussiaAmy Elsner UNQUALIFIED
Jennifer Z DarakjySpainAsiya Javayant QUALIFIED
Aditya U PoquetteSpainStephen Shaw UNQUALIFIED
Sinclair R ButtUnited KingdomXuxue Feng NEGOTIATION
Izzy A WhobreyFranceIoni Bowcher PROPOSAL
Claire S OstroskyCanadaBernardo Dominic NEGOTIATION
Aditya F MaletCanadaAnna Fali RENEWAL
Leja Y StensethItalyAnna Fali PROPOSAL
Greenwood A DilliardFranceXuxue Feng UNQUALIFIED
Alejandro W OldroydBrazilIoni Bowcher QUALIFIED
Tony L ButtSpainStephen Shaw NEGOTIATION
Ivar O MarrierItalyAnna Fali UNQUALIFIED
Smith D GauchoArgentinaBernardo Dominic RENEWAL
Clifford A FerenczUnited KingdomAsiya Javayant NEGOTIATION
Frozen Columns
Name
Maisha F Glick
Munro E Inouye
Ivar M Ferencz
Maria Y Ruta
Adams P Nestle
Kadeem U Whobrey
Claire J Shinko
Sinclair U Saylors
Rodrigues B Stockham
Clifford U Glick
Jennifer D Royster
Francesco J Iturbide
Kadeem V Royster
Alejandro H Nestle
Ricardo R Tollner
Leja K Schemmer
Johnson J Rulapaugh
Ricardo U Flosi
Jefferson N Albares
Jennifer M Ostrosky
Chavez L Nicka
Emily C Malet
Tony E Ferencz
Darci O Whobrey
Mujtaba W Royster
Misaki Y Amigon
Munro N Royster
Smith Z Albares
Isabel D Inouye
Francesco E Flosi
Kadeem I Amigon
Stacey I Chui
Aditya R Campain
Alejandro O Caldarera
Octavia N Sergi
Antonio U Albares
Murillo J Malet
Silvio F Albares
Juan H Venere
James T Rim
Munro C Stenseth
Costa A Slusarski
Mujtaba C Shinko
Francesco N Foller
Nicolas O Slusarski
Julie F Chui
Aruna Z Bolognia
Cody Q Paprocki
Izzy A Saylors
Costa V Ruta
IdCountryDate
1000Spain2025-04-04
1001Australia2025-04-08
1002Italy2025-04-16
1003Brazil2025-04-10
1004Japan2025-04-18
1005Argentina2025-04-08
1006India2025-04-01
1007Canada2025-04-28
1008United Kingdom2025-04-28
1009Spain2025-04-15
1010Australia2025-04-07
1011Germany2025-04-02
1012Spain2025-04-29
1013Spain2025-04-13
1014Brazil2025-04-14
1015Italy2025-04-26
1016Canada2025-04-15
1017Spain2025-04-03
1018Canada2025-04-11
1019Argentina2025-04-09
1020India2025-04-22
1021Australia2025-04-06
1022Russia2025-04-01
1023Italy2025-04-05
1024Brazil2025-03-31
1025Australia2025-04-01
1026Canada2025-04-03
1027Germany2025-04-16
1028United Kingdom2025-04-19
1029United Kingdom2025-04-17
1030Spain2025-04-09
1031Australia2025-04-21
1032Russia2025-04-13
1033Italy2025-04-09
1034Germany2025-04-18
1035Argentina2025-04-09
1036France2025-04-02
1037Japan2025-04-03
1038Russia2025-04-02
1039Germany2025-04-02
1040Japan2025-04-13
1041Brazil2025-04-25
1042Germany2025-04-23
1043Canada2025-04-20
1044India2025-04-09
1045Russia2025-04-24
1046India2025-04-21
1047Spain2025-04-02
1048Russia2025-04-21
1049Italy2025-04-16

On-Demand Data

NameIdCountryDate
Faith G Nestle1000Germany2025-04-22
Salvatore R Shinko1001Brazil2025-04-11
Misaki J Gaucho1002Italy2025-04-29
Leon S Morasca1003India2025-04-22
Kaitlin M Ruta1004Brazil2025-04-19
Johnson L Bolognia1005Italy2025-04-23
David R Ruta1006Spain2025-04-10
Aruna B Malet1007Spain2025-04-10
Juan C Paprocki1008Germany2025-04-11
Octavia T Vocelka1009United Kingdom2025-04-15
Jennifer R Rulapaugh1010India2025-04-29
Mayumi S Ostrosky1011Japan2025-04-18
Morrow P Figeroa1012France2025-04-08
Isabel A Chui1013Canada2025-04-15
Faith S Caudy1014Germany2025-04-03
Juan O Nicka1015Brazil2025-04-22
Faith R Glick1016Australia2025-04-19
Isabel U Whobrey1017Germany2025-04-17
Rodrigues E Caldarera1018Argentina2025-04-10
Clifford N Caldarera1019Canada2025-04-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
David U IturbideGermanyOnyama Limba QUALIFIED
Aika H AmigonArgentinaIvan Magalhaes UNQUALIFIED
Munro A PerinArgentinaElwin Sharvill NEGOTIATION
Smith H DoeSpainBernardo Dominic NEW
Costa M MarrierItalyAnna Fali QUALIFIED
Leja R FigeroaCanadaOnyama Limba NEW
Izzy B CaudyRussiaIoni Bowcher RENEWAL
Clifford M MarrierArgentinaAmy Elsner RENEWAL
Adams X CampainSpainXuxue Feng UNQUALIFIED
Misaki H SlusarskiJapanAsiya Javayant PROPOSAL
Mujtaba B SchemmerJapanOnyama Limba RENEWAL
Octavia I RimCanadaStephen Shaw QUALIFIED
Nicolas R TollnerUnited KingdomStephen Shaw NEGOTIATION
Clifford R GauchoJapanAsiya Javayant QUALIFIED
Emily M WaycottItalyAnna Fali RENEWAL
Costa E WieserSpainElwin Sharvill NEW
Adams R MaletArgentinaElwin Sharvill RENEWAL
Costa M WhobreyCanadaIoni Bowcher NEW
Costa A DilliardSpainAnna Fali QUALIFIED
Francesco B PerinGermanyOnyama Limba QUALIFIED
Francesco R DilliardGermanyStephen Shaw PROPOSAL
Alejandro V SaylorsItalyAsiya Javayant NEGOTIATION
Ashley V DoeArgentinaXuxue Feng QUALIFIED
Rodrigues R WieserGermanyIoni Bowcher UNQUALIFIED
Misaki I ChuiCanadaXuxue Feng RENEWAL
James H SlusarskiFranceElwin Sharvill RENEWAL
Maria I KolmetzItalyIoni Bowcher PROPOSAL
Aditya U FigeroaGermanyElwin Sharvill NEW
Claire I GarufiUnited KingdomAsiya Javayant QUALIFIED
Aika L IturbideSpainOnyama Limba QUALIFIED
Leon E OstroskyJapanAnna Fali RENEWAL
Greenwood R CaldareraArgentinaAmy Elsner QUALIFIED
Emily P ButtArgentinaAsiya Javayant NEGOTIATION
Kadeem B BriddickFranceIvan Magalhaes RENEWAL
Juan H CaudyBrazilAnna Fali QUALIFIED
Izzy P MaletCanadaXuxue Feng UNQUALIFIED
Nicolas E FerenczItalyAnna Fali NEGOTIATION
Wickens P CampainUnited KingdomIvan Magalhaes PROPOSAL
Francesco X RulapaughRussiaXuxue Feng UNQUALIFIED
Nicolas Z AlbaresIndiaBernardo Dominic 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>