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 S MorascaFranceAnna Fali RENEWAL
Ivar Z WhobreyArgentinaOnyama Limba NEGOTIATION
Julie Q KuskoArgentinaXuxue Feng RENEWAL
Antonio T BologniaSpainIoni Bowcher NEGOTIATION
Izzy I BologniaArgentinaStephen Shaw QUALIFIED
Misaki U MacleadCanadaXuxue Feng RENEWAL
Nicolas I KolmetzSpainXuxue Feng PROPOSAL
Adams F RutaJapanIoni Bowcher PROPOSAL
Ivar N DilliardCanadaBernardo Dominic PROPOSAL
Wickens K TollnerSpainAsiya Javayant NEGOTIATION
Izzy S OldroydAustraliaStephen Shaw UNQUALIFIED
Johnson U NestleCanadaIoni Bowcher PROPOSAL
Deepesh G KolmetzGermanyXuxue Feng RENEWAL
Aruna R ChuiFranceAsiya Javayant NEW
Aditya V BowleySpainIvan Magalhaes PROPOSAL
Mujtaba F DoeUnited KingdomAmy Elsner NEGOTIATION
Clifford E SaylorsSpainIvan Magalhaes NEGOTIATION
Faith R ChuiUnited KingdomXuxue Feng PROPOSAL
Greenwood V RulapaughGermanyAsiya Javayant PROPOSAL
Smith A ShinkoSpainIvan Magalhaes NEW
Kadeem T RutaRussiaBernardo Dominic NEGOTIATION
Salvatore L PerinGermanyXuxue Feng RENEWAL
Jeanfrancois I CaldareraArgentinaOnyama Limba UNQUALIFIED
Smith L KuskoItalyIvan Magalhaes NEGOTIATION
Octavia Z RoysterFranceAmy Elsner PROPOSAL
Clifford L SergiCanadaIvan Magalhaes NEGOTIATION
Juan R ButtCanadaOnyama Limba NEW
Mayumi Y SlusarskiCanadaElwin Sharvill PROPOSAL
Kadeem K GlickRussiaBernardo Dominic PROPOSAL
Murillo W GarufiUnited KingdomXuxue Feng UNQUALIFIED
Antonio E ButtItalyAnna Fali NEW
Tony I CampainItalyAsiya Javayant NEGOTIATION
Silvio D GillianSpainXuxue Feng RENEWAL
Juan M PaprockiFranceIvan Magalhaes NEW
Stacey Z VenereRussiaAmy Elsner PROPOSAL
Johnson Z SaylorsCanadaBernardo Dominic RENEWAL
Aruna H BowleyFranceBernardo Dominic NEGOTIATION
Kadeem O MaletItalyIvan Magalhaes UNQUALIFIED
Antonio T VenereRussiaXuxue Feng RENEWAL
Smith H NestleUnited KingdomAsiya Javayant UNQUALIFIED
Chavez D FlosiBrazilAnna Fali NEW
Claire D ButtCanadaAsiya Javayant PROPOSAL
Maisha I DilliardUnited KingdomAnna Fali NEW
Deepesh E PoquetteUnited KingdomIvan Magalhaes RENEWAL
Jennifer F DilliardGermanyIoni Bowcher NEGOTIATION
Izzy E SergiBrazilAmy Elsner RENEWAL
Rodrigues O InouyeGermanyAnna Fali PROPOSAL
Deepesh E KolmetzRussiaXuxue Feng QUALIFIED
Leja B FlosiItalyIvan Magalhaes NEW
Jennifer P SchemmerAustraliaXuxue Feng NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Misaki O WieserFranceStephen Shaw QUALIFIED
Wickens W RoysterSpainElwin Sharvill PROPOSAL
Mayumi Z SergiItalyAnna Fali NEGOTIATION
Sinclair E VocelkaGermanyStephen Shaw QUALIFIED
Johnson E CampainBrazilStephen Shaw UNQUALIFIED
Clifford T RutaBrazilOnyama Limba UNQUALIFIED
Sinclair X VocelkaBrazilStephen Shaw RENEWAL
Leon X RoysterGermanyAsiya Javayant PROPOSAL
Isabel Z VenereFranceAnna Fali UNQUALIFIED
Johnson K CampainUnited KingdomIoni Bowcher RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Smith W ShinkoJapan2024-08-31Truhlar And Truhlar Attys RENEWAL90Anna Fali
1001Sinclair V ChuiGermany2024-08-29Feiner Bros QUALIFIED90Ivan Magalhaes
1002Jeanfrancois O BriddickSpain2024-09-19Commercial Press NEW65Stephen Shaw
1003Munro C SchemmerCanada2024-09-07Feltz Printing Service PROPOSAL42Xuxue Feng
1004Arvin Q RutaCanada2024-08-29Buckley Miller Wright PROPOSAL91Asiya Javayant
1005Stacey R WaycottFrance2024-09-24Printing Dimensions NEW87Elwin Sharvill
1006Julie C MorascaArgentina2024-09-24Feiner Bros RENEWAL5Anna Fali
1007Francesco W KolmetzUnited Kingdom2024-09-14Rangoni Of Florence NEGOTIATION84Bernardo Dominic
1008Nicolas D TollnerAustralia2024-09-21Chemel, James L Cpa QUALIFIED37Elwin Sharvill
1009Greenwood A BowleyUnited Kingdom2024-09-21Buckley Miller Wright UNQUALIFIED88Ivan Magalhaes
1010Darci Z FollerJapan2024-09-20Dorl, James J Esq RENEWAL73Stephen Shaw
1011Kadeem T FollerItaly2024-09-23Rangoni Of Florence NEGOTIATION85Ivan Magalhaes
1012Juan E DilliardFrance2024-09-24Feiner Bros RENEWAL66Bernardo Dominic
1013Adams N KuskoBrazil2024-09-10Buckley Miller Wright RENEWAL90Ioni Bowcher
1014Alejandro T WaycottUnited Kingdom2024-09-10Printing Dimensions NEW8Xuxue Feng
1015Jones E MaletRussia2024-08-27Printing Dimensions NEGOTIATION2Ioni Bowcher
1016Morrow T ButtAustralia2024-09-15Buckley Miller Wright NEW9Ioni Bowcher
1017Julie Y RulapaughJapan2024-09-24Chemel, James L Cpa UNQUALIFIED97Elwin Sharvill
1018Ashley Z NestleAustralia2024-09-04Chemel, James L Cpa UNQUALIFIED36Xuxue Feng
1019Nicolas B MaletSpain2024-09-07Printing Dimensions RENEWAL96Ivan Magalhaes
1020Ashley U SchemmerAustralia2024-09-10Truhlar And Truhlar Attys RENEWAL8Ivan Magalhaes
1021Deepesh D OstroskyAustralia2024-09-19Chanay, Jeffrey A Esq NEW31Ioni Bowcher
1022Juan M BowleyItaly2024-08-30Dorl, James J Esq QUALIFIED54Ivan Magalhaes
1023Leja B DoeIndia2024-08-31King, Christopher A Esq UNQUALIFIED90Stephen Shaw
1024Francesco X DoeBrazil2024-09-01Dorl, James J Esq NEW52Ivan Magalhaes
1025Wickens G PoquetteRussia2024-09-22King, Christopher A Esq UNQUALIFIED53Onyama Limba
1026Adams X RoysterItaly2024-09-02Buckley Miller Wright QUALIFIED12Asiya Javayant
1027Costa I TollnerRussia2024-09-15Feltz Printing Service UNQUALIFIED61Elwin Sharvill
1028Rodrigues I OldroydCanada2024-08-29Feiner Bros UNQUALIFIED22Bernardo Dominic
1029Isabel K ChuiArgentina2024-09-19Rousseaux, Michael Esq RENEWAL98Anna Fali
1030Nicolas Y ButtBrazil2024-09-22Truhlar And Truhlar Attys RENEWAL80Ioni Bowcher
1031Adams R BowleyCanada2024-09-05Truhlar And Truhlar Attys QUALIFIED9Xuxue Feng
1032Tony E SaylorsItaly2024-09-08Chapman, Ross E Esq RENEWAL44Stephen Shaw
1033James A OstroskySpain2024-09-05Benton, John B Jr RENEWAL44Ivan Magalhaes
1034Smith G SlusarskiJapan2024-09-05Commercial Press NEW8Onyama Limba
1035Leon V NestleIndia2024-09-21Buckley Miller Wright QUALIFIED91Amy Elsner
1036Leon L ChuiArgentina2024-09-17Feltz Printing Service NEW81Ioni Bowcher
1037Kaitlin L ButtFrance2024-09-12Buckley Miller Wright QUALIFIED19Ioni Bowcher
1038Aruna W GarufiSpain2024-08-27Rangoni Of Florence UNQUALIFIED63Bernardo Dominic
1039Clifford A CaldareraAustralia2024-09-21Chanay, Jeffrey A Esq QUALIFIED68Asiya Javayant
1040Wickens B DoeGermany2024-09-15Commercial Press NEGOTIATION34Anna Fali
1041Aika C IturbideJapan2024-09-23Chapman, Ross E Esq UNQUALIFIED97Ivan Magalhaes
1042Juan A SergiCanada2024-09-06Rangoni Of Florence NEGOTIATION91Elwin Sharvill
1043Aika M NickaFrance2024-09-02Truhlar And Truhlar Attys NEW76Onyama Limba
1044Claire C PoquetteIndia2024-09-19Feiner Bros NEW38Ivan Magalhaes
1045Julie V BriddickCanada2024-09-23Morlong Associates NEW81Anna Fali
1046Jennifer X GillianGermany2024-09-09Benton, John B Jr NEW54Ivan Magalhaes
1047Stacey N GauchoIndia2024-09-07Feltz Printing Service RENEWAL46Ivan Magalhaes
1048Chavez F RulapaughGermany2024-09-23Chemel, James L Cpa RENEWAL34Xuxue Feng
1049Ashley D BowleyCanada2024-09-16Rousseaux, Michael Esq UNQUALIFIED33Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Darci U WieserCanadaIoni Bowcher NEGOTIATION
Aika H RoysterSpainXuxue Feng NEGOTIATION
Isabel I FlosiSpainOnyama Limba NEGOTIATION
Ivar A NestleRussiaBernardo Dominic UNQUALIFIED
Ashley E BowleyFranceOnyama Limba NEW
Francesco H DilliardUnited KingdomAsiya Javayant UNQUALIFIED
Jennifer B FerenczGermanyIoni Bowcher UNQUALIFIED
Julie O VenereBrazilAnna Fali PROPOSAL
Smith T OldroydItalyXuxue Feng NEW
Sinclair B CampainArgentinaAsiya Javayant NEGOTIATION
Izzy P SaylorsJapanIoni Bowcher NEW
Ivar D KuskoAustraliaElwin Sharvill QUALIFIED
Octavia K SlusarskiUnited KingdomIoni Bowcher NEGOTIATION
Antonio Y VenereBrazilAmy Elsner QUALIFIED
Faith K SergiSpainAsiya Javayant NEW
Misaki M NestleItalyBernardo Dominic NEGOTIATION
Deepesh B GauchoAustraliaBernardo Dominic RENEWAL
Aruna V BriddickCanadaIoni Bowcher PROPOSAL
Salvatore C FerenczArgentinaStephen Shaw QUALIFIED
Stacey S BowleyBrazilOnyama Limba NEW
Leon M WieserJapanAmy Elsner NEW
Mayumi M NickaBrazilXuxue Feng PROPOSAL
Costa Y WieserIndiaAmy Elsner QUALIFIED
Emily X DarakjyJapanAsiya Javayant NEGOTIATION
Stacey I GlickUnited KingdomBernardo Dominic NEGOTIATION
Isabel B MorascaUnited KingdomOnyama Limba PROPOSAL
Chavez J MaletItalyAnna Fali RENEWAL
David Z IturbideItalyBernardo Dominic NEW
Arvin L MarrierAustraliaStephen Shaw UNQUALIFIED
Johnson P DoeBrazilOnyama Limba PROPOSAL
Tony G GauchoArgentinaAmy Elsner UNQUALIFIED
Maria Y IturbideGermanyAsiya Javayant PROPOSAL
Cody Y DoeSpainOnyama Limba NEGOTIATION
Chavez C BowleyArgentinaAsiya Javayant PROPOSAL
Antonio Z MarrierFranceAsiya Javayant UNQUALIFIED
Stacey N RutaSpainStephen Shaw NEW
Maria P OstroskyCanadaAmy Elsner RENEWAL
Emily N MaletSpainAsiya Javayant NEGOTIATION
Tony Z GarufiIndiaStephen Shaw QUALIFIED
Alejandro G FigeroaRussiaStephen Shaw RENEWAL
Ricardo M FigeroaItalyXuxue Feng QUALIFIED
Izzy C GauchoArgentinaAnna Fali QUALIFIED
Murillo L VocelkaIndiaIoni Bowcher PROPOSAL
Wickens G WaycottJapanOnyama Limba PROPOSAL
Deepesh M MorascaGermanyOnyama Limba PROPOSAL
Mujtaba F WhobreyGermanyAnna Fali PROPOSAL
Morrow H WaycottCanadaAnna Fali QUALIFIED
Silvio G BowleyBrazilStephen Shaw NEGOTIATION
Jeanfrancois I SchemmerCanadaOnyama Limba PROPOSAL
Faith A NickaBrazilIoni Bowcher RENEWAL
Frozen Columns
Name
Maria X Sergi
Munro J Stenseth
Jeanfrancois J Royster
Francesco H Vocelka
Munro Q Royster
Maisha D Bowley
Johnson B Whobrey
Izzy N Shinko
Juan W Amigon
Jefferson H Tollner
Greenwood W Albares
Antonio W Bolognia
Salvatore X Dilliard
Francesco N Morasca
Isabel R Kolmetz
Clifford W Paprocki
Isabel B Malet
Juan R Albares
Silvio I Malet
Julie L Inouye
Kadeem S Campain
Arvin E Glick
Alejandro R Doe
Jeanfrancois X Bowley
Juan G Ostrosky
David O Chui
Alejandro J Whobrey
Smith U Tollner
Jones B Flosi
Mujtaba S Kolmetz
Leon U Kolmetz
Alejandro F Caldarera
Murillo R Wieser
Jennifer R Paprocki
Mayumi K Slusarski
Ashley W Doe
Rodrigues G Rim
Aditya I Gaucho
Francesco S Marrier
Chavez F Whobrey
David Q Caudy
Deepesh T Amigon
Cody L Caudy
Greenwood G Ruta
Faith V Gaucho
Jennifer G Chui
Johnson K Stockham
Aditya W Ruta
Mayumi I Campain
Adams B Stockham
IdCountryDate
1000France2024-09-02
1001Australia2024-09-02
1002Germany2024-09-16
1003Germany2024-09-24
1004Italy2024-09-06
1005United Kingdom2024-09-13
1006France2024-09-15
1007Spain2024-08-29
1008India2024-09-05
1009Brazil2024-09-05
1010Spain2024-09-07
1011Russia2024-09-14
1012Canada2024-09-09
1013Canada2024-09-16
1014Argentina2024-09-04
1015India2024-09-04
1016Spain2024-09-19
1017Brazil2024-09-16
1018Germany2024-09-19
1019France2024-09-04
1020Brazil2024-09-03
1021France2024-09-11
1022United Kingdom2024-09-22
1023India2024-09-20
1024Argentina2024-08-31
1025Italy2024-09-12
1026United Kingdom2024-09-05
1027France2024-09-23
1028Japan2024-09-11
1029Russia2024-08-30
1030United Kingdom2024-08-30
1031Spain2024-09-09
1032Brazil2024-09-21
1033Brazil2024-09-16
1034United Kingdom2024-09-13
1035Spain2024-09-14
1036Japan2024-09-08
1037Russia2024-09-13
1038France2024-09-22
1039Germany2024-09-17
1040United Kingdom2024-09-10
1041Japan2024-09-18
1042Russia2024-09-15
1043Argentina2024-09-20
1044Japan2024-09-06
1045Brazil2024-09-12
1046Argentina2024-08-27
1047United Kingdom2024-09-10
1048Japan2024-09-07
1049Brazil2024-09-17

On-Demand Data

NameIdCountryDate
Silvio R Darakjy1000United Kingdom2024-09-18
Aruna H Doe1001India2024-08-27
Ashley P Doe1002Spain2024-09-20
Johnson C Vocelka1003France2024-09-22
Maisha W Maclead1004Japan2024-09-24
David Y Nestle1005Japan2024-09-02
Wickens H Venere1006India2024-09-11
Nicolas C Oldroyd1007Japan2024-09-19
Kadeem C Darakjy1008Italy2024-09-23
Leon C Ostrosky1009Italy2024-09-05
Francesco W Perin1010Australia2024-09-05
Silvio A Malet1011Italy2024-09-24
Wickens V Amigon1012France2024-09-02
Ricardo X Tollner1013India2024-09-05
Maisha I Gaucho1014India2024-09-06
Rodrigues L Whobrey1015Australia2024-09-12
Mayumi H Rim1016Canada2024-09-07
Morrow O Paprocki1017France2024-08-28
Emily J Gillian1018Germany2024-09-03
Chavez M Inouye1019Italy2024-09-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Adams C KuskoFranceElwin Sharvill QUALIFIED
Darci W SchemmerCanadaXuxue Feng QUALIFIED
Arvin D TollnerJapanIoni Bowcher QUALIFIED
Francesco M MarrierFranceXuxue Feng RENEWAL
Aruna G PaprockiGermanyOnyama Limba NEW
Maisha D VenereAustraliaAmy Elsner NEW
Isabel W MacleadIndiaStephen Shaw QUALIFIED
Greenwood W KuskoUnited KingdomOnyama Limba RENEWAL
Faith I BowleySpainOnyama Limba UNQUALIFIED
Octavia I DilliardUnited KingdomBernardo Dominic NEGOTIATION
Jennifer G PaprockiItalyXuxue Feng PROPOSAL
Leon L KolmetzGermanyAnna Fali QUALIFIED
Julie G FigeroaBrazilAsiya Javayant QUALIFIED
Murillo T InouyeBrazilStephen Shaw UNQUALIFIED
James P TollnerJapanElwin Sharvill RENEWAL
Jefferson T FigeroaArgentinaStephen Shaw PROPOSAL
Arvin Z BowleyFranceAmy Elsner NEW
Munro C VenereAustraliaXuxue Feng PROPOSAL
David A StockhamGermanyAsiya Javayant UNQUALIFIED
Antonio X CaldareraCanadaElwin Sharvill RENEWAL
Ashley F BowleyBrazilAnna Fali NEGOTIATION
Stacey W CaudyRussiaBernardo Dominic NEGOTIATION
Alejandro C ChuiSpainXuxue Feng NEW
Smith M MaletIndiaIvan Magalhaes UNQUALIFIED
Kadeem Z StensethCanadaOnyama Limba UNQUALIFIED
Wickens A MaletCanadaBernardo Dominic PROPOSAL
Jefferson X SlusarskiBrazilAsiya Javayant UNQUALIFIED
Aditya S SchemmerFranceAmy Elsner UNQUALIFIED
Smith A RulapaughBrazilAmy Elsner NEGOTIATION
Ivar Q DilliardUnited KingdomStephen Shaw NEGOTIATION
Jennifer W AlbaresArgentinaAmy Elsner PROPOSAL
Rodrigues B MacleadJapanAmy Elsner UNQUALIFIED
Misaki C NestleAustraliaAmy Elsner NEW
Sinclair Y RutaItalyAmy Elsner PROPOSAL
Tony Y FlosiAustraliaXuxue Feng QUALIFIED
Claire E OldroydGermanyStephen Shaw QUALIFIED
Leja R TollnerRussiaOnyama Limba QUALIFIED
Tony H MorascaArgentinaIoni Bowcher PROPOSAL
Morrow I TollnerSpainAnna Fali NEW
Kadeem P DarakjyIndiaBernardo Dominic PROPOSAL

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