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
Smith O BologniaArgentinaElwin Sharvill NEW
Misaki L GlickGermanyAsiya Javayant RENEWAL
Wickens E StensethCanadaIoni Bowcher RENEWAL
Emily D OldroydBrazilStephen Shaw NEW
Darci Z MaletArgentinaStephen Shaw QUALIFIED
Jennifer J DilliardBrazilAsiya Javayant UNQUALIFIED
James I CampainFranceIvan Magalhaes QUALIFIED
Johnson E GauchoJapanXuxue Feng UNQUALIFIED
Aika D GauchoUnited KingdomOnyama Limba NEGOTIATION
Mayumi B FollerAustraliaBernardo Dominic NEW
James C MacleadUnited KingdomElwin Sharvill RENEWAL
Clifford Q PaprockiCanadaXuxue Feng NEW
Smith Q MaletItalyOnyama Limba NEW
Octavia M PoquetteArgentinaBernardo Dominic NEGOTIATION
Mayumi B MorascaJapanIoni Bowcher UNQUALIFIED
Ashley T AmigonFranceBernardo Dominic RENEWAL
David I WhobreyUnited KingdomIoni Bowcher UNQUALIFIED
Maria R GillianIndiaStephen Shaw QUALIFIED
Deepesh Y MarrierRussiaIoni Bowcher QUALIFIED
Jennifer Y SlusarskiBrazilStephen Shaw QUALIFIED
Rodrigues Q PerinSpainBernardo Dominic PROPOSAL
Greenwood P DilliardAustraliaXuxue Feng NEW
Ricardo O InouyeFranceIvan Magalhaes PROPOSAL
Darci U SlusarskiAustraliaIoni Bowcher UNQUALIFIED
Sinclair T SaylorsCanadaOnyama Limba QUALIFIED
Murillo I SaylorsArgentinaAnna Fali NEGOTIATION
Jefferson T SchemmerSpainIoni Bowcher QUALIFIED
Jones S AmigonRussiaAnna Fali NEW
Adams B TollnerGermanyIoni Bowcher UNQUALIFIED
Aruna O CaldareraAustraliaAmy Elsner UNQUALIFIED
Rodrigues J FlosiAustraliaStephen Shaw RENEWAL
Ashley N BriddickFranceAnna Fali NEW
Munro D FollerUnited KingdomStephen Shaw RENEWAL
Greenwood M GarufiArgentinaIoni Bowcher NEGOTIATION
James O PerinUnited KingdomOnyama Limba UNQUALIFIED
Clifford V GlickRussiaOnyama Limba RENEWAL
Julie N BologniaArgentinaElwin Sharvill NEGOTIATION
Johnson Q RimIndiaIoni Bowcher NEW
Murillo L PoquetteJapanAmy Elsner NEGOTIATION
Tony R RulapaughItalyAmy Elsner PROPOSAL
Smith R WhobreyRussiaStephen Shaw PROPOSAL
Stacey N GlickIndiaAmy Elsner RENEWAL
Nicolas Z FlosiSpainAmy Elsner RENEWAL
Jefferson X ButtAustraliaXuxue Feng UNQUALIFIED
Aditya Q RimRussiaElwin Sharvill QUALIFIED
Wickens N OldroydArgentinaXuxue Feng NEGOTIATION
Francesco C PaprockiItalyIvan Magalhaes QUALIFIED
Costa R CampainIndiaAmy Elsner QUALIFIED
Izzy X AmigonRussiaBernardo Dominic QUALIFIED
Francesco X SaylorsGermanyAmy Elsner QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Sinclair V WaycottCanadaElwin Sharvill NEGOTIATION
Aika D GarufiBrazilAsiya Javayant RENEWAL
Aruna P SlusarskiArgentinaIvan Magalhaes QUALIFIED
Kadeem A GillianRussiaAmy Elsner QUALIFIED
Darci Q DarakjySpainIoni Bowcher RENEWAL
Claire O PoquetteCanadaAmy Elsner PROPOSAL
Wickens B FlosiRussiaAsiya Javayant QUALIFIED
Murillo E FlosiJapanIoni Bowcher PROPOSAL
Mayumi C BologniaUnited KingdomOnyama Limba RENEWAL
Deepesh I WhobreyCanadaIvan Magalhaes PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aditya T FerenczAustralia2024-09-17Chapman, Ross E Esq UNQUALIFIED8Elwin Sharvill
1001Kaitlin H ShinkoUnited Kingdom2024-08-27Dorl, James J Esq UNQUALIFIED75Stephen Shaw
1002Antonio K OldroydIndia2024-09-02Truhlar And Truhlar Attys NEW50Stephen Shaw
1003Stacey S SaylorsArgentina2024-09-15Dorl, James J Esq UNQUALIFIED52Bernardo Dominic
1004Octavia U RimUnited Kingdom2024-08-31Rangoni Of Florence RENEWAL80Onyama Limba
1005Maisha C MarrierCanada2024-09-23Feltz Printing Service PROPOSAL63Elwin Sharvill
1006Ivar A SchemmerIndia2024-09-01Rousseaux, Michael Esq RENEWAL15Onyama Limba
1007Wickens I IturbideCanada2024-09-21Chanay, Jeffrey A Esq NEGOTIATION72Onyama Limba
1008Ivar O RulapaughFrance2024-09-16Buckley Miller Wright PROPOSAL6Ivan Magalhaes
1009Nicolas P KuskoArgentina2024-09-11Rousseaux, Michael Esq QUALIFIED40Onyama Limba
1010Munro X SchemmerArgentina2024-09-09Buckley Miller Wright QUALIFIED12Xuxue Feng
1011Aditya E FigeroaItaly2024-09-10Printing Dimensions PROPOSAL59Amy Elsner
1012Julie I RulapaughItaly2024-09-25Truhlar And Truhlar Attys NEGOTIATION62Stephen Shaw
1013Wickens Q MacleadSpain2024-08-27Truhlar And Truhlar Attys QUALIFIED60Anna Fali
1014Tony O NickaAustralia2024-09-07Printing Dimensions QUALIFIED40Ioni Bowcher
1015Maisha M BriddickRussia2024-09-09Chemel, James L Cpa NEW66Amy Elsner
1016Aika P MarrierArgentina2024-09-20Feiner Bros NEW89Ivan Magalhaes
1017Munro D OstroskyFrance2024-09-20Chanay, Jeffrey A Esq PROPOSAL79Bernardo Dominic
1018Kaitlin Z MorascaSpain2024-09-11Morlong Associates QUALIFIED11Asiya Javayant
1019Adams V GarufiGermany2024-09-02Printing Dimensions UNQUALIFIED23Elwin Sharvill
1020Emily S MaletBrazil2024-09-25Chemel, James L Cpa NEGOTIATION56Anna Fali
1021Adams M ShinkoFrance2024-09-07Rangoni Of Florence UNQUALIFIED46Amy Elsner
1022Francesco H BriddickCanada2024-09-21Feiner Bros PROPOSAL71Amy Elsner
1023Smith O BologniaRussia2024-09-04Chemel, James L Cpa NEW74Anna Fali
1024James D GillianItaly2024-08-28Chapman, Ross E Esq UNQUALIFIED47Anna Fali
1025Wickens H MaletRussia2024-09-06Truhlar And Truhlar Attys PROPOSAL92Elwin Sharvill
1026Wickens X DarakjyIndia2024-09-06Chemel, James L Cpa NEW8Anna Fali
1027Leja Q PaprockiIndia2024-09-05Chemel, James L Cpa NEW1Asiya Javayant
1028Murillo U WhobreyJapan2024-09-02Chanay, Jeffrey A Esq QUALIFIED8Asiya Javayant
1029Darci L SchemmerIndia2024-09-09Feltz Printing Service UNQUALIFIED12Bernardo Dominic
1030Julie D PoquetteArgentina2024-09-15Chapman, Ross E Esq NEGOTIATION47Stephen Shaw
1031Kaitlin T VocelkaFrance2024-09-02Chemel, James L Cpa PROPOSAL15Bernardo Dominic
1032Aditya J OldroydBrazil2024-09-22Buckley Miller Wright RENEWAL68Ioni Bowcher
1033Greenwood A CaudyJapan2024-08-31Feiner Bros NEW70Asiya Javayant
1034Rodrigues N KuskoItaly2024-09-13King, Christopher A Esq NEW22Elwin Sharvill
1035Ashley E CampainIndia2024-09-09Chapman, Ross E Esq NEGOTIATION17Ioni Bowcher
1036Juan G OstroskyCanada2024-09-10Buckley Miller Wright PROPOSAL16Stephen Shaw
1037Silvio F SchemmerArgentina2024-09-02Chemel, James L Cpa NEGOTIATION71Ioni Bowcher
1038Arvin Y CaldareraIndia2024-09-09Benton, John B Jr UNQUALIFIED47Stephen Shaw
1039Leon E DoeBrazil2024-09-23Truhlar And Truhlar Attys RENEWAL10Amy Elsner
1040Stacey R ButtBrazil2024-09-23Benton, John B Jr NEW43Bernardo Dominic
1041Cody Z MacleadFrance2024-09-16Benton, John B Jr PROPOSAL10Ivan Magalhaes
1042Misaki B RutaJapan2024-09-22Rousseaux, Michael Esq RENEWAL19Stephen Shaw
1043Sinclair L OldroydRussia2024-09-04Dorl, James J Esq RENEWAL12Ioni Bowcher
1044Julie E DilliardItaly2024-09-06Benton, John B Jr RENEWAL42Onyama Limba
1045Munro L SlusarskiIndia2024-09-03King, Christopher A Esq RENEWAL64Anna Fali
1046Salvatore L MorascaIndia2024-09-11Morlong Associates NEW36Onyama Limba
1047Alejandro A NestleJapan2024-09-08Feiner Bros NEGOTIATION61Bernardo Dominic
1048Juan Y ChuiUnited Kingdom2024-09-13Feltz Printing Service RENEWAL16Elwin Sharvill
1049Murillo Z SaylorsAustralia2024-08-27Buckley Miller Wright RENEWAL60Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Smith L NestleArgentinaXuxue Feng NEGOTIATION
Wickens H SaylorsRussiaXuxue Feng UNQUALIFIED
Kaitlin T WhobreyArgentinaAmy Elsner NEW
Silvio S WieserJapanAmy Elsner NEW
Deepesh A TollnerSpainOnyama Limba NEW
James T MaletCanadaStephen Shaw UNQUALIFIED
Kadeem Q SergiArgentinaStephen Shaw UNQUALIFIED
Clifford O OstroskyUnited KingdomAmy Elsner NEGOTIATION
David R PoquetteArgentinaAsiya Javayant NEGOTIATION
Sinclair Q GlickUnited KingdomIvan Magalhaes PROPOSAL
Greenwood E DoeGermanyAnna Fali QUALIFIED
Arvin H IturbideUnited KingdomOnyama Limba PROPOSAL
Kaitlin E VocelkaArgentinaBernardo Dominic NEGOTIATION
Aditya E BologniaIndiaIvan Magalhaes UNQUALIFIED
Jones Q IturbideGermanyAnna Fali RENEWAL
Adams B MarrierSpainIvan Magalhaes PROPOSAL
Arvin E PerinFranceIvan Magalhaes UNQUALIFIED
Deepesh N VenereGermanyElwin Sharvill QUALIFIED
Jefferson X MarrierSpainIoni Bowcher UNQUALIFIED
Isabel D GauchoSpainStephen Shaw NEW
Darci G MaletRussiaStephen Shaw NEW
Chavez I MarrierRussiaBernardo Dominic QUALIFIED
Cody O MarrierUnited KingdomIvan Magalhaes NEGOTIATION
Darci Q StockhamGermanyAnna Fali NEW
Mujtaba O MaletJapanStephen Shaw PROPOSAL
David K CaudySpainIvan Magalhaes QUALIFIED
Costa O RutaGermanyAmy Elsner PROPOSAL
Izzy S BowleyFranceAsiya Javayant UNQUALIFIED
Francesco A WieserUnited KingdomBernardo Dominic NEW
Maisha N FollerFranceAnna Fali NEW
Rodrigues S DilliardUnited KingdomAnna Fali NEW
Jeanfrancois O MaletItalyAmy Elsner UNQUALIFIED
Faith J IturbideItalyAnna Fali NEW
Leja W PaprockiUnited KingdomIvan Magalhaes QUALIFIED
Leja P FigeroaJapanXuxue Feng PROPOSAL
Greenwood Y MaletItalyAmy Elsner NEGOTIATION
Smith G ChuiRussiaAnna Fali UNQUALIFIED
Juan C AlbaresGermanyAnna Fali NEW
Deepesh Z DilliardGermanyBernardo Dominic PROPOSAL
Octavia R IturbideAustraliaElwin Sharvill PROPOSAL
Izzy W WhobreyIndiaStephen Shaw NEW
Jones M RoysterIndiaElwin Sharvill QUALIFIED
Rodrigues W KuskoAustraliaStephen Shaw NEGOTIATION
Claire E FollerFranceBernardo Dominic UNQUALIFIED
Jefferson V ButtIndiaElwin Sharvill RENEWAL
Maisha U FigeroaBrazilElwin Sharvill UNQUALIFIED
Smith N SlusarskiSpainIoni Bowcher NEW
Emily S MacleadJapanAsiya Javayant UNQUALIFIED
Izzy B SlusarskiGermanyIvan Magalhaes RENEWAL
Ricardo K WhobreyFranceXuxue Feng PROPOSAL
Frozen Columns
Name
Mayumi G Marrier
David U Poquette
Greenwood X Saylors
Darci X Bolognia
Jones S Caudy
Wickens W Perin
Misaki V Albares
Murillo C Bolognia
Adams P Nestle
Izzy D Marrier
Sinclair P Rim
Maria E Inouye
Juan X Oldroyd
Arvin K Royster
Jennifer U Ruta
Tony Y Kusko
Ashley T Nestle
Rodrigues L Paprocki
Rodrigues D Iturbide
Jones H Sergi
Antonio C Schemmer
Chavez N Caldarera
Wickens S Oldroyd
Maisha Y Campain
Mujtaba V Figeroa
Nicolas U Slusarski
Aruna X Stenseth
Emily B Darakjy
Aditya E Flosi
Clifford G Poquette
Emily A Gillian
Faith Y Campain
Cody A Paprocki
Leja C Oldroyd
Misaki D Poquette
Misaki Z Chui
Juan B Sergi
Adams H Gillian
Jeanfrancois N Iturbide
Costa O Venere
Alejandro P Nestle
Darci E Malet
Izzy J Gillian
Clifford T Doe
Juan E Briddick
Isabel K Rim
Silvio A Dilliard
Leja J Flosi
Arvin W Nestle
Greenwood U Malet
IdCountryDate
1000Australia2024-09-23
1001India2024-09-17
1002France2024-08-27
1003India2024-09-07
1004Japan2024-09-08
1005Argentina2024-09-11
1006India2024-09-23
1007Australia2024-09-12
1008France2024-09-24
1009Germany2024-09-12
1010India2024-09-10
1011France2024-09-19
1012France2024-09-21
1013United Kingdom2024-08-30
1014India2024-09-15
1015India2024-09-14
1016Russia2024-09-14
1017France2024-09-25
1018Canada2024-08-28
1019Italy2024-09-05
1020Japan2024-09-04
1021Russia2024-09-22
1022Spain2024-09-05
1023United Kingdom2024-09-13
1024United Kingdom2024-09-12
1025Spain2024-09-02
1026United Kingdom2024-09-15
1027Canada2024-09-21
1028Italy2024-09-06
1029Brazil2024-08-28
1030United Kingdom2024-09-19
1031Australia2024-09-03
1032Australia2024-09-01
1033Germany2024-09-02
1034Japan2024-09-22
1035Brazil2024-09-04
1036Russia2024-08-27
1037Russia2024-08-29
1038France2024-09-05
1039Germany2024-09-09
1040Brazil2024-09-07
1041Australia2024-09-17
1042Canada2024-09-18
1043Brazil2024-09-06
1044Spain2024-09-14
1045Australia2024-09-07
1046France2024-08-27
1047Japan2024-09-07
1048United Kingdom2024-09-25
1049Canada2024-08-28

On-Demand Data

NameIdCountryDate
Arvin Q Briddick1000Japan2024-09-18
Aruna S Chui1001Canada2024-08-30
Maisha P Oldroyd1002Spain2024-09-02
Julie F Garufi1003Australia2024-08-31
James J Stockham1004Japan2024-09-22
Alejandro M Caudy1005Germany2024-08-29
Aika D Oldroyd1006India2024-08-27
Mujtaba T Venere1007Argentina2024-09-19
Aruna V Ferencz1008Argentina2024-08-27
Tony D Glick1009Japan2024-08-31
Antonio A Darakjy1010Japan2024-09-16
Wickens Z Iturbide1011Argentina2024-09-16
Wickens K Doe1012Germany2024-08-28
Francesco T Paprocki1013Germany2024-09-14
Adams J Gaucho1014Japan2024-09-15
Greenwood D Bolognia1015Germany2024-09-04
Arvin N Malet1016France2024-09-01
Salvatore R Amigon1017United Kingdom2024-09-22
David W Gillian1018Russia2024-09-24
Sinclair D Briddick1019Brazil2024-09-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Stacey S RulapaughIndiaIvan Magalhaes NEW
David F RutaAustraliaBernardo Dominic QUALIFIED
Chavez W KolmetzRussiaOnyama Limba QUALIFIED
Juan X FigeroaJapanOnyama Limba RENEWAL
Jefferson B AmigonIndiaIvan Magalhaes RENEWAL
Isabel D SlusarskiCanadaOnyama Limba QUALIFIED
Stacey O FollerBrazilOnyama Limba UNQUALIFIED
Maisha H RoysterFranceStephen Shaw NEW
Munro T MorascaGermanyAmy Elsner NEW
Maisha R ButtAustraliaAmy Elsner NEW
Tony Q NestleIndiaBernardo Dominic RENEWAL
Leon A IturbideItalyElwin Sharvill NEGOTIATION
Greenwood M RimSpainStephen Shaw QUALIFIED
Alejandro J PerinBrazilBernardo Dominic UNQUALIFIED
Izzy M RutaFranceIvan Magalhaes RENEWAL
Misaki W BowleyRussiaAsiya Javayant UNQUALIFIED
Stacey J RutaSpainElwin Sharvill NEGOTIATION
Emily X GarufiJapanAnna Fali PROPOSAL
Jennifer W IturbideCanadaOnyama Limba NEGOTIATION
Rodrigues Y KolmetzGermanyIoni Bowcher UNQUALIFIED
Adams A SergiArgentinaAsiya Javayant NEGOTIATION
Faith Z ChuiCanadaOnyama Limba NEW
Isabel F StockhamItalyXuxue Feng UNQUALIFIED
Adams X TollnerArgentinaElwin Sharvill NEW
Julie H OstroskyBrazilIoni Bowcher RENEWAL
Octavia E SergiGermanyOnyama Limba UNQUALIFIED
Deepesh Z FlosiBrazilAmy Elsner UNQUALIFIED
David Y PerinRussiaElwin Sharvill UNQUALIFIED
Mayumi P FlosiGermanyAnna Fali QUALIFIED
Isabel U MaletIndiaIvan Magalhaes UNQUALIFIED
Rodrigues P BologniaItalyAnna Fali QUALIFIED
Aika G PoquetteSpainOnyama Limba PROPOSAL
Jefferson K FollerItalyAmy Elsner NEGOTIATION
Jefferson J InouyeFranceAsiya Javayant QUALIFIED
Ashley P FollerSpainBernardo Dominic NEGOTIATION
Murillo V IturbideItalyAnna Fali QUALIFIED
Ashley Z MacleadJapanAsiya Javayant RENEWAL
Salvatore U GarufiJapanXuxue Feng QUALIFIED
Leja V PerinBrazilElwin Sharvill RENEWAL
Jefferson V BowleySpainOnyama 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>