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
Cody H CaldareraRussiaIvan Magalhaes PROPOSAL
Salvatore I InouyeItalyIoni Bowcher UNQUALIFIED
Emily F SchemmerRussiaIoni Bowcher NEW
Ricardo I FerenczJapanBernardo Dominic QUALIFIED
Claire E KuskoArgentinaOnyama Limba PROPOSAL
Maisha E RoysterAustraliaElwin Sharvill UNQUALIFIED
Isabel H TollnerGermanyIvan Magalhaes UNQUALIFIED
Faith E BowleyBrazilXuxue Feng RENEWAL
Claire H WaycottAustraliaAsiya Javayant UNQUALIFIED
Jones J ChuiItalyXuxue Feng NEGOTIATION
Francesco T BowleyGermanyXuxue Feng NEGOTIATION
Greenwood W CampainJapanIoni Bowcher QUALIFIED
Izzy L FerenczBrazilIvan Magalhaes NEGOTIATION
Aruna I GauchoItalyIoni Bowcher PROPOSAL
Jennifer O FlosiJapanIoni Bowcher NEW
Claire B StockhamRussiaElwin Sharvill RENEWAL
Maisha Z CaldareraItalyAmy Elsner QUALIFIED
Adams C VocelkaRussiaAnna Fali QUALIFIED
Octavia Y OldroydJapanAsiya Javayant RENEWAL
Johnson F SergiAustraliaStephen Shaw UNQUALIFIED
Johnson O NickaIndiaIoni Bowcher PROPOSAL
Tony R AlbaresUnited KingdomOnyama Limba NEW
Chavez F IturbideSpainElwin Sharvill RENEWAL
Adams M PaprockiJapanAnna Fali PROPOSAL
Johnson Z StockhamUnited KingdomAsiya Javayant RENEWAL
Kadeem Q MacleadRussiaAsiya Javayant NEW
Octavia W ButtAustraliaIvan Magalhaes RENEWAL
Jeanfrancois C FigeroaUnited KingdomIvan Magalhaes NEW
Ashley U FlosiItalyAmy Elsner NEGOTIATION
Emily T StockhamSpainStephen Shaw NEW
Maisha D StockhamUnited KingdomAmy Elsner RENEWAL
Wickens W RimUnited KingdomAmy Elsner PROPOSAL
Aditya E VocelkaAustraliaAmy Elsner NEGOTIATION
Arvin X GlickUnited KingdomAsiya Javayant NEW
Aruna V PerinRussiaXuxue Feng NEGOTIATION
Octavia W DilliardUnited KingdomIvan Magalhaes RENEWAL
Jefferson X StensethFranceAnna Fali PROPOSAL
Claire T ShinkoBrazilXuxue Feng NEW
Munro R WieserRussiaBernardo Dominic PROPOSAL
James W ShinkoRussiaBernardo Dominic QUALIFIED
Alejandro U DoeUnited KingdomXuxue Feng UNQUALIFIED
Wickens N StockhamUnited KingdomAnna Fali QUALIFIED
Silvio I GarufiUnited KingdomAmy Elsner NEW
Claire G KolmetzArgentinaAnna Fali RENEWAL
James V GillianArgentinaIvan Magalhaes QUALIFIED
Julie U MorascaGermanyIoni Bowcher NEW
Kadeem R InouyeAustraliaIvan Magalhaes PROPOSAL
Cody L DarakjyUnited KingdomIoni Bowcher UNQUALIFIED
Silvio Y WieserArgentinaAmy Elsner PROPOSAL
Antonio U MaletArgentinaOnyama Limba RENEWAL
Horizontal
NameCountryRepresentativeStatus
Smith F InouyeJapanAmy Elsner QUALIFIED
Adams A DarakjySpainBernardo Dominic NEW
Darci W SlusarskiBrazilOnyama Limba QUALIFIED
Julie L DoeCanadaElwin Sharvill NEW
Francesco V StockhamUnited KingdomIoni Bowcher NEGOTIATION
Aruna R GillianSpainXuxue Feng QUALIFIED
Munro L BologniaBrazilXuxue Feng RENEWAL
Jefferson J CaudyGermanyStephen Shaw NEW
Deepesh A NestleCanadaBernardo Dominic QUALIFIED
Ashley A ChuiItalyAnna Fali NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Juan V CaldareraSpain2026-08-09Feltz Printing Service QUALIFIED30Amy Elsner
1001Ivar R BriddickArgentina2026-08-06Chapman, Ross E Esq UNQUALIFIED44Anna Fali
1002Kadeem J IturbideUnited Kingdom2026-08-13Printing Dimensions QUALIFIED82Elwin Sharvill
1003Antonio O RutaRussia2026-08-10Rousseaux, Michael Esq PROPOSAL79Ioni Bowcher
1004Maisha U RutaGermany2026-08-03Rousseaux, Michael Esq NEGOTIATION60Bernardo Dominic
1005Deepesh V NickaJapan2026-08-23Feltz Printing Service PROPOSAL11Ivan Magalhaes
1006Aika F MarrierAustralia2026-08-20Rangoni Of Florence NEGOTIATION45Ivan Magalhaes
1007Kaitlin G FerenczBrazil2026-08-27Chanay, Jeffrey A Esq NEW96Anna Fali
1008David E SlusarskiItaly2026-08-04Chapman, Ross E Esq QUALIFIED30Elwin Sharvill
1009Maria J BowleyRussia2026-08-26Rousseaux, Michael Esq NEW87Asiya Javayant
1010Munro B NickaUnited Kingdom2026-08-03Printing Dimensions NEW82Elwin Sharvill
1011Ivar N AlbaresSpain2026-08-29King, Christopher A Esq NEW29Elwin Sharvill
1012Chavez M IturbideBrazil2026-08-22King, Christopher A Esq UNQUALIFIED49Elwin Sharvill
1013Izzy H GauchoItaly2026-08-16Feltz Printing Service RENEWAL38Ivan Magalhaes
1014Faith Q OstroskyRussia2026-08-20Chemel, James L Cpa NEW48Bernardo Dominic
1015Aruna Q ChuiItaly2026-08-23Rangoni Of Florence RENEWAL72Stephen Shaw
1016Ashley E PoquetteUnited Kingdom2026-08-09Printing Dimensions RENEWAL20Ioni Bowcher
1017Adams L GlickGermany2026-08-11Commercial Press PROPOSAL0Bernardo Dominic
1018Smith J RulapaughBrazil2026-08-27Dorl, James J Esq NEGOTIATION34Anna Fali
1019Johnson D IturbideRussia2026-08-08Chemel, James L Cpa RENEWAL88Stephen Shaw
1020Darci Q VocelkaBrazil2026-08-23Morlong Associates UNQUALIFIED17Onyama Limba
1021Silvio O CaldareraUnited Kingdom2026-08-12Chemel, James L Cpa UNQUALIFIED0Asiya Javayant
1022Johnson V CaldareraJapan2026-08-28Chanay, Jeffrey A Esq NEW87Stephen Shaw
1023Maria K BriddickUnited Kingdom2026-08-24Buckley Miller Wright NEGOTIATION63Anna Fali
1024James A WaycottAustralia2026-08-09Printing Dimensions NEW68Ivan Magalhaes
1025Kaitlin G CaudySpain2026-08-18Dorl, James J Esq QUALIFIED78Ioni Bowcher
1026David I RoysterArgentina2026-08-24Chemel, James L Cpa PROPOSAL97Onyama Limba
1027Mayumi Z RoysterRussia2026-08-05Chanay, Jeffrey A Esq PROPOSAL41Asiya Javayant
1028Rodrigues P DilliardFrance2026-08-11Feiner Bros NEW48Elwin Sharvill
1029Aika S WaycottFrance2026-08-09Feltz Printing Service RENEWAL64Onyama Limba
1030Costa O KolmetzCanada2026-08-25Dorl, James J Esq RENEWAL20Xuxue Feng
1031Tony P DarakjyFrance2026-08-06Rousseaux, Michael Esq NEW4Ivan Magalhaes
1032Francesco I SaylorsItaly2026-08-19Morlong Associates RENEWAL59Asiya Javayant
1033Aditya P MarrierAustralia2026-08-11Feiner Bros QUALIFIED58Bernardo Dominic
1034Sinclair V GauchoGermany2026-08-19Chapman, Ross E Esq NEGOTIATION67Amy Elsner
1035Kaitlin W BologniaJapan2026-07-31Commercial Press QUALIFIED80Anna Fali
1036Francesco G PoquetteCanada2026-08-25Feiner Bros QUALIFIED45Bernardo Dominic
1037Faith P SergiArgentina2026-08-18Commercial Press RENEWAL57Ioni Bowcher
1038Francesco H GlickIndia2026-08-22Printing Dimensions NEW38Xuxue Feng
1039Leon U OldroydItaly2026-07-31Truhlar And Truhlar Attys UNQUALIFIED59Ioni Bowcher
1040Juan R CaudyArgentina2026-08-27Rousseaux, Michael Esq QUALIFIED90Stephen Shaw
1041Wickens D MacleadIndia2026-08-08Dorl, James J Esq NEW16Anna Fali
1042Leja N IturbideCanada2026-08-05Benton, John B Jr PROPOSAL89Amy Elsner
1043Maisha U FerenczRussia2026-08-07Rousseaux, Michael Esq RENEWAL42Onyama Limba
1044Cody K RutaItaly2026-08-17Chemel, James L Cpa QUALIFIED20Elwin Sharvill
1045Ashley R InouyeBrazil2026-08-09Chanay, Jeffrey A Esq PROPOSAL84Asiya Javayant
1046Adams T GarufiBrazil2026-07-31Commercial Press UNQUALIFIED3Ioni Bowcher
1047Rodrigues N KolmetzGermany2026-08-22Buckley Miller Wright RENEWAL12Anna Fali
1048Jefferson J MarrierRussia2026-08-07Commercial Press QUALIFIED6Ivan Magalhaes
1049Jeanfrancois Z DarakjyRussia2026-08-24Dorl, James J Esq RENEWAL89Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Arvin Q VocelkaBrazilXuxue Feng PROPOSAL
Munro D SaylorsIndiaElwin Sharvill NEW
Kaitlin W OstroskyIndiaAnna Fali NEW
Juan Y RoysterGermanyXuxue Feng UNQUALIFIED
Antonio W OstroskyCanadaIvan Magalhaes NEGOTIATION
Tony E CampainFranceBernardo Dominic NEW
Johnson W WaycottBrazilIoni Bowcher QUALIFIED
Francesco Z OstroskySpainStephen Shaw NEGOTIATION
Tony C GarufiFranceAsiya Javayant PROPOSAL
Chavez B StensethAustraliaXuxue Feng NEGOTIATION
Clifford X PaprockiAustraliaBernardo Dominic QUALIFIED
Mayumi U BologniaItalyAnna Fali QUALIFIED
Rodrigues R VocelkaItalyBernardo Dominic PROPOSAL
Salvatore E IturbideSpainBernardo Dominic RENEWAL
Deepesh I IturbideRussiaAsiya Javayant UNQUALIFIED
James Q PoquetteArgentinaOnyama Limba UNQUALIFIED
Maria B FollerAustraliaElwin Sharvill QUALIFIED
Deepesh J GlickUnited KingdomStephen Shaw QUALIFIED
Francesco J NestleBrazilXuxue Feng QUALIFIED
Sinclair R FollerFranceAmy Elsner QUALIFIED
Munro N StockhamAustraliaElwin Sharvill PROPOSAL
Ivar N AlbaresJapanStephen Shaw NEGOTIATION
Murillo L VenereRussiaAmy Elsner NEW
Jennifer Z SergiBrazilIvan Magalhaes QUALIFIED
James G StockhamIndiaIoni Bowcher NEGOTIATION
Darci H OldroydIndiaBernardo Dominic QUALIFIED
Jefferson B StockhamAustraliaBernardo Dominic NEGOTIATION
Stacey C MarrierJapanBernardo Dominic UNQUALIFIED
Greenwood B MarrierGermanyIoni Bowcher QUALIFIED
Rodrigues V OstroskyItalyXuxue Feng QUALIFIED
Kadeem J WieserBrazilIoni Bowcher NEW
Jefferson W OldroydIndiaStephen Shaw NEW
Maria D RimGermanyAnna Fali QUALIFIED
Chavez Z FlosiCanadaStephen Shaw RENEWAL
David U StensethSpainBernardo Dominic NEGOTIATION
Jennifer X InouyeAustraliaElwin Sharvill UNQUALIFIED
Smith P RutaItalyStephen Shaw UNQUALIFIED
Isabel P WhobreyBrazilIoni Bowcher QUALIFIED
Julie J KolmetzSpainIoni Bowcher RENEWAL
Isabel W IturbideArgentinaIoni Bowcher UNQUALIFIED
Claire D BriddickJapanOnyama Limba QUALIFIED
Juan G StockhamCanadaIvan Magalhaes PROPOSAL
Stacey Z KuskoAustraliaXuxue Feng QUALIFIED
Adams G ButtItalyStephen Shaw QUALIFIED
Adams U WhobreyUnited KingdomElwin Sharvill UNQUALIFIED
Chavez O MorascaUnited KingdomIvan Magalhaes NEW
David I IturbideSpainAmy Elsner NEW
Alejandro A MaletBrazilXuxue Feng QUALIFIED
Emily W TollnerFranceIoni Bowcher NEW
James X GauchoJapanAmy Elsner RENEWAL
Frozen Columns
Name
Greenwood W Amigon
Clifford B Glick
Johnson W Butt
Nicolas W Gillian
Smith K Kusko
Kaitlin W Whobrey
Juan C Garufi
Leon M Rim
Ivar N Tollner
Arvin H Chui
Kadeem Z Stockham
Izzy D Sergi
Misaki E Dilliard
Silvio S Rim
Leon C Campain
Costa R Caldarera
Chavez Q Butt
Munro D Rulapaugh
Chavez X Waycott
Isabel Z Darakjy
Ricardo E Nicka
David P Gillian
Faith C Briddick
Leon Z Bowley
Leon K Foller
Darci U Slusarski
Ashley V Morasca
Antonio S Malet
Sinclair K Nicka
Alejandro V Rulapaugh
Stacey T Venere
Nicolas B Whobrey
Jennifer S Gillian
Mayumi E Shinko
Jones Q Foller
Rodrigues S Morasca
Octavia S Ferencz
Murillo A Rulapaugh
Kadeem M Campain
Claire M Amigon
Tony Z Chui
Aruna N Rim
Darci T Malet
Leja K Nicka
Octavia A Paprocki
Sinclair A Gaucho
Francesco R Doe
James R Poquette
Stacey M Sergi
Juan C Ruta
IdCountryDate
1000Brazil2026-08-29
1001Argentina2026-07-31
1002India2026-08-20
1003India2026-08-05
1004United Kingdom2026-08-09
1005Argentina2026-08-02
1006Russia2026-08-27
1007Russia2026-08-03
1008Brazil2026-08-02
1009Argentina2026-08-06
1010Italy2026-08-26
1011Japan2026-08-29
1012Brazil2026-07-31
1013Russia2026-08-22
1014Germany2026-08-24
1015Argentina2026-08-05
1016Germany2026-07-31
1017India2026-08-09
1018Argentina2026-08-11
1019Russia2026-08-26
1020Australia2026-08-16
1021Italy2026-08-09
1022Germany2026-08-08
1023France2026-08-17
1024Germany2026-08-09
1025Germany2026-08-14
1026Brazil2026-08-26
1027Russia2026-08-15
1028Russia2026-08-22
1029Russia2026-08-24
1030India2026-08-01
1031Australia2026-08-23
1032Japan2026-08-12
1033Russia2026-08-27
1034Russia2026-08-16
1035Spain2026-08-28
1036Brazil2026-08-04
1037Italy2026-08-09
1038Australia2026-08-13
1039Germany2026-08-11
1040United Kingdom2026-08-24
1041France2026-08-01
1042Brazil2026-08-14
1043Canada2026-08-25
1044Germany2026-08-07
1045Canada2026-08-22
1046Germany2026-08-04
1047Italy2026-07-31
1048Argentina2026-08-14
1049Italy2026-08-18

On-Demand Data

NameIdCountryDate
Faith C Rulapaugh1000Italy2026-08-04
Mayumi L Chui1001France2026-08-28
Wickens V Waycott1002United Kingdom2026-08-12
Maria U Sergi1003Argentina2026-08-08
Aika U Kolmetz1004Australia2026-08-03
Smith T Kolmetz1005Japan2026-08-28
Aditya O Saylors1006Germany2026-08-28
Ivar A Campain1007Brazil2026-08-22
Cody L Garufi1008Spain2026-08-01
Costa H Darakjy1009Australia2026-08-14
Clifford I Dilliard1010Spain2026-08-08
Jefferson Z Amigon1011Italy2026-08-12
Johnson Z Gaucho1012Japan2026-08-27
Stacey X Malet1013Argentina2026-08-12
Darci A Waycott1014Russia2026-08-24
Jones Q Ruta1015Spain2026-08-26
Clifford X Perin1016Canada2026-08-03
Jones I Whobrey1017India2026-08-29
Kaitlin D Kolmetz1018Spain2026-08-02
Ivar O Wieser1019Canada2026-08-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Darci N GarufiUnited KingdomAsiya Javayant QUALIFIED
Ivar V OldroydCanadaAsiya Javayant RENEWAL
Wickens W StockhamIndiaXuxue Feng QUALIFIED
David O CaldareraIndiaAsiya Javayant PROPOSAL
Chavez O OstroskyGermanyIvan Magalhaes QUALIFIED
Stacey D DilliardUnited KingdomAsiya Javayant RENEWAL
Leon L FigeroaItalyBernardo Dominic QUALIFIED
Mujtaba R FerenczSpainElwin Sharvill RENEWAL
Juan E SchemmerFranceXuxue Feng RENEWAL
Kaitlin M PoquetteItalyIoni Bowcher NEGOTIATION
Rodrigues N CaldareraRussiaStephen Shaw RENEWAL
Leja C FlosiCanadaBernardo Dominic NEGOTIATION
Smith F WieserBrazilBernardo Dominic NEW
David C ChuiBrazilAmy Elsner NEGOTIATION
Tony A BologniaSpainAmy Elsner PROPOSAL
Costa N WieserIndiaIvan Magalhaes QUALIFIED
Cody S DilliardAustraliaAsiya Javayant QUALIFIED
Rodrigues N InouyeIndiaBernardo Dominic PROPOSAL
Chavez P FlosiJapanAnna Fali NEGOTIATION
Wickens X RoysterSpainAsiya Javayant PROPOSAL
Arvin F FlosiItalyXuxue Feng NEW
Ricardo I WhobreyFranceIoni Bowcher PROPOSAL
Munro N CaldareraSpainAsiya Javayant UNQUALIFIED
Aruna E FollerRussiaAsiya Javayant NEGOTIATION
Darci R KolmetzBrazilOnyama Limba UNQUALIFIED
Wickens P KuskoIndiaIoni Bowcher UNQUALIFIED
Mayumi G IturbideCanadaIvan Magalhaes UNQUALIFIED
Clifford E RulapaughItalyIvan Magalhaes NEW
Adams F WieserFranceBernardo Dominic NEW
Emily W ButtItalyStephen Shaw QUALIFIED
Jeanfrancois U IturbideAustraliaIoni Bowcher RENEWAL
Leon P DarakjyBrazilIvan Magalhaes NEW
Deepesh P SlusarskiJapanIoni Bowcher PROPOSAL
Sinclair H GauchoUnited KingdomXuxue Feng QUALIFIED
Nicolas W ShinkoFranceStephen Shaw UNQUALIFIED
David I MarrierUnited KingdomIoni Bowcher UNQUALIFIED
Julie B DilliardUnited KingdomIvan Magalhaes PROPOSAL
Darci J AmigonRussiaAsiya Javayant UNQUALIFIED
Silvio P AmigonAustraliaOnyama Limba QUALIFIED
Jefferson G MacleadGermanyElwin Sharvill 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>