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
Jennifer D AlbaresSpainAmy Elsner NEW
Mayumi V FigeroaBrazilStephen Shaw RENEWAL
James I GarufiRussiaBernardo Dominic UNQUALIFIED
Arvin F BologniaItalyBernardo Dominic NEGOTIATION
Aika I StockhamRussiaElwin Sharvill UNQUALIFIED
Wickens Y GarufiFranceBernardo Dominic UNQUALIFIED
David B MaletCanadaStephen Shaw NEGOTIATION
Aika I FlosiJapanAmy Elsner PROPOSAL
Salvatore G ShinkoUnited KingdomAsiya Javayant QUALIFIED
Jones Q ButtSpainOnyama Limba NEW
Rodrigues P CampainArgentinaAnna Fali RENEWAL
Greenwood V SaylorsFranceAsiya Javayant PROPOSAL
David I MorascaJapanAmy Elsner NEGOTIATION
Jennifer Y VocelkaCanadaAsiya Javayant QUALIFIED
Chavez V WhobreyArgentinaIvan Magalhaes RENEWAL
Chavez D GillianGermanyIvan Magalhaes RENEWAL
Mayumi A CaldareraFranceAnna Fali NEW
Jefferson P ShinkoSpainOnyama Limba QUALIFIED
Sinclair K MorascaArgentinaAmy Elsner UNQUALIFIED
Costa W DoeAustraliaAsiya Javayant PROPOSAL
David A RoysterRussiaIoni Bowcher QUALIFIED
Misaki Z AmigonCanadaAmy Elsner NEW
Jefferson V RulapaughCanadaIoni Bowcher PROPOSAL
Claire F RulapaughBrazilXuxue Feng PROPOSAL
Nicolas Y WhobreyAustraliaElwin Sharvill QUALIFIED
Aruna G StensethAustraliaAsiya Javayant PROPOSAL
Octavia J GauchoAustraliaAnna Fali QUALIFIED
Tony L RulapaughArgentinaAmy Elsner QUALIFIED
Ricardo H PaprockiGermanyIoni Bowcher UNQUALIFIED
Deepesh H FigeroaJapanAnna Fali NEW
Munro E CampainUnited KingdomAnna Fali RENEWAL
Sinclair W FerenczRussiaAmy Elsner QUALIFIED
Jones Y GauchoJapanElwin Sharvill NEGOTIATION
Clifford G KolmetzItalyAmy Elsner QUALIFIED
Ivar Y DoeUnited KingdomXuxue Feng QUALIFIED
Mujtaba U CampainArgentinaElwin Sharvill RENEWAL
Clifford R DoeSpainElwin Sharvill NEW
Faith M DoeGermanyIvan Magalhaes PROPOSAL
Jeanfrancois O RutaRussiaOnyama Limba NEGOTIATION
Costa Y ShinkoArgentinaIvan Magalhaes UNQUALIFIED
Francesco A SergiCanadaOnyama Limba NEGOTIATION
Darci F PaprockiFranceIvan Magalhaes QUALIFIED
Sinclair Z MaletSpainOnyama Limba QUALIFIED
David A WieserItalyOnyama Limba RENEWAL
Julie H GauchoUnited KingdomElwin Sharvill PROPOSAL
Mayumi L CaudyRussiaBernardo Dominic NEW
Clifford U WhobreyRussiaAmy Elsner RENEWAL
Antonio Z PerinRussiaElwin Sharvill NEGOTIATION
Wickens J WieserFranceStephen Shaw NEGOTIATION
Julie Q RutaAustraliaOnyama Limba UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Kaitlin G FollerAustraliaElwin Sharvill NEW
Greenwood I SchemmerBrazilOnyama Limba NEW
Rodrigues K SaylorsArgentinaXuxue Feng QUALIFIED
Mayumi O TollnerSpainStephen Shaw UNQUALIFIED
Wickens A RimIndiaAnna Fali PROPOSAL
Julie T CampainJapanStephen Shaw QUALIFIED
Kaitlin F TollnerArgentinaIoni Bowcher RENEWAL
Misaki Q FigeroaRussiaIoni Bowcher QUALIFIED
Leon B SergiGermanyStephen Shaw NEW
Aditya P FollerBrazilIvan Magalhaes RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mujtaba L BowleyCanada2025-04-20Buckley Miller Wright NEW58Xuxue Feng
1001Mayumi V SlusarskiJapan2025-04-19Chapman, Ross E Esq NEW51Bernardo Dominic
1002Jeanfrancois U RutaUnited Kingdom2025-04-20Commercial Press NEW96Ivan Magalhaes
1003Nicolas E IturbideJapan2025-04-15Rousseaux, Michael Esq NEW14Ioni Bowcher
1004Stacey C SlusarskiSpain2025-04-15Chemel, James L Cpa PROPOSAL16Xuxue Feng
1005David A VenereAustralia2025-04-19Printing Dimensions PROPOSAL63Anna Fali
1006Tony O CaldareraItaly2025-04-27Dorl, James J Esq QUALIFIED21Ivan Magalhaes
1007Costa B DoeCanada2025-04-14Printing Dimensions RENEWAL66Onyama Limba
1008Misaki S DoeSpain2025-04-17Commercial Press NEGOTIATION65Asiya Javayant
1009James E WieserCanada2025-04-24Printing Dimensions QUALIFIED30Anna Fali
1010Isabel L GlickJapan2025-04-30Morlong Associates RENEWAL15Amy Elsner
1011Jones C FerenczItaly2025-05-04Chapman, Ross E Esq NEW26Asiya Javayant
1012Sinclair B DoeFrance2025-04-11Rousseaux, Michael Esq PROPOSAL6Anna Fali
1013Kaitlin K FollerRussia2025-04-19Benton, John B Jr RENEWAL35Onyama Limba
1014James C FollerFrance2025-05-10Buckley Miller Wright PROPOSAL90Bernardo Dominic
1015Maisha U PoquetteGermany2025-05-02Chanay, Jeffrey A Esq PROPOSAL96Xuxue Feng
1016Aruna B FollerGermany2025-04-21Printing Dimensions NEGOTIATION8Bernardo Dominic
1017Mayumi A DarakjyBrazil2025-04-21Commercial Press NEGOTIATION58Amy Elsner
1018Leja S DilliardArgentina2025-04-30Chanay, Jeffrey A Esq UNQUALIFIED28Elwin Sharvill
1019Murillo O FigeroaUnited Kingdom2025-04-28King, Christopher A Esq RENEWAL43Bernardo Dominic
1020Salvatore S WaycottRussia2025-05-02Feiner Bros NEGOTIATION17Onyama Limba
1021Maisha A CaldareraGermany2025-04-11Benton, John B Jr UNQUALIFIED49Xuxue Feng
1022Greenwood O WhobreySpain2025-04-28Morlong Associates RENEWAL4Elwin Sharvill
1023Faith J CaudyGermany2025-05-07Chapman, Ross E Esq PROPOSAL33Bernardo Dominic
1024Murillo T AlbaresItaly2025-04-25Buckley Miller Wright UNQUALIFIED17Xuxue Feng
1025Octavia G ChuiItaly2025-04-11Dorl, James J Esq NEGOTIATION66Xuxue Feng
1026Emily B WaycottCanada2025-04-13Printing Dimensions NEGOTIATION94Bernardo Dominic
1027James V MaletSpain2025-05-05Chemel, James L Cpa UNQUALIFIED69Amy Elsner
1028Faith B IturbideIndia2025-04-13Chanay, Jeffrey A Esq UNQUALIFIED72Anna Fali
1029Morrow X OldroydBrazil2025-04-25Rangoni Of Florence PROPOSAL0Amy Elsner
1030Maisha M WhobreySpain2025-04-26Feltz Printing Service UNQUALIFIED78Ivan Magalhaes
1031Murillo W MacleadBrazil2025-04-23Chanay, Jeffrey A Esq UNQUALIFIED27Anna Fali
1032Aruna R BowleyArgentina2025-04-17Feiner Bros PROPOSAL83Amy Elsner
1033Nicolas M SaylorsUnited Kingdom2025-04-27Rangoni Of Florence NEW59Stephen Shaw
1034Cody U SchemmerBrazil2025-04-18Chapman, Ross E Esq QUALIFIED43Elwin Sharvill
1035Sinclair M OstroskyGermany2025-04-11Buckley Miller Wright QUALIFIED32Onyama Limba
1036Aika A PoquetteIndia2025-04-24Chemel, James L Cpa QUALIFIED92Anna Fali
1037Stacey F NestleFrance2025-05-09Morlong Associates PROPOSAL56Stephen Shaw
1038Leja E RimRussia2025-05-04Rousseaux, Michael Esq NEW1Stephen Shaw
1039Francesco N AmigonJapan2025-04-21Benton, John B Jr RENEWAL23Stephen Shaw
1040Costa I MorascaAustralia2025-05-03Buckley Miller Wright NEGOTIATION78Xuxue Feng
1041Costa C MarrierFrance2025-04-16Rousseaux, Michael Esq PROPOSAL30Bernardo Dominic
1042Greenwood V MacleadGermany2025-04-12Benton, John B Jr QUALIFIED80Ioni Bowcher
1043Misaki S MorascaRussia2025-05-07Feltz Printing Service NEGOTIATION34Amy Elsner
1044Salvatore J RutaGermany2025-04-23Benton, John B Jr NEGOTIATION18Onyama Limba
1045Jones R GarufiAustralia2025-04-29Feltz Printing Service RENEWAL96Elwin Sharvill
1046Cody K FollerSpain2025-05-06Morlong Associates NEW28Anna Fali
1047Antonio U IturbideAustralia2025-04-12Morlong Associates QUALIFIED86Elwin Sharvill
1048Smith S MacleadItaly2025-04-29Commercial Press PROPOSAL56Asiya Javayant
1049Rodrigues H GlickAustralia2025-04-19Printing Dimensions NEW67Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Ivar L DarakjyAustraliaIoni Bowcher UNQUALIFIED
Kaitlin B RimJapanOnyama Limba UNQUALIFIED
Tony J MacleadSpainStephen Shaw PROPOSAL
Jeanfrancois F StensethItalyBernardo Dominic NEW
Leja O MarrierArgentinaBernardo Dominic UNQUALIFIED
Octavia D RoysterUnited KingdomAmy Elsner RENEWAL
Tony G BologniaAustraliaStephen Shaw QUALIFIED
Mayumi D MorascaAustraliaBernardo Dominic PROPOSAL
Salvatore N SlusarskiRussiaAmy Elsner QUALIFIED
Silvio F BriddickArgentinaIoni Bowcher NEW
Kadeem O ButtGermanyBernardo Dominic NEGOTIATION
Jefferson A SlusarskiArgentinaAnna Fali NEGOTIATION
Leon N RoysterBrazilXuxue Feng PROPOSAL
Claire X CaldareraSpainXuxue Feng UNQUALIFIED
Aditya C AmigonIndiaAmy Elsner NEGOTIATION
Deepesh J ChuiUnited KingdomAsiya Javayant NEGOTIATION
Aruna P RulapaughBrazilIoni Bowcher QUALIFIED
Costa D MorascaIndiaIvan Magalhaes NEGOTIATION
Jennifer J BologniaAustraliaOnyama Limba PROPOSAL
Kadeem T MaletItalyElwin Sharvill NEW
Stacey G FerenczArgentinaAsiya Javayant NEW
Johnson O ButtJapanIoni Bowcher RENEWAL
Maria C FigeroaAustraliaBernardo Dominic NEGOTIATION
Maria F RimIndiaOnyama Limba RENEWAL
Mujtaba N GillianArgentinaOnyama Limba QUALIFIED
Morrow Z MaletCanadaAsiya Javayant QUALIFIED
Stacey D MorascaItalyAnna Fali QUALIFIED
Adams W AmigonBrazilElwin Sharvill RENEWAL
Ivar Y SergiFranceAnna Fali NEW
Aditya B BowleyBrazilAsiya Javayant QUALIFIED
Maria B FerenczJapanElwin Sharvill UNQUALIFIED
Ivar W VocelkaItalyElwin Sharvill RENEWAL
Arvin F DoeCanadaBernardo Dominic RENEWAL
Wickens M PerinJapanElwin Sharvill UNQUALIFIED
Ricardo S PerinArgentinaAnna Fali PROPOSAL
Greenwood P DoeRussiaOnyama Limba UNQUALIFIED
Cody J AmigonUnited KingdomOnyama Limba UNQUALIFIED
Adams M SchemmerBrazilBernardo Dominic RENEWAL
Munro Q BowleyBrazilIvan Magalhaes PROPOSAL
Salvatore D AmigonGermanyAnna Fali NEGOTIATION
Ivar M SaylorsFranceBernardo Dominic PROPOSAL
Costa D GlickUnited KingdomElwin Sharvill NEGOTIATION
Alejandro H NickaCanadaIoni Bowcher NEGOTIATION
Smith A FlosiJapanIoni Bowcher RENEWAL
Maria H PaprockiCanadaXuxue Feng NEGOTIATION
Mayumi X GauchoFranceOnyama Limba NEGOTIATION
Tony H CampainIndiaAnna Fali NEGOTIATION
Faith P BowleyIndiaElwin Sharvill PROPOSAL
Leja Q VocelkaAustraliaIvan Magalhaes NEW
Silvio X CampainFranceAmy Elsner QUALIFIED
Frozen Columns
Name
Salvatore D Royster
Julie N Flosi
Silvio M Nicka
Morrow Q Foller
Faith L Kusko
Ashley Z Ruta
Antonio F Whobrey
Mujtaba Y Kolmetz
Nicolas U Flosi
Maria U Bowley
Claire U Malet
Deepesh L Caldarera
Stacey D Gaucho
Arvin H Nicka
Leja H Glick
Darci C Ruta
Kadeem K Slusarski
Kaitlin E Maclead
Rodrigues J Maclead
Munro Q Garufi
Misaki E Ostrosky
Octavia H Flosi
Aika B Rulapaugh
Kaitlin M Marrier
Octavia K Vocelka
Arvin N Morasca
Darci D Whobrey
Maisha O Kolmetz
Aruna S Nestle
Nicolas X Albares
Juan K Vocelka
Misaki P Chui
Silvio A Kolmetz
Kaitlin V Butt
Tony F Gillian
Darci M Darakjy
Murillo M Shinko
Misaki S Nicka
Rodrigues R Dilliard
Aika J Bowley
Silvio H Poquette
Tony K Tollner
Salvatore C Ruta
Chavez A Inouye
David Z Doe
Clifford L Bowley
Tony J Sergi
Kadeem I Slusarski
James Y Figeroa
Ricardo P Shinko
IdCountryDate
1000Brazil2025-04-23
1001Canada2025-05-10
1002Japan2025-04-14
1003Spain2025-04-29
1004India2025-05-07
1005United Kingdom2025-04-23
1006United Kingdom2025-05-01
1007Italy2025-04-24
1008United Kingdom2025-05-05
1009Germany2025-04-11
1010Spain2025-05-05
1011Australia2025-04-18
1012Japan2025-05-05
1013Spain2025-04-16
1014Japan2025-05-04
1015Germany2025-05-01
1016Russia2025-04-23
1017India2025-05-05
1018Argentina2025-04-25
1019United Kingdom2025-04-26
1020Russia2025-05-01
1021India2025-04-29
1022Brazil2025-04-21
1023Germany2025-04-30
1024Spain2025-05-05
1025France2025-04-20
1026Spain2025-05-01
1027France2025-04-22
1028Argentina2025-04-24
1029United Kingdom2025-05-02
1030Germany2025-04-11
1031France2025-04-19
1032India2025-05-09
1033Italy2025-04-24
1034Brazil2025-04-18
1035Italy2025-05-06
1036Argentina2025-04-15
1037France2025-05-05
1038Argentina2025-04-17
1039United Kingdom2025-05-03
1040Italy2025-04-19
1041Spain2025-05-06
1042Japan2025-05-08
1043Australia2025-04-25
1044Argentina2025-04-25
1045Russia2025-05-05
1046Germany2025-04-20
1047India2025-04-27
1048Canada2025-04-12
1049Spain2025-04-23

On-Demand Data

NameIdCountryDate
Johnson I Glick1000Australia2025-04-22
Darci F Kolmetz1001Canada2025-05-06
Jeanfrancois P Rim1002Brazil2025-05-06
Aruna F Perin1003Italy2025-05-09
Ivar B Paprocki1004United Kingdom2025-04-30
Munro B Royster1005Brazil2025-04-13
Aika O Inouye1006France2025-04-26
Ashley Q Marrier1007France2025-05-03
Kadeem Y Stenseth1008Argentina2025-04-24
Faith M Chui1009Italy2025-05-08
Jeanfrancois Q Wieser1010Germany2025-05-03
Arvin B Bowley1011Germany2025-04-15
Aika Z Dilliard1012India2025-04-25
James S Campain1013Spain2025-05-02
Greenwood C Morasca1014Italy2025-05-01
Maisha P Malet1015Brazil2025-05-06
Emily B Vocelka1016Canada2025-04-19
Morrow S Butt1017Canada2025-05-05
Clifford E Inouye1018United Kingdom2025-04-25
Aika T Vocelka1019Canada2025-05-03
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Ricardo X SaylorsUnited KingdomAsiya Javayant NEW
Maisha Y IturbideGermanyBernardo Dominic NEW
Ivar M IturbideCanadaIvan Magalhaes RENEWAL
Izzy F NestleSpainAnna Fali QUALIFIED
Chavez B FigeroaAustraliaIvan Magalhaes NEW
Adams L SchemmerCanadaElwin Sharvill NEGOTIATION
Smith N PerinFranceAmy Elsner NEW
Aditya Z SchemmerIndiaAnna Fali UNQUALIFIED
Arvin K NestleGermanyElwin Sharvill NEW
Ivar B BriddickJapanAnna Fali UNQUALIFIED
Octavia W ShinkoGermanyBernardo Dominic PROPOSAL
David O RulapaughArgentinaIoni Bowcher UNQUALIFIED
Alejandro L MaletRussiaAnna Fali PROPOSAL
Jennifer L InouyeIndiaIoni Bowcher PROPOSAL
Claire X ChuiJapanStephen Shaw QUALIFIED
Kaitlin O BowleyRussiaBernardo Dominic PROPOSAL
Wickens O ChuiAustraliaIoni Bowcher UNQUALIFIED
Murillo L SlusarskiCanadaElwin Sharvill PROPOSAL
Misaki I RutaItalyIvan Magalhaes NEGOTIATION
Darci O SergiAustraliaAmy Elsner UNQUALIFIED
Jennifer G CampainBrazilBernardo Dominic RENEWAL
Darci X WaycottJapanAmy Elsner QUALIFIED
Nicolas H AlbaresCanadaIoni Bowcher PROPOSAL
Salvatore T FerenczIndiaXuxue Feng UNQUALIFIED
Jefferson P FollerGermanyAnna Fali RENEWAL
Aruna O ShinkoJapanIvan Magalhaes NEGOTIATION
Leon S OldroydRussiaIoni Bowcher NEGOTIATION
Leon Y DilliardGermanyXuxue Feng PROPOSAL
Clifford V FlosiRussiaOnyama Limba PROPOSAL
Ricardo Y SaylorsItalyStephen Shaw UNQUALIFIED
Sinclair L ShinkoUnited KingdomElwin Sharvill RENEWAL
Mujtaba Y DilliardItalyStephen Shaw UNQUALIFIED
Tony Y SergiIndiaOnyama Limba QUALIFIED
Antonio X OldroydArgentinaIvan Magalhaes PROPOSAL
Alejandro E FigeroaUnited KingdomBernardo Dominic PROPOSAL
Ricardo B BowleyGermanyBernardo Dominic NEGOTIATION
Murillo D TollnerIndiaAsiya Javayant NEGOTIATION
Leja C WhobreyRussiaIoni Bowcher UNQUALIFIED
Kaitlin M PerinFranceStephen Shaw NEGOTIATION
Costa H SlusarskiUnited KingdomElwin 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>