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
Maisha V WaycottGermanyAnna Fali QUALIFIED
Ricardo L MaletArgentinaIoni Bowcher RENEWAL
Alejandro V MaletCanadaElwin Sharvill NEW
Maria S SaylorsArgentinaStephen Shaw PROPOSAL
Munro W SlusarskiSpainBernardo Dominic NEW
Deepesh B PerinJapanStephen Shaw NEW
Murillo S InouyeCanadaAmy Elsner NEGOTIATION
Jefferson T BriddickUnited KingdomXuxue Feng PROPOSAL
James R AmigonBrazilStephen Shaw NEW
Morrow S BowleyItalyAmy Elsner QUALIFIED
Munro C BriddickCanadaOnyama Limba UNQUALIFIED
Emily C SlusarskiCanadaIoni Bowcher QUALIFIED
Jones A MacleadGermanyOnyama Limba QUALIFIED
Leon P BologniaFranceIvan Magalhaes RENEWAL
Deepesh O PerinArgentinaXuxue Feng NEGOTIATION
Izzy L GauchoArgentinaIvan Magalhaes NEGOTIATION
Emily V AlbaresAustraliaStephen Shaw RENEWAL
Clifford I SchemmerUnited KingdomIvan Magalhaes QUALIFIED
Mujtaba K PaprockiBrazilAnna Fali UNQUALIFIED
Morrow T AmigonUnited KingdomIvan Magalhaes UNQUALIFIED
Aditya J PaprockiFranceBernardo Dominic NEGOTIATION
Sinclair D VenereUnited KingdomOnyama Limba PROPOSAL
Misaki I KolmetzFranceStephen Shaw QUALIFIED
Misaki L SchemmerBrazilIvan Magalhaes QUALIFIED
Kadeem Z VocelkaUnited KingdomStephen Shaw UNQUALIFIED
Ashley G VenereItalyIoni Bowcher QUALIFIED
Ivar O TollnerCanadaAnna Fali NEW
Maria U ButtCanadaIvan Magalhaes QUALIFIED
Ricardo I BowleyUnited KingdomBernardo Dominic RENEWAL
Isabel H ShinkoAustraliaOnyama Limba PROPOSAL
Munro I IturbideCanadaAnna Fali NEW
Aruna T StockhamCanadaOnyama Limba NEW
Chavez P MacleadUnited KingdomAnna Fali NEGOTIATION
Isabel O BowleyBrazilIvan Magalhaes NEW
Kaitlin G BologniaAustraliaAmy Elsner NEW
Faith G BriddickJapanAsiya Javayant NEGOTIATION
Ivar N DoeRussiaXuxue Feng UNQUALIFIED
Ashley F PerinAustraliaXuxue Feng UNQUALIFIED
Leja L KolmetzJapanStephen Shaw NEW
Jeanfrancois T WaycottItalyAsiya Javayant NEGOTIATION
Aika K DoeRussiaIvan Magalhaes UNQUALIFIED
Ivar S CaudyCanadaIoni Bowcher UNQUALIFIED
Clifford R FlosiCanadaIoni Bowcher UNQUALIFIED
Maria U AmigonItalyAnna Fali PROPOSAL
Julie T DoeIndiaIoni Bowcher QUALIFIED
Isabel H TollnerIndiaBernardo Dominic RENEWAL
Isabel T ButtCanadaAmy Elsner NEGOTIATION
Ashley I WaycottGermanyStephen Shaw NEW
Nicolas X NestleUnited KingdomElwin Sharvill NEW
Darci Y SlusarskiRussiaBernardo Dominic QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Greenwood V GarufiArgentinaBernardo Dominic RENEWAL
Smith I FigeroaItalyAmy Elsner UNQUALIFIED
Leja M AlbaresFranceIvan Magalhaes NEGOTIATION
Chavez Y StockhamGermanyAnna Fali QUALIFIED
Arvin Q MacleadUnited KingdomStephen Shaw NEW
Morrow B RulapaughAustraliaAmy Elsner PROPOSAL
Costa E PaprockiItalyAnna Fali UNQUALIFIED
Jennifer W MarrierFranceAsiya Javayant UNQUALIFIED
Aruna O RutaUnited KingdomAmy Elsner QUALIFIED
Jones M InouyeAustraliaStephen Shaw PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Isabel S ButtRussia2025-04-08King, Christopher A Esq NEW82Elwin Sharvill
1001Leja Y ButtCanada2025-04-12Dorl, James J Esq NEGOTIATION47Bernardo Dominic
1002Faith Y MacleadItaly2025-04-20King, Christopher A Esq RENEWAL23Ivan Magalhaes
1003Arvin W BowleyBrazil2025-04-26Commercial Press RENEWAL35Ivan Magalhaes
1004Ricardo R WaycottIndia2025-04-26Printing Dimensions UNQUALIFIED94Elwin Sharvill
1005Clifford U MorascaRussia2025-04-07Feltz Printing Service NEGOTIATION11Stephen Shaw
1006Jeanfrancois W FlosiAustralia2025-04-18Truhlar And Truhlar Attys UNQUALIFIED1Elwin Sharvill
1007Stacey R RimJapan2025-04-25King, Christopher A Esq NEGOTIATION35Ioni Bowcher
1008Emily D KuskoUnited Kingdom2025-04-17Dorl, James J Esq UNQUALIFIED15Elwin Sharvill
1009Rodrigues Y PerinIndia2025-04-09Truhlar And Truhlar Attys RENEWAL16Onyama Limba
1010Ivar F WhobreyRussia2025-04-17Chanay, Jeffrey A Esq NEGOTIATION98Bernardo Dominic
1011Deepesh G SaylorsCanada2025-04-20Rousseaux, Michael Esq PROPOSAL94Amy Elsner
1012Octavia U DilliardGermany2025-04-02Chanay, Jeffrey A Esq NEGOTIATION15Bernardo Dominic
1013Octavia Y PerinUnited Kingdom2025-04-04Rangoni Of Florence NEW93Bernardo Dominic
1014Wickens S BriddickGermany2025-04-05Feltz Printing Service PROPOSAL94Anna Fali
1015Munro D OstroskyAustralia2025-04-05Chapman, Ross E Esq RENEWAL19Ioni Bowcher
1016Alejandro B ButtItaly2025-04-17King, Christopher A Esq QUALIFIED18Bernardo Dominic
1017Smith M StockhamCanada2025-04-20Rangoni Of Florence PROPOSAL53Ioni Bowcher
1018Cody W WaycottJapan2025-04-16Buckley Miller Wright RENEWAL50Onyama Limba
1019Misaki M ShinkoItaly2025-04-23Feltz Printing Service RENEWAL88Asiya Javayant
1020Antonio N PoquetteArgentina2025-04-01Morlong Associates NEW33Elwin Sharvill
1021Kaitlin L StensethItaly2025-04-11Truhlar And Truhlar Attys NEW29Xuxue Feng
1022Octavia D MacleadUnited Kingdom2025-04-26Chapman, Ross E Esq NEW22Xuxue Feng
1023Smith H CaudyRussia2025-04-01Benton, John B Jr NEGOTIATION46Onyama Limba
1024Silvio V NickaItaly2025-04-04Rangoni Of Florence NEGOTIATION50Amy Elsner
1025Cody A IturbideJapan2025-04-30Truhlar And Truhlar Attys NEGOTIATION63Amy Elsner
1026Aika D GillianBrazil2025-04-04King, Christopher A Esq NEGOTIATION29Anna Fali
1027Octavia E PerinItaly2025-04-25Printing Dimensions QUALIFIED86Ioni Bowcher
1028Clifford D RoysterCanada2025-04-01Chapman, Ross E Esq UNQUALIFIED73Bernardo Dominic
1029Octavia W PoquetteArgentina2025-04-23King, Christopher A Esq NEW28Elwin Sharvill
1030Claire X MaletUnited Kingdom2025-04-09Benton, John B Jr UNQUALIFIED99Bernardo Dominic
1031Aika D RulapaughBrazil2025-04-27King, Christopher A Esq NEW43Bernardo Dominic
1032Isabel N OldroydAustralia2025-04-11Rousseaux, Michael Esq PROPOSAL76Ioni Bowcher
1033Juan A MaletUnited Kingdom2025-04-05Feiner Bros QUALIFIED62Asiya Javayant
1034Greenwood I SergiRussia2025-04-01Commercial Press RENEWAL18Bernardo Dominic
1035Francesco H FigeroaIndia2025-04-12Feltz Printing Service QUALIFIED2Stephen Shaw
1036Francesco B FlosiSpain2025-04-08King, Christopher A Esq QUALIFIED19Asiya Javayant
1037Mujtaba A OstroskyRussia2025-04-10Feiner Bros NEGOTIATION10Amy Elsner
1038Jefferson D RoysterJapan2025-04-29Dorl, James J Esq RENEWAL75Ivan Magalhaes
1039Mayumi H FlosiUnited Kingdom2025-04-29Buckley Miller Wright NEW66Ioni Bowcher
1040Ashley F VenereArgentina2025-04-20Chapman, Ross E Esq QUALIFIED5Bernardo Dominic
1041Deepesh X CaudySpain2025-04-23Truhlar And Truhlar Attys QUALIFIED15Anna Fali
1042Clifford K ButtUnited Kingdom2025-04-25Truhlar And Truhlar Attys RENEWAL78Xuxue Feng
1043Aditya U GauchoFrance2025-04-16Morlong Associates NEW27Xuxue Feng
1044Murillo C WhobreyArgentina2025-04-05King, Christopher A Esq UNQUALIFIED8Anna Fali
1045Greenwood L RutaJapan2025-04-26Chemel, James L Cpa RENEWAL7Asiya Javayant
1046Octavia D PerinSpain2025-04-11Dorl, James J Esq UNQUALIFIED32Ivan Magalhaes
1047Morrow G DilliardFrance2025-04-07Feiner Bros QUALIFIED9Bernardo Dominic
1048Chavez P VenereSpain2025-04-01Truhlar And Truhlar Attys UNQUALIFIED17Ioni Bowcher
1049Juan G RimIndia2025-04-14Commercial Press QUALIFIED77Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Aruna Y MaletFranceAsiya Javayant PROPOSAL
Claire C MarrierJapanAnna Fali PROPOSAL
Julie H PerinArgentinaAsiya Javayant NEW
Leon Z BologniaItalyElwin Sharvill QUALIFIED
Julie W ButtSpainIvan Magalhaes NEW
Chavez B BriddickAustraliaAnna Fali QUALIFIED
Jeanfrancois Y MorascaIndiaElwin Sharvill PROPOSAL
Chavez I CaldareraUnited KingdomIvan Magalhaes PROPOSAL
Deepesh G AlbaresJapanXuxue Feng QUALIFIED
Aika K AlbaresUnited KingdomAmy Elsner NEW
Izzy W NickaBrazilStephen Shaw PROPOSAL
James E TollnerUnited KingdomAnna Fali RENEWAL
Salvatore F GauchoSpainAnna Fali UNQUALIFIED
Smith N GarufiAustraliaStephen Shaw RENEWAL
James S NickaUnited KingdomIoni Bowcher RENEWAL
David G WaycottItalyIoni Bowcher PROPOSAL
Rodrigues U TollnerItalyOnyama Limba PROPOSAL
Ashley N MaletSpainAmy Elsner QUALIFIED
Stacey P RoysterAustraliaIoni Bowcher NEGOTIATION
Leja I StockhamBrazilXuxue Feng UNQUALIFIED
Costa Q GlickBrazilStephen Shaw UNQUALIFIED
Maisha S DoeFranceStephen Shaw RENEWAL
Aika S VenereGermanyBernardo Dominic NEW
Jeanfrancois D RimArgentinaAmy Elsner NEW
Morrow V RutaIndiaElwin Sharvill RENEWAL
Rodrigues W RulapaughAustraliaXuxue Feng UNQUALIFIED
Aditya Y SlusarskiIndiaAsiya Javayant UNQUALIFIED
Maisha P MaletSpainIoni Bowcher RENEWAL
Mayumi R ButtItalyIoni Bowcher RENEWAL
Misaki A DoeJapanIoni Bowcher RENEWAL
Jennifer P IturbideAustraliaAmy Elsner RENEWAL
Deepesh N FerenczGermanyIvan Magalhaes RENEWAL
Jefferson H NestleUnited KingdomIvan Magalhaes QUALIFIED
Salvatore K GauchoGermanyElwin Sharvill RENEWAL
Ivar B NestleBrazilBernardo Dominic UNQUALIFIED
Maisha R FlosiFranceXuxue Feng PROPOSAL
Julie T PerinSpainElwin Sharvill RENEWAL
Isabel Q RimIndiaIoni Bowcher NEGOTIATION
Chavez T FerenczArgentinaOnyama Limba NEGOTIATION
Wickens D GauchoGermanyBernardo Dominic UNQUALIFIED
Cody X DoeBrazilIvan Magalhaes NEW
Antonio S AmigonSpainOnyama Limba QUALIFIED
Antonio U OstroskyJapanIvan Magalhaes NEGOTIATION
Deepesh K FollerSpainAnna Fali PROPOSAL
Salvatore Z MorascaBrazilAmy Elsner NEW
Faith Z VocelkaUnited KingdomAnna Fali NEW
Tony C AmigonItalyXuxue Feng PROPOSAL
Ashley J FigeroaFranceIvan Magalhaes PROPOSAL
Silvio V MarrierBrazilElwin Sharvill PROPOSAL
Wickens V RimArgentinaAnna Fali PROPOSAL
Frozen Columns
Name
Mujtaba N Bowley
Faith H Figeroa
Stacey A Glick
Silvio I Kolmetz
Aditya B Darakjy
Adams Z Perin
Wickens C Tollner
Stacey V Vocelka
Stacey M Stockham
Ashley E Nicka
Isabel L Bolognia
Morrow D Iturbide
Rodrigues F Caudy
Jennifer W Flosi
Juan I Royster
Maria D Paprocki
Ashley R Rulapaugh
Ivar Z Rim
Munro T Slusarski
Jeanfrancois K Oldroyd
Maisha U Ruta
David C Briddick
Morrow Y Wieser
Stacey N Darakjy
Jeanfrancois Q Nestle
Darci D Vocelka
Emily S Briddick
Johnson X Sergi
Claire F Chui
Rodrigues C Saylors
James B Royster
Costa N Vocelka
Ashley H Venere
Misaki R Nestle
Sinclair P Schemmer
Aika M Butt
Chavez V Whobrey
Izzy N Schemmer
Ashley U Briddick
David C Darakjy
Faith G Malet
Greenwood G Caudy
Mujtaba U Malet
Ivar C Iturbide
Ashley G Perin
Kadeem H Saylors
Julie I Campain
Mayumi L Waycott
Johnson G Amigon
Murillo J Campain
IdCountryDate
1000France2025-04-11
1001Japan2025-04-27
1002India2025-04-03
1003Germany2025-04-16
1004Germany2025-04-24
1005Canada2025-04-20
1006Spain2025-04-07
1007Australia2025-04-13
1008India2025-04-21
1009Japan2025-04-03
1010France2025-04-18
1011Argentina2025-04-17
1012Brazil2025-04-23
1013Germany2025-04-21
1014United Kingdom2025-04-07
1015Argentina2025-04-21
1016Spain2025-04-18
1017India2025-04-19
1018Brazil2025-04-18
1019Brazil2025-04-03
1020Germany2025-04-21
1021Japan2025-04-02
1022Russia2025-04-08
1023Spain2025-04-09
1024Spain2025-04-13
1025Russia2025-04-22
1026Argentina2025-04-01
1027Brazil2025-04-08
1028Australia2025-04-02
1029Japan2025-04-02
1030Russia2025-04-14
1031United Kingdom2025-04-22
1032Brazil2025-04-21
1033Argentina2025-04-23
1034Russia2025-04-30
1035Spain2025-04-22
1036India2025-04-09
1037France2025-04-04
1038Argentina2025-04-03
1039Canada2025-04-26
1040Russia2025-04-26
1041Brazil2025-04-18
1042France2025-04-15
1043Germany2025-04-27
1044Italy2025-04-21
1045Russia2025-04-19
1046Japan2025-04-27
1047Brazil2025-04-09
1048France2025-04-03
1049France2025-04-09

On-Demand Data

NameIdCountryDate
James S Venere1000Japan2025-04-14
Leon K Amigon1001Japan2025-04-15
Antonio G Tollner1002Russia2025-04-23
Morrow S Albares1003Argentina2025-04-04
Ivar I Stenseth1004Japan2025-04-22
Aika Q Briddick1005India2025-04-25
Jeanfrancois Y Campain1006Brazil2025-04-21
Murillo A Kusko1007Japan2025-04-09
Mujtaba S Rulapaugh1008Canada2025-04-11
Claire C Darakjy1009Argentina2025-04-28
Stacey A Kusko1010Argentina2025-04-23
Jennifer N Darakjy1011Argentina2025-04-20
Stacey J Bowley1012Canada2025-04-14
Isabel S Glick1013United Kingdom2025-04-06
Emily N Albares1014Canada2025-04-21
Clifford W Marrier1015Russia2025-04-25
Cody D Marrier1016Spain2025-04-27
Aruna N Stockham1017Germany2025-04-27
Ricardo A Ostrosky1018United Kingdom2025-04-10
Jones Q Rulapaugh1019United Kingdom2025-04-10
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jones D NestleJapanStephen Shaw QUALIFIED
Wickens P IturbideUnited KingdomAsiya Javayant UNQUALIFIED
Julie F DoeIndiaAmy Elsner PROPOSAL
Antonio K GlickIndiaStephen Shaw QUALIFIED
Antonio E WhobreyItalyElwin Sharvill QUALIFIED
Francesco F AlbaresBrazilIvan Magalhaes NEW
Francesco K DarakjyUnited KingdomXuxue Feng NEGOTIATION
Rodrigues A InouyeArgentinaStephen Shaw NEGOTIATION
Arvin U StensethIndiaElwin Sharvill RENEWAL
Leja J GarufiCanadaStephen Shaw NEGOTIATION
Mayumi Y CaudyRussiaIvan Magalhaes RENEWAL
Cody E MorascaIndiaXuxue Feng UNQUALIFIED
Sinclair E WaycottRussiaAsiya Javayant UNQUALIFIED
Ricardo Q DarakjyGermanyXuxue Feng NEGOTIATION
Maria N BologniaRussiaElwin Sharvill NEW
Claire A BowleyUnited KingdomIoni Bowcher UNQUALIFIED
Wickens D ShinkoUnited KingdomBernardo Dominic NEW
Nicolas H DoeBrazilIoni Bowcher NEW
Mujtaba S CampainCanadaAnna Fali NEW
Alejandro P RutaAustraliaStephen Shaw QUALIFIED
James T TollnerFranceIoni Bowcher NEW
Alejandro H InouyeItalyOnyama Limba QUALIFIED
Salvatore T DilliardItalyStephen Shaw PROPOSAL
Leon C TollnerCanadaIoni Bowcher NEW
Claire A TollnerIndiaAmy Elsner PROPOSAL
Adams V RulapaughBrazilIoni Bowcher RENEWAL
Morrow D SergiCanadaAsiya Javayant NEW
Clifford W OldroydRussiaXuxue Feng NEW
Nicolas E GlickFranceXuxue Feng NEGOTIATION
Morrow X SlusarskiGermanyXuxue Feng PROPOSAL
Jefferson K PerinItalyStephen Shaw NEGOTIATION
Kaitlin G MarrierIndiaAmy Elsner RENEWAL
Nicolas I VocelkaArgentinaStephen Shaw UNQUALIFIED
Costa X OldroydFranceAsiya Javayant PROPOSAL
Mayumi X WhobreyAustraliaAsiya Javayant RENEWAL
Aditya E StensethAustraliaXuxue Feng UNQUALIFIED
Silvio J StockhamItalyOnyama Limba QUALIFIED
Mayumi H RutaBrazilStephen Shaw NEGOTIATION
Ashley S FigeroaIndiaStephen Shaw UNQUALIFIED
Isabel P TollnerGermanyAmy Elsner QUALIFIED

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