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
Darci A StensethJapanAsiya Javayant NEGOTIATION
Greenwood B FlosiJapanXuxue Feng RENEWAL
Smith U MacleadFranceIoni Bowcher NEGOTIATION
Wickens N NestleGermanyStephen Shaw NEGOTIATION
Leon P FigeroaItalyXuxue Feng NEW
Clifford Y ButtRussiaIoni Bowcher PROPOSAL
Deepesh F TollnerBrazilElwin Sharvill RENEWAL
Leja C NestleArgentinaOnyama Limba NEW
Silvio S GarufiItalyAnna Fali QUALIFIED
Isabel D KolmetzUnited KingdomIoni Bowcher NEGOTIATION
Antonio G GauchoAustraliaAnna Fali RENEWAL
Jeanfrancois F BriddickCanadaAsiya Javayant NEGOTIATION
Octavia E BowleyJapanElwin Sharvill UNQUALIFIED
Jones B DarakjySpainIoni Bowcher QUALIFIED
Jeanfrancois E ButtCanadaOnyama Limba PROPOSAL
Aika A GlickGermanyOnyama Limba UNQUALIFIED
Munro K SaylorsCanadaElwin Sharvill NEW
Antonio Y MaletJapanAmy Elsner QUALIFIED
Juan U AlbaresItalyBernardo Dominic PROPOSAL
Silvio G GarufiUnited KingdomAnna Fali PROPOSAL
Murillo Z RulapaughJapanIvan Magalhaes UNQUALIFIED
Claire N TollnerCanadaBernardo Dominic RENEWAL
David V RutaRussiaAsiya Javayant QUALIFIED
Sinclair B NestleAustraliaBernardo Dominic QUALIFIED
Misaki J DoeGermanyXuxue Feng QUALIFIED
Chavez Y OldroydAustraliaAnna Fali NEGOTIATION
Rodrigues H ShinkoSpainAmy Elsner NEGOTIATION
Aditya F FigeroaJapanAmy Elsner UNQUALIFIED
Aruna F MaletCanadaAsiya Javayant UNQUALIFIED
Munro V AmigonArgentinaAmy Elsner QUALIFIED
Wickens W StensethFranceOnyama Limba QUALIFIED
Kaitlin J KolmetzBrazilElwin Sharvill RENEWAL
Jefferson X ButtUnited KingdomOnyama Limba PROPOSAL
Rodrigues V GarufiRussiaIvan Magalhaes NEW
Tony I GauchoIndiaAmy Elsner UNQUALIFIED
Mayumi R BologniaAustraliaBernardo Dominic QUALIFIED
Francesco P GauchoJapanStephen Shaw PROPOSAL
Jeanfrancois B InouyeUnited KingdomAsiya Javayant UNQUALIFIED
Nicolas A MorascaFranceAnna Fali NEGOTIATION
Maria J DilliardCanadaAmy Elsner PROPOSAL
Clifford W PerinFranceIoni Bowcher NEW
Julie P WhobreyIndiaElwin Sharvill NEGOTIATION
Leon Y VenereArgentinaElwin Sharvill RENEWAL
Stacey Z BowleyCanadaAnna Fali RENEWAL
Jefferson T BowleyFranceAsiya Javayant PROPOSAL
Mayumi W MorascaUnited KingdomAnna Fali NEW
Ricardo T FlosiCanadaXuxue Feng NEGOTIATION
Emily Y GauchoItalyElwin Sharvill NEGOTIATION
Deepesh S MorascaSpainStephen Shaw PROPOSAL
Aruna I GlickBrazilElwin Sharvill QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Munro L GarufiGermanyBernardo Dominic NEGOTIATION
Francesco Q DoeUnited KingdomAmy Elsner QUALIFIED
Kaitlin C RutaRussiaIvan Magalhaes NEGOTIATION
Smith G RutaGermanyIvan Magalhaes UNQUALIFIED
Stacey X FlosiGermanyXuxue Feng UNQUALIFIED
Ivar O BriddickUnited KingdomAsiya Javayant QUALIFIED
Mayumi C VocelkaGermanyAmy Elsner NEGOTIATION
Leja W GarufiJapanOnyama Limba RENEWAL
Faith C SergiAustraliaAnna Fali NEW
Silvio C KolmetzSpainAmy Elsner NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ashley N FigeroaArgentina2025-04-10King, Christopher A Esq NEGOTIATION7Stephen Shaw
1001Arvin U IturbideJapan2025-05-01Chemel, James L Cpa UNQUALIFIED14Elwin Sharvill
1002Deepesh B CaldareraAustralia2025-04-09Commercial Press NEGOTIATION86Ivan Magalhaes
1003Johnson M AmigonRussia2025-04-16Benton, John B Jr NEW69Onyama Limba
1004Kaitlin O MaletAustralia2025-04-22Printing Dimensions RENEWAL28Ivan Magalhaes
1005Johnson T GlickItaly2025-04-17Buckley Miller Wright RENEWAL59Xuxue Feng
1006Jeanfrancois B RimJapan2025-04-06Chapman, Ross E Esq UNQUALIFIED27Anna Fali
1007Alejandro D DarakjyGermany2025-04-06Commercial Press RENEWAL71Elwin Sharvill
1008Jones M InouyeSpain2025-04-14Truhlar And Truhlar Attys UNQUALIFIED87Elwin Sharvill
1009Maria R RulapaughRussia2025-04-10Feiner Bros UNQUALIFIED94Bernardo Dominic
1010Aruna Z MarrierUnited Kingdom2025-04-19Benton, John B Jr QUALIFIED36Anna Fali
1011Sinclair D CampainRussia2025-04-09Truhlar And Truhlar Attys UNQUALIFIED10Stephen Shaw
1012Ricardo H WhobreyCanada2025-04-06Printing Dimensions PROPOSAL71Anna Fali
1013David P GauchoJapan2025-04-21Chapman, Ross E Esq PROPOSAL78Ivan Magalhaes
1014Maria E BriddickRussia2025-04-24Dorl, James J Esq NEGOTIATION16Onyama Limba
1015Izzy U GillianItaly2025-04-18Feltz Printing Service UNQUALIFIED4Ioni Bowcher
1016Jeanfrancois Q TollnerIndia2025-04-29Chanay, Jeffrey A Esq NEW69Xuxue Feng
1017Murillo U MacleadCanada2025-04-24Commercial Press NEGOTIATION92Asiya Javayant
1018Costa B RutaJapan2025-04-29Chemel, James L Cpa UNQUALIFIED47Anna Fali
1019Maria V TollnerFrance2025-04-19Rousseaux, Michael Esq PROPOSAL43Amy Elsner
1020Chavez E AlbaresIndia2025-04-17King, Christopher A Esq NEW32Anna Fali
1021Aika A AmigonJapan2025-04-14Rangoni Of Florence NEW98Stephen Shaw
1022Tony T FigeroaAustralia2025-04-15Buckley Miller Wright PROPOSAL0Xuxue Feng
1023Chavez Y KuskoFrance2025-04-18Truhlar And Truhlar Attys NEGOTIATION84Asiya Javayant
1024David G FlosiFrance2025-04-21Dorl, James J Esq NEGOTIATION47Elwin Sharvill
1025Ashley I DarakjySpain2025-04-14Chapman, Ross E Esq NEW59Elwin Sharvill
1026Jefferson L DilliardItaly2025-04-29Feiner Bros NEW9Anna Fali
1027Juan I TollnerFrance2025-04-26Dorl, James J Esq PROPOSAL34Ioni Bowcher
1028Claire J MorascaRussia2025-04-09Benton, John B Jr PROPOSAL2Anna Fali
1029Mujtaba O ShinkoItaly2025-04-20Dorl, James J Esq QUALIFIED12Stephen Shaw
1030Mujtaba E MaletUnited Kingdom2025-04-19Feltz Printing Service NEW58Stephen Shaw
1031Izzy Q GarufiRussia2025-04-29Benton, John B Jr NEGOTIATION51Ioni Bowcher
1032Maria V PoquetteBrazil2025-04-09Benton, John B Jr RENEWAL48Ivan Magalhaes
1033Aruna P BriddickAustralia2025-04-13Dorl, James J Esq QUALIFIED66Ivan Magalhaes
1034Sinclair R TollnerJapan2025-04-14Printing Dimensions NEGOTIATION74Amy Elsner
1035Sinclair T GarufiCanada2025-04-02Rousseaux, Michael Esq RENEWAL86Bernardo Dominic
1036Faith W VocelkaAustralia2025-04-02King, Christopher A Esq QUALIFIED14Ivan Magalhaes
1037Wickens T RutaIndia2025-04-11Morlong Associates RENEWAL5Onyama Limba
1038Octavia G CampainAustralia2025-04-28Chapman, Ross E Esq QUALIFIED73Anna Fali
1039Faith T FollerGermany2025-04-18King, Christopher A Esq RENEWAL5Bernardo Dominic
1040Silvio N SlusarskiUnited Kingdom2025-04-29Feiner Bros NEW33Stephen Shaw
1041Aditya L SlusarskiArgentina2025-04-24Dorl, James J Esq RENEWAL89Elwin Sharvill
1042Clifford Z VocelkaArgentina2025-04-17Chemel, James L Cpa UNQUALIFIED66Bernardo Dominic
1043Mayumi S CaudyIndia2025-04-22Chapman, Ross E Esq NEW84Onyama Limba
1044Jefferson E ShinkoItaly2025-04-16King, Christopher A Esq UNQUALIFIED11Ivan Magalhaes
1045Morrow U MaletJapan2025-05-01Commercial Press UNQUALIFIED71Ioni Bowcher
1046Mayumi P RoysterItaly2025-04-23Feiner Bros RENEWAL22Ivan Magalhaes
1047Jeanfrancois T StensethGermany2025-04-07Benton, John B Jr UNQUALIFIED8Ivan Magalhaes
1048David C GillianArgentina2025-04-13Printing Dimensions NEW82Ioni Bowcher
1049Maisha R SlusarskiJapan2025-04-10Feltz Printing Service NEW85Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Maisha B PerinIndiaStephen Shaw NEW
Munro E OstroskySpainAsiya Javayant UNQUALIFIED
Antonio M WhobreyBrazilIvan Magalhaes NEGOTIATION
Misaki W StockhamJapanElwin Sharvill QUALIFIED
Smith U FerenczIndiaOnyama Limba NEW
Ivar L CaldareraRussiaXuxue Feng RENEWAL
Morrow O KuskoRussiaAsiya Javayant QUALIFIED
Claire V KolmetzSpainAnna Fali PROPOSAL
Johnson L PaprockiJapanAmy Elsner PROPOSAL
Leon J FollerUnited KingdomAnna Fali NEGOTIATION
Darci W AlbaresItalyIvan Magalhaes QUALIFIED
Smith Y MaletGermanyAnna Fali RENEWAL
Ivar K FlosiArgentinaOnyama Limba QUALIFIED
Munro U KolmetzItalyOnyama Limba PROPOSAL
Greenwood E DilliardArgentinaAnna Fali UNQUALIFIED
Chavez O IturbideAustraliaAnna Fali NEGOTIATION
Munro B KolmetzRussiaIoni Bowcher NEGOTIATION
Leon N ButtSpainIoni Bowcher NEGOTIATION
Kadeem U SlusarskiCanadaOnyama Limba QUALIFIED
David P AmigonAustraliaIoni Bowcher PROPOSAL
Sinclair D RulapaughArgentinaStephen Shaw QUALIFIED
Antonio I WhobreyArgentinaAmy Elsner UNQUALIFIED
Julie R CaldareraGermanyAnna Fali UNQUALIFIED
Misaki U TollnerIndiaElwin Sharvill UNQUALIFIED
Antonio G MorascaSpainElwin Sharvill RENEWAL
Maisha V CaldareraRussiaOnyama Limba PROPOSAL
Rodrigues X CaudyAustraliaElwin Sharvill QUALIFIED
Ivar M MarrierGermanyStephen Shaw NEW
Ricardo V ChuiJapanAsiya Javayant UNQUALIFIED
Leon S BowleyGermanyStephen Shaw RENEWAL
Jennifer D InouyeUnited KingdomIvan Magalhaes NEGOTIATION
Aditya E CaudyRussiaXuxue Feng NEGOTIATION
Sinclair G FerenczSpainAnna Fali NEGOTIATION
Maria R StensethCanadaXuxue Feng NEGOTIATION
Arvin L FollerRussiaOnyama Limba PROPOSAL
Maisha D VenereFranceStephen Shaw PROPOSAL
Rodrigues H ButtRussiaElwin Sharvill QUALIFIED
Emily X MaletItalyStephen Shaw QUALIFIED
Cody K PerinCanadaOnyama Limba UNQUALIFIED
Claire K DilliardIndiaIvan Magalhaes UNQUALIFIED
Maisha V PoquetteFranceXuxue Feng NEW
Leja F WhobreyCanadaIoni Bowcher RENEWAL
Ivar T DoeItalyIoni Bowcher UNQUALIFIED
Wickens B GarufiFranceIoni Bowcher NEW
Darci G OldroydSpainIvan Magalhaes NEGOTIATION
Cody K WhobreyCanadaAnna Fali RENEWAL
Jennifer I DarakjyItalyStephen Shaw NEW
Nicolas A IturbideArgentinaAsiya Javayant NEGOTIATION
Maria U SchemmerAustraliaBernardo Dominic NEGOTIATION
Julie B FlosiCanadaAmy Elsner NEW
Frozen Columns
Name
Clifford V Albares
Juan L Saylors
Sinclair N Shinko
Salvatore H Stenseth
Maria H Royster
Ivar T Foller
Misaki M Saylors
Aruna Y Caldarera
Julie K Whobrey
Maisha S Malet
Adams I Maclead
Leon E Ruta
Maria O Garufi
Salvatore U Garufi
Izzy P Butt
Misaki A Vocelka
Morrow L Waycott
Leon S Flosi
Rodrigues M Gillian
Octavia W Nicka
David H Campain
Deepesh G Perin
Nicolas O Malet
Munro O Marrier
Munro S Nestle
Stacey N Saylors
Salvatore M Campain
Aika J Whobrey
David B Campain
Morrow S Shinko
Cody I Saylors
Costa L Slusarski
Silvio Q Royster
Jennifer D Glick
Morrow B Tollner
Kadeem C Bolognia
Maria V Sergi
Jefferson Q Figeroa
Leon J Tollner
Silvio E Stockham
James E Ostrosky
Adams M Malet
Silvio V Nicka
Greenwood K Campain
Jennifer L Nestle
Adams M Nestle
Nicolas K Shinko
Maria E Perin
Clifford L Flosi
Ashley A Morasca
IdCountryDate
1000Brazil2025-04-04
1001United Kingdom2025-04-27
1002Australia2025-04-08
1003Russia2025-04-04
1004Russia2025-04-22
1005India2025-04-23
1006Germany2025-04-12
1007Argentina2025-04-08
1008Spain2025-04-19
1009Australia2025-04-09
1010Canada2025-04-23
1011Russia2025-04-08
1012Argentina2025-04-02
1013India2025-04-09
1014Japan2025-04-16
1015Brazil2025-04-28
1016Brazil2025-04-30
1017Japan2025-04-09
1018Italy2025-04-14
1019Japan2025-04-29
1020Japan2025-04-21
1021India2025-04-23
1022Germany2025-04-14
1023Canada2025-04-24
1024Australia2025-04-20
1025France2025-04-10
1026India2025-04-12
1027Argentina2025-04-27
1028Australia2025-04-12
1029France2025-04-15
1030Italy2025-04-13
1031Brazil2025-04-13
1032Italy2025-04-19
1033Canada2025-04-25
1034Argentina2025-04-22
1035Spain2025-04-14
1036Japan2025-04-04
1037Argentina2025-04-09
1038Argentina2025-04-20
1039Italy2025-04-27
1040Russia2025-04-12
1041Italy2025-04-11
1042Italy2025-04-05
1043United Kingdom2025-04-21
1044Italy2025-04-29
1045Japan2025-04-23
1046Brazil2025-04-26
1047Australia2025-04-08
1048Italy2025-04-22
1049France2025-04-05

On-Demand Data

NameIdCountryDate
Greenwood I Inouye1000Germany2025-04-30
Leja M Garufi1001Japan2025-04-09
Jennifer U Albares1002Japan2025-04-02
James H Iturbide1003Italy2025-04-27
Munro J Caudy1004Germany2025-04-20
Cody T Caudy1005Russia2025-04-15
Antonio H Caudy1006Italy2025-05-01
Ivar Y Malet1007Brazil2025-04-08
Ricardo R Flosi1008Russia2025-04-12
Alejandro M Dilliard1009Spain2025-04-26
Faith K Shinko1010Italy2025-04-07
Stacey W Gillian1011Russia2025-04-13
Mayumi N Briddick1012Russia2025-04-29
Juan R Stenseth1013Spain2025-04-17
Adams F Rim1014India2025-04-11
Aruna Z Rim1015Japan2025-04-08
Morrow C Briddick1016Australia2025-04-05
Cody L Caldarera1017Japan2025-04-28
Mujtaba C Albares1018Japan2025-04-06
Sinclair Q Stenseth1019Australia2025-04-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Murillo D RulapaughJapanAsiya Javayant NEW
Aika K ChuiAustraliaElwin Sharvill PROPOSAL
Smith I StensethItalyBernardo Dominic RENEWAL
Salvatore Y ShinkoItalyStephen Shaw NEW
Francesco R WhobreyItalyAnna Fali PROPOSAL
Aditya O GarufiSpainAsiya Javayant QUALIFIED
Ivar B KuskoBrazilAnna Fali NEW
Morrow M KolmetzIndiaElwin Sharvill NEW
Chavez O IturbideAustraliaAnna Fali UNQUALIFIED
Leon L MacleadGermanyAnna Fali UNQUALIFIED
Misaki S OstroskyGermanyIvan Magalhaes RENEWAL
Murillo V MarrierFranceAsiya Javayant QUALIFIED
Arvin F GarufiAustraliaAmy Elsner QUALIFIED
Costa A ChuiRussiaAsiya Javayant QUALIFIED
Cody U FollerSpainIvan Magalhaes NEGOTIATION
Octavia Q StockhamJapanXuxue Feng UNQUALIFIED
Adams Z CaldareraCanadaIoni Bowcher QUALIFIED
Alejandro S DarakjySpainIvan Magalhaes NEW
Munro L DoeSpainStephen Shaw RENEWAL
Adams H WieserAustraliaElwin Sharvill UNQUALIFIED
Nicolas E NickaArgentinaElwin Sharvill NEW
Ashley L MacleadFranceXuxue Feng QUALIFIED
Aditya Z BriddickBrazilStephen Shaw NEGOTIATION
Costa O VenereBrazilOnyama Limba RENEWAL
Cody L GlickRussiaAsiya Javayant UNQUALIFIED
Ricardo U DarakjyArgentinaElwin Sharvill RENEWAL
Morrow I ButtItalyBernardo Dominic PROPOSAL
Deepesh R StockhamFranceAnna Fali NEGOTIATION
Tony O MaletAustraliaStephen Shaw RENEWAL
Cody J MarrierArgentinaAnna Fali NEW
Stacey E AlbaresIndiaStephen Shaw NEGOTIATION
Costa Q VenereRussiaIoni Bowcher QUALIFIED
Costa E DoeFranceAmy Elsner NEW
Maria F DarakjyCanadaXuxue Feng RENEWAL
Johnson J SaylorsGermanyElwin Sharvill NEW
Deepesh V KolmetzAustraliaIoni Bowcher UNQUALIFIED
Chavez B SlusarskiBrazilAmy Elsner NEGOTIATION
Francesco P ShinkoAustraliaAmy Elsner NEW
Antonio L VenereRussiaBernardo Dominic UNQUALIFIED
Alejandro F AlbaresIndiaXuxue Feng 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>