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
Tony A VenereJapanAmy Elsner PROPOSAL
Arvin J VenereItalyIvan Magalhaes NEGOTIATION
Murillo A SaylorsSpainAsiya Javayant NEW
Sinclair R IturbideItalyBernardo Dominic QUALIFIED
Adams I CaudySpainAnna Fali QUALIFIED
Jennifer N ChuiJapanAnna Fali RENEWAL
Greenwood W DoeRussiaBernardo Dominic RENEWAL
Nicolas H VocelkaRussiaOnyama Limba RENEWAL
Isabel T SchemmerRussiaAnna Fali NEW
Clifford H AlbaresItalyAnna Fali QUALIFIED
Emily T InouyeSpainAmy Elsner NEGOTIATION
Antonio M MarrierJapanXuxue Feng NEW
Chavez M GillianSpainXuxue Feng NEGOTIATION
Greenwood Y MarrierCanadaStephen Shaw NEGOTIATION
Johnson M MaletItalyXuxue Feng RENEWAL
Silvio Y PoquetteArgentinaIvan Magalhaes RENEWAL
Clifford V FerenczUnited KingdomStephen Shaw UNQUALIFIED
Rodrigues B RutaFranceElwin Sharvill RENEWAL
Emily A ShinkoCanadaStephen Shaw NEGOTIATION
Mujtaba J SlusarskiJapanAsiya Javayant UNQUALIFIED
Nicolas H KuskoGermanyXuxue Feng UNQUALIFIED
David V FigeroaRussiaBernardo Dominic UNQUALIFIED
Ashley N VocelkaAustraliaBernardo Dominic QUALIFIED
Julie N StockhamIndiaElwin Sharvill PROPOSAL
David J ShinkoGermanyElwin Sharvill QUALIFIED
Chavez L SchemmerFranceAsiya Javayant UNQUALIFIED
Ashley G AmigonSpainIvan Magalhaes QUALIFIED
Antonio K KuskoIndiaAmy Elsner UNQUALIFIED
Aika Y TollnerArgentinaAsiya Javayant NEGOTIATION
Kadeem X KolmetzArgentinaAsiya Javayant RENEWAL
Murillo N WieserSpainXuxue Feng NEW
Isabel F InouyeRussiaXuxue Feng PROPOSAL
Leon X NickaJapanBernardo Dominic PROPOSAL
Jefferson Q PaprockiFranceStephen Shaw NEW
Jones C GauchoAustraliaAnna Fali UNQUALIFIED
Kaitlin O BowleyArgentinaAmy Elsner PROPOSAL
Johnson G RulapaughFranceStephen Shaw NEW
Juan D VocelkaUnited KingdomElwin Sharvill NEGOTIATION
Adams W AmigonUnited KingdomIvan Magalhaes PROPOSAL
Ashley A MorascaSpainStephen Shaw QUALIFIED
Ivar U MaletUnited KingdomXuxue Feng RENEWAL
Murillo X RimItalyIoni Bowcher PROPOSAL
Aditya V KuskoUnited KingdomBernardo Dominic RENEWAL
Stacey E FigeroaJapanXuxue Feng RENEWAL
Darci V KuskoSpainAnna Fali NEGOTIATION
Emily Q BriddickItalyAnna Fali RENEWAL
Ivar Q KuskoIndiaXuxue Feng QUALIFIED
Wickens V MorascaRussiaBernardo Dominic UNQUALIFIED
Arvin T FollerBrazilOnyama Limba NEGOTIATION
Ricardo K DoeCanadaXuxue Feng NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Aika I PerinJapanOnyama Limba UNQUALIFIED
Johnson U SlusarskiBrazilIvan Magalhaes NEW
Maria V MorascaFranceAsiya Javayant RENEWAL
James W MarrierGermanyAsiya Javayant UNQUALIFIED
Adams L StockhamJapanElwin Sharvill UNQUALIFIED
Ashley B DilliardUnited KingdomElwin Sharvill NEGOTIATION
Maisha F PaprockiGermanyOnyama Limba RENEWAL
Leon L CampainSpainIoni Bowcher PROPOSAL
Ricardo M FollerAustraliaIoni Bowcher QUALIFIED
Ricardo J DilliardSpainIoni Bowcher PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kadeem N AlbaresItaly2026-06-15Morlong Associates QUALIFIED74Ivan Magalhaes
1001Greenwood P CampainUnited Kingdom2026-07-07Morlong Associates NEGOTIATION47Amy Elsner
1002Alejandro M NickaArgentina2026-06-25Benton, John B Jr NEW92Xuxue Feng
1003David W BowleyRussia2026-06-30Dorl, James J Esq NEGOTIATION82Ioni Bowcher
1004Kadeem Z InouyeItaly2026-06-15Chanay, Jeffrey A Esq NEGOTIATION79Anna Fali
1005Misaki P BowleyItaly2026-06-25Truhlar And Truhlar Attys PROPOSAL43Ioni Bowcher
1006Octavia K CaudyJapan2026-07-04Benton, John B Jr QUALIFIED58Xuxue Feng
1007Munro V BowleyArgentina2026-06-24Truhlar And Truhlar Attys NEGOTIATION52Onyama Limba
1008Claire S AlbaresFrance2026-06-20Printing Dimensions UNQUALIFIED16Ivan Magalhaes
1009James T TollnerCanada2026-06-18Benton, John B Jr PROPOSAL97Ivan Magalhaes
1010Chavez X FerenczRussia2026-06-29Chapman, Ross E Esq PROPOSAL44Onyama Limba
1011Sinclair G DarakjyCanada2026-07-08Benton, John B Jr UNQUALIFIED66Onyama Limba
1012Jefferson O FollerItaly2026-06-16Commercial Press NEGOTIATION39Anna Fali
1013Darci S MacleadBrazil2026-06-23Chapman, Ross E Esq PROPOSAL98Onyama Limba
1014Jeanfrancois X FlosiItaly2026-07-03Rangoni Of Florence UNQUALIFIED60Anna Fali
1015Deepesh Z ButtSpain2026-06-30Rousseaux, Michael Esq UNQUALIFIED71Asiya Javayant
1016Morrow U DilliardGermany2026-07-01Chanay, Jeffrey A Esq NEGOTIATION33Stephen Shaw
1017Leon U StensethUnited Kingdom2026-07-01Rousseaux, Michael Esq RENEWAL71Stephen Shaw
1018Aditya L OstroskyJapan2026-06-29King, Christopher A Esq NEGOTIATION86Amy Elsner
1019Kaitlin O KuskoArgentina2026-06-21Printing Dimensions PROPOSAL90Stephen Shaw
1020James T FollerJapan2026-06-27King, Christopher A Esq QUALIFIED77Xuxue Feng
1021Tony W DoeUnited Kingdom2026-06-10Chanay, Jeffrey A Esq UNQUALIFIED31Ivan Magalhaes
1022Tony C KuskoCanada2026-06-27Truhlar And Truhlar Attys QUALIFIED50Ioni Bowcher
1023Costa G FollerUnited Kingdom2026-06-21Dorl, James J Esq PROPOSAL92Asiya Javayant
1024Johnson C AmigonSpain2026-06-11Feltz Printing Service QUALIFIED40Ivan Magalhaes
1025Julie U CampainFrance2026-06-10Chapman, Ross E Esq QUALIFIED0Asiya Javayant
1026Stacey K BologniaJapan2026-06-30Dorl, James J Esq NEGOTIATION38Amy Elsner
1027Isabel P OstroskyCanada2026-07-01Feiner Bros QUALIFIED92Xuxue Feng
1028Murillo K CaudyArgentina2026-07-05Benton, John B Jr NEW53Xuxue Feng
1029Leja T MacleadArgentina2026-06-23Chemel, James L Cpa UNQUALIFIED31Amy Elsner
1030Kadeem L ChuiJapan2026-07-05Rousseaux, Michael Esq RENEWAL12Stephen Shaw
1031Salvatore R FigeroaAustralia2026-06-18Feiner Bros QUALIFIED32Onyama Limba
1032Juan E NestleRussia2026-06-30Rousseaux, Michael Esq QUALIFIED48Ioni Bowcher
1033Greenwood Z MorascaJapan2026-07-07Feiner Bros RENEWAL72Elwin Sharvill
1034Deepesh W DoeJapan2026-06-28King, Christopher A Esq UNQUALIFIED68Stephen Shaw
1035Mayumi G VenereGermany2026-06-22Truhlar And Truhlar Attys RENEWAL36Stephen Shaw
1036Chavez Z OstroskyRussia2026-07-01King, Christopher A Esq QUALIFIED87Ioni Bowcher
1037Adams W CaldareraAustralia2026-06-23Feltz Printing Service QUALIFIED80Ioni Bowcher
1038Kaitlin M RimItaly2026-06-14Feiner Bros QUALIFIED69Onyama Limba
1039Aika F RoysterIndia2026-06-10Chanay, Jeffrey A Esq NEGOTIATION3Ivan Magalhaes
1040Francesco U ShinkoCanada2026-07-01Rangoni Of Florence PROPOSAL90Asiya Javayant
1041Kadeem K VenereBrazil2026-07-06Chapman, Ross E Esq UNQUALIFIED67Elwin Sharvill
1042Darci K RutaItaly2026-06-14Commercial Press NEGOTIATION43Xuxue Feng
1043Chavez P BowleyUnited Kingdom2026-06-16Rangoni Of Florence NEW15Ivan Magalhaes
1044Morrow F SchemmerSpain2026-07-01King, Christopher A Esq NEGOTIATION63Bernardo Dominic
1045Wickens G VocelkaArgentina2026-06-15Feiner Bros NEW77Elwin Sharvill
1046Johnson Y NestleItaly2026-06-16Commercial Press QUALIFIED50Onyama Limba
1047Jones E StockhamFrance2026-07-01Feiner Bros UNQUALIFIED88Stephen Shaw
1048Nicolas L CaudyIndia2026-07-03Rangoni Of Florence UNQUALIFIED0Elwin Sharvill
1049Maria H SergiGermany2026-07-01Truhlar And Truhlar Attys NEW38Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Aika T FigeroaAustraliaElwin Sharvill PROPOSAL
Julie Y MarrierArgentinaBernardo Dominic QUALIFIED
Izzy S CaudyBrazilAsiya Javayant NEGOTIATION
Maria O StockhamUnited KingdomIoni Bowcher NEGOTIATION
Aruna M AlbaresGermanyStephen Shaw PROPOSAL
Jones G ChuiCanadaOnyama Limba NEW
Cody H MorascaGermanyBernardo Dominic UNQUALIFIED
Aditya A IturbideJapanAsiya Javayant UNQUALIFIED
Johnson D DarakjyCanadaXuxue Feng NEGOTIATION
Alejandro B FigeroaItalyElwin Sharvill QUALIFIED
Mujtaba H CaldareraRussiaIvan Magalhaes NEGOTIATION
Jones Z AlbaresBrazilIoni Bowcher NEW
Jennifer C OldroydFranceIoni Bowcher NEGOTIATION
Alejandro I BriddickRussiaElwin Sharvill UNQUALIFIED
Antonio L StensethJapanBernardo Dominic NEGOTIATION
Ivar X ShinkoUnited KingdomBernardo Dominic UNQUALIFIED
Alejandro Y SergiUnited KingdomIvan Magalhaes NEGOTIATION
Faith S TollnerArgentinaElwin Sharvill NEW
Maisha S GillianCanadaIvan Magalhaes QUALIFIED
Claire X DarakjyArgentinaIoni Bowcher UNQUALIFIED
Mayumi Q FlosiBrazilAnna Fali RENEWAL
James R PaprockiUnited KingdomAnna Fali RENEWAL
Morrow M NickaArgentinaXuxue Feng NEGOTIATION
Aditya D GlickSpainBernardo Dominic NEGOTIATION
Octavia B CaldareraIndiaAmy Elsner QUALIFIED
Isabel F OstroskyUnited KingdomOnyama Limba NEW
Chavez X GarufiSpainAsiya Javayant NEGOTIATION
Salvatore N KuskoFranceIvan Magalhaes UNQUALIFIED
Ivar U RimJapanOnyama Limba UNQUALIFIED
Morrow Z PaprockiFranceAmy Elsner QUALIFIED
Aika X AmigonBrazilElwin Sharvill NEW
Maisha J ShinkoUnited KingdomAnna Fali NEGOTIATION
Rodrigues P FigeroaArgentinaElwin Sharvill NEW
Wickens K NestleGermanyStephen Shaw NEGOTIATION
Wickens N BowleySpainAsiya Javayant NEW
Izzy E TollnerCanadaAsiya Javayant UNQUALIFIED
Costa Y BowleyAustraliaAnna Fali RENEWAL
Chavez Y PaprockiBrazilElwin Sharvill NEGOTIATION
Kaitlin Z PoquetteItalyIvan Magalhaes UNQUALIFIED
Maisha I WaycottCanadaOnyama Limba UNQUALIFIED
Costa R ButtJapanIvan Magalhaes RENEWAL
David T WieserGermanyAnna Fali UNQUALIFIED
Murillo E WhobreyIndiaAmy Elsner UNQUALIFIED
Rodrigues O RimIndiaElwin Sharvill NEGOTIATION
Mayumi Q PaprockiGermanyOnyama Limba NEGOTIATION
Jennifer P PaprockiJapanStephen Shaw NEW
Kaitlin Y SaylorsAustraliaAnna Fali RENEWAL
Jones W ButtItalyXuxue Feng UNQUALIFIED
Ricardo T NestleSpainIvan Magalhaes NEW
Jeanfrancois V StockhamCanadaAnna Fali UNQUALIFIED
Frozen Columns
Name
James E Waycott
Costa N Shinko
Tony S Venere
Sinclair K Perin
Deepesh Y Caldarera
Darci R Butt
Mujtaba J Kolmetz
Morrow T Foller
Silvio B Inouye
Darci R Rulapaugh
Alejandro C Schemmer
Aruna O Tollner
Antonio D Flosi
Juan Y Figeroa
David G Inouye
Kadeem S Stockham
Cody C Whobrey
Deepesh H Poquette
Chavez X Briddick
Jeanfrancois U Morasca
Greenwood C Shinko
Cody G Oldroyd
Arvin G Inouye
Mujtaba R Gaucho
Darci B Rulapaugh
Salvatore G Ferencz
Greenwood F Wieser
Costa P Doe
Clifford K Stenseth
Kaitlin O Albares
Mujtaba R Bowley
Aruna A Royster
Morrow S Malet
Juan S Figeroa
Jones J Vocelka
Aditya D Campain
Maria Q Albares
Francesco X Kusko
Kadeem A Inouye
Nicolas M Oldroyd
Arvin I Garufi
Octavia Z Kusko
Adams E Ferencz
Murillo P Bowley
Darci G Paprocki
Isabel D Darakjy
Isabel K Campain
Adams Z Stockham
Leon O Shinko
James K Nicka
IdCountryDate
1000Brazil2026-07-08
1001Germany2026-06-27
1002Italy2026-07-06
1003United Kingdom2026-07-06
1004United Kingdom2026-07-03
1005Australia2026-07-02
1006India2026-06-26
1007Canada2026-06-30
1008Germany2026-06-11
1009Australia2026-06-28
1010United Kingdom2026-06-10
1011United Kingdom2026-06-22
1012Brazil2026-07-03
1013India2026-06-17
1014Argentina2026-07-07
1015Spain2026-06-15
1016France2026-06-20
1017Spain2026-06-29
1018France2026-06-19
1019Italy2026-07-05
1020Russia2026-06-15
1021Germany2026-06-29
1022Brazil2026-06-25
1023Spain2026-06-21
1024Russia2026-06-11
1025France2026-07-05
1026Italy2026-07-05
1027India2026-07-04
1028Germany2026-07-06
1029Italy2026-06-27
1030Canada2026-06-12
1031Argentina2026-06-29
1032Brazil2026-06-19
1033France2026-06-18
1034India2026-06-24
1035Italy2026-07-08
1036Japan2026-06-29
1037Australia2026-06-26
1038Japan2026-06-22
1039Italy2026-06-16
1040Argentina2026-06-15
1041Australia2026-06-14
1042Australia2026-06-18
1043India2026-07-04
1044India2026-06-13
1045India2026-06-16
1046India2026-06-21
1047India2026-06-21
1048India2026-06-15
1049Brazil2026-07-08

On-Demand Data

NameIdCountryDate
Ashley E Malet1000Argentina2026-06-19
Maria T Rim1001Italy2026-06-25
Deepesh K Stockham1002India2026-06-16
Claire Q Stenseth1003Canada2026-07-08
Tony Q Sergi1004Germany2026-06-28
Ivar V Flosi1005France2026-07-04
Nicolas H Stenseth1006Germany2026-06-29
Jefferson Y Perin1007Russia2026-06-18
Ricardo J Caudy1008United Kingdom2026-07-01
Greenwood S Saylors1009Russia2026-06-24
Nicolas I Ruta1010Canada2026-06-09
James M Oldroyd1011Italy2026-06-25
Johnson L Perin1012United Kingdom2026-06-10
Deepesh O Foller1013France2026-06-21
Nicolas C Figeroa1014Italy2026-06-19
Cody X Oldroyd1015Germany2026-06-18
Sinclair B Inouye1016Brazil2026-07-04
Smith C Royster1017Argentina2026-06-09
Kaitlin T Oldroyd1018Russia2026-06-25
Darci J Oldroyd1019Argentina2026-06-14
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Rodrigues I BriddickBrazilAsiya Javayant PROPOSAL
Tony T SchemmerArgentinaStephen Shaw NEGOTIATION
Tony K SaylorsGermanyAnna Fali NEW
Smith W MacleadUnited KingdomIoni Bowcher RENEWAL
Tony L RulapaughGermanyAmy Elsner NEGOTIATION
Kadeem A OldroydArgentinaXuxue Feng PROPOSAL
Ricardo H MarrierArgentinaBernardo Dominic RENEWAL
Ivar V RimItalyBernardo Dominic UNQUALIFIED
Chavez A CaldareraIndiaBernardo Dominic NEGOTIATION
Juan P PoquetteItalyIoni Bowcher UNQUALIFIED
Arvin K BologniaIndiaAsiya Javayant UNQUALIFIED
David S RoysterItalyOnyama Limba NEW
Aditya D FlosiSpainStephen Shaw UNQUALIFIED
Sinclair W BriddickAustraliaStephen Shaw NEW
Tony Y ShinkoUnited KingdomBernardo Dominic UNQUALIFIED
Ivar F GlickUnited KingdomAnna Fali NEW
Aruna C SaylorsBrazilIoni Bowcher NEGOTIATION
Sinclair W FerenczRussiaOnyama Limba NEGOTIATION
Maria Z WhobreySpainAsiya Javayant NEGOTIATION
Aruna Q SaylorsJapanAsiya Javayant UNQUALIFIED
Morrow Z SaylorsCanadaBernardo Dominic NEGOTIATION
Jeanfrancois Y FerenczRussiaAmy Elsner PROPOSAL
Murillo Z AlbaresCanadaElwin Sharvill QUALIFIED
Emily K WhobreyRussiaBernardo Dominic RENEWAL
Leja R GauchoSpainBernardo Dominic PROPOSAL
Adams Z VocelkaGermanyElwin Sharvill QUALIFIED
Arvin M InouyeBrazilAmy Elsner PROPOSAL
Faith Y PoquetteGermanyIoni Bowcher RENEWAL
Arvin I MaletArgentinaXuxue Feng NEW
Mayumi D OldroydSpainStephen Shaw QUALIFIED
Leja S KuskoGermanyXuxue Feng NEW
Smith Q MacleadSpainStephen Shaw PROPOSAL
Ashley T GarufiIndiaIoni Bowcher UNQUALIFIED
Ashley V SergiFranceElwin Sharvill NEGOTIATION
Faith X CaudyJapanStephen Shaw NEGOTIATION
Clifford U ChuiGermanyXuxue Feng UNQUALIFIED
Antonio U CaldareraIndiaElwin Sharvill PROPOSAL
Jefferson A PerinItalyAmy Elsner NEW
Aruna N RoysterRussiaAnna Fali NEW
Misaki D ChuiSpainAmy Elsner UNQUALIFIED

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