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
Wickens K SergiUnited KingdomAsiya Javayant RENEWAL
Claire B OstroskyIndiaOnyama Limba UNQUALIFIED
Jefferson B PerinBrazilIvan Magalhaes PROPOSAL
Ricardo M KolmetzFranceIvan Magalhaes QUALIFIED
David I PoquetteIndiaBernardo Dominic PROPOSAL
Claire J VenereBrazilAsiya Javayant PROPOSAL
Izzy H WieserBrazilStephen Shaw QUALIFIED
Ashley S KuskoJapanAsiya Javayant QUALIFIED
Julie B MaletItalyAnna Fali PROPOSAL
Adams S WieserRussiaIvan Magalhaes NEGOTIATION
Rodrigues Y GarufiFranceIoni Bowcher NEGOTIATION
Smith P FigeroaItalyAsiya Javayant UNQUALIFIED
Jeanfrancois Q OstroskyItalyAmy Elsner PROPOSAL
David H NestleAustraliaAmy Elsner RENEWAL
Misaki K StockhamRussiaAmy Elsner NEW
Emily P RimGermanyAmy Elsner QUALIFIED
Isabel S BowleyItalyIvan Magalhaes QUALIFIED
Isabel X PaprockiBrazilElwin Sharvill NEGOTIATION
Costa L DarakjyIndiaAmy Elsner RENEWAL
Silvio O RutaRussiaXuxue Feng QUALIFIED
Sinclair C MorascaGermanyAmy Elsner NEW
Chavez D CaudyAustraliaElwin Sharvill PROPOSAL
Alejandro I GauchoSpainAnna Fali PROPOSAL
Izzy T BriddickGermanyXuxue Feng NEGOTIATION
Tony X BologniaIndiaXuxue Feng NEW
Kaitlin L VenereArgentinaAnna Fali PROPOSAL
Stacey B GarufiGermanyIoni Bowcher NEGOTIATION
Aika Z PerinJapanAsiya Javayant RENEWAL
Salvatore V WieserArgentinaElwin Sharvill QUALIFIED
Jeanfrancois A SergiUnited KingdomAsiya Javayant PROPOSAL
Costa E RimCanadaStephen Shaw UNQUALIFIED
Arvin C FigeroaSpainAmy Elsner UNQUALIFIED
David J WaycottArgentinaIvan Magalhaes NEGOTIATION
Juan G PerinFranceOnyama Limba NEW
Mujtaba V NestleIndiaBernardo Dominic RENEWAL
Johnson T GarufiItalyAmy Elsner NEGOTIATION
Rodrigues B FlosiItalyAnna Fali RENEWAL
Leon Y WhobreyItalyBernardo Dominic PROPOSAL
Juan O ChuiIndiaStephen Shaw RENEWAL
James U IturbideItalyAsiya Javayant QUALIFIED
Kaitlin X DilliardBrazilOnyama Limba UNQUALIFIED
Rodrigues W FollerAustraliaElwin Sharvill QUALIFIED
Ricardo I NickaFranceStephen Shaw PROPOSAL
Isabel I PaprockiRussiaIoni Bowcher UNQUALIFIED
Murillo A VenereJapanAsiya Javayant NEGOTIATION
Munro M InouyeCanadaAmy Elsner UNQUALIFIED
Misaki Y GillianRussiaAmy Elsner NEGOTIATION
David X VocelkaJapanIoni Bowcher PROPOSAL
Maisha U StensethIndiaXuxue Feng NEGOTIATION
Antonio V ChuiArgentinaAsiya Javayant NEW
Horizontal
NameCountryRepresentativeStatus
Kadeem F GlickJapanAnna Fali PROPOSAL
Sinclair N StockhamJapanIvan Magalhaes NEGOTIATION
Deepesh T FigeroaSpainOnyama Limba PROPOSAL
Claire W GarufiGermanyIvan Magalhaes NEGOTIATION
Faith X WhobreyCanadaXuxue Feng NEW
Ashley B MaletAustraliaAnna Fali NEGOTIATION
Costa Z ButtFranceElwin Sharvill NEGOTIATION
Aika H ShinkoAustraliaIoni Bowcher NEW
Leon H SlusarskiRussiaIvan Magalhaes RENEWAL
Ashley L PerinRussiaXuxue Feng NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Stacey R VenereUnited Kingdom2026-06-29Rangoni Of Florence PROPOSAL7Onyama Limba
1001Ivar T VenereAustralia2026-06-30Rangoni Of Florence NEW12Xuxue Feng
1002Maria T MorascaJapan2026-06-28King, Christopher A Esq QUALIFIED65Ioni Bowcher
1003Adams L SlusarskiUnited Kingdom2026-06-25Commercial Press RENEWAL30Asiya Javayant
1004Francesco L BologniaAustralia2026-06-21Rousseaux, Michael Esq UNQUALIFIED87Bernardo Dominic
1005Kadeem R RutaRussia2026-06-30Benton, John B Jr NEW62Ioni Bowcher
1006Cody Q RulapaughGermany2026-06-23Printing Dimensions QUALIFIED38Elwin Sharvill
1007Jennifer J DarakjyRussia2026-06-10Printing Dimensions PROPOSAL98Ivan Magalhaes
1008Claire R MorascaUnited Kingdom2026-06-17King, Christopher A Esq PROPOSAL35Asiya Javayant
1009Ricardo W WaycottFrance2026-06-13Dorl, James J Esq RENEWAL13Amy Elsner
1010Jefferson W CampainCanada2026-06-20Chemel, James L Cpa NEGOTIATION21Ivan Magalhaes
1011James N ShinkoItaly2026-06-26Chanay, Jeffrey A Esq UNQUALIFIED6Ivan Magalhaes
1012Emily K InouyeRussia2026-06-12Morlong Associates PROPOSAL35Onyama Limba
1013Darci P ButtFrance2026-06-14Feltz Printing Service NEGOTIATION69Ivan Magalhaes
1014Silvio Q FerenczSpain2026-06-06Chemel, James L Cpa RENEWAL17Ivan Magalhaes
1015Claire K VenereItaly2026-06-06Feltz Printing Service PROPOSAL30Onyama Limba
1016Deepesh K FerenczFrance2026-06-14Commercial Press NEGOTIATION34Ioni Bowcher
1017Ashley H MacleadJapan2026-06-18Morlong Associates QUALIFIED90Stephen Shaw
1018Isabel W DarakjyArgentina2026-07-02King, Christopher A Esq UNQUALIFIED81Anna Fali
1019Faith U NestleCanada2026-07-01Chemel, James L Cpa QUALIFIED39Elwin Sharvill
1020David S SlusarskiItaly2026-07-05Benton, John B Jr UNQUALIFIED28Elwin Sharvill
1021Morrow X DilliardFrance2026-06-06King, Christopher A Esq RENEWAL70Amy Elsner
1022Adams U CaudyArgentina2026-07-03Chanay, Jeffrey A Esq PROPOSAL10Ivan Magalhaes
1023Antonio W DilliardFrance2026-06-21Chemel, James L Cpa QUALIFIED94Onyama Limba
1024Octavia P GillianAustralia2026-06-30Morlong Associates NEW79Stephen Shaw
1025Ashley U BriddickArgentina2026-06-06Rangoni Of Florence RENEWAL12Onyama Limba
1026Chavez S WhobreyRussia2026-06-25Rousseaux, Michael Esq NEGOTIATION18Anna Fali
1027Clifford D IturbideArgentina2026-06-17Buckley Miller Wright QUALIFIED66Onyama Limba
1028Arvin W CaldareraBrazil2026-06-24Rousseaux, Michael Esq PROPOSAL40Bernardo Dominic
1029Jones A VenereIndia2026-06-13Chanay, Jeffrey A Esq UNQUALIFIED70Elwin Sharvill
1030Aika I MaletAustralia2026-06-27Printing Dimensions NEW35Stephen Shaw
1031Ricardo O PoquetteArgentina2026-07-01Benton, John B Jr RENEWAL18Stephen Shaw
1032James J CaldareraSpain2026-06-26Chapman, Ross E Esq PROPOSAL9Stephen Shaw
1033Jeanfrancois P RulapaughCanada2026-07-02Chapman, Ross E Esq NEW92Bernardo Dominic
1034Deepesh E RoysterItaly2026-07-03Rousseaux, Michael Esq UNQUALIFIED36Asiya Javayant
1035Rodrigues F GauchoBrazil2026-07-02Feiner Bros PROPOSAL99Stephen Shaw
1036Clifford O PaprockiBrazil2026-07-01Chapman, Ross E Esq PROPOSAL52Ioni Bowcher
1037Aruna E DarakjyJapan2026-06-12Truhlar And Truhlar Attys QUALIFIED13Onyama Limba
1038Clifford J PoquetteIndia2026-06-26Rousseaux, Michael Esq NEW73Amy Elsner
1039Juan I WaycottIndia2026-06-20Feiner Bros RENEWAL95Bernardo Dominic
1040Aika T VocelkaSpain2026-06-30Chapman, Ross E Esq NEGOTIATION21Elwin Sharvill
1041Cody W WaycottBrazil2026-06-10Printing Dimensions PROPOSAL89Amy Elsner
1042Silvio I RoysterBrazil2026-07-02Printing Dimensions NEGOTIATION72Amy Elsner
1043Ivar N GarufiRussia2026-06-21Commercial Press UNQUALIFIED46Amy Elsner
1044Smith G WaycottSpain2026-07-02Feltz Printing Service QUALIFIED87Amy Elsner
1045Izzy S CaldareraArgentina2026-06-09Chemel, James L Cpa PROPOSAL11Xuxue Feng
1046Leja K NestleIndia2026-06-22Buckley Miller Wright RENEWAL46Ivan Magalhaes
1047Johnson D RoysterJapan2026-06-09Buckley Miller Wright NEGOTIATION91Onyama Limba
1048Octavia K MacleadIndia2026-06-17Rangoni Of Florence RENEWAL1Asiya Javayant
1049Sinclair U IturbideIndia2026-06-12Dorl, James J Esq QUALIFIED7Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Alejandro S RulapaughBrazilElwin Sharvill NEGOTIATION
Jefferson R BriddickIndiaStephen Shaw QUALIFIED
Maisha G OstroskyAustraliaElwin Sharvill RENEWAL
Francesco M RutaFranceOnyama Limba PROPOSAL
James F MaletFranceAsiya Javayant UNQUALIFIED
Jones O RulapaughRussiaAsiya Javayant QUALIFIED
Ivar O KolmetzItalyStephen Shaw QUALIFIED
Johnson U SaylorsItalyIoni Bowcher NEW
Ashley G OldroydArgentinaElwin Sharvill UNQUALIFIED
Silvio V VocelkaUnited KingdomAsiya Javayant UNQUALIFIED
Deepesh I StensethSpainBernardo Dominic PROPOSAL
Greenwood A ShinkoCanadaBernardo Dominic QUALIFIED
Isabel C PerinFranceIoni Bowcher RENEWAL
Jefferson M PoquetteRussiaElwin Sharvill QUALIFIED
Leon D MorascaAustraliaStephen Shaw NEGOTIATION
Tony D StockhamGermanyElwin Sharvill UNQUALIFIED
Izzy B ShinkoRussiaXuxue Feng NEW
Darci V SergiArgentinaBernardo Dominic UNQUALIFIED
Rodrigues J MacleadRussiaStephen Shaw QUALIFIED
Ashley N MarrierUnited KingdomAsiya Javayant RENEWAL
Rodrigues P NestleArgentinaAmy Elsner UNQUALIFIED
Mujtaba M AlbaresSpainXuxue Feng RENEWAL
Munro H DilliardBrazilIoni Bowcher PROPOSAL
Izzy P MaletFranceBernardo Dominic NEW
Darci U RulapaughBrazilBernardo Dominic NEW
Jennifer O RulapaughRussiaAsiya Javayant RENEWAL
Chavez Y BowleyIndiaAmy Elsner QUALIFIED
Tony K MarrierUnited KingdomStephen Shaw RENEWAL
Antonio Z WieserSpainXuxue Feng NEW
Jefferson P ShinkoBrazilIvan Magalhaes QUALIFIED
Deepesh V WieserCanadaIoni Bowcher NEGOTIATION
Kaitlin U MorascaRussiaXuxue Feng NEGOTIATION
Francesco U TollnerSpainBernardo Dominic QUALIFIED
Aika A DarakjyItalyAmy Elsner RENEWAL
Sinclair U MacleadItalyBernardo Dominic UNQUALIFIED
Antonio Z MarrierBrazilXuxue Feng NEW
Maisha T AmigonIndiaStephen Shaw QUALIFIED
Isabel I NickaAustraliaXuxue Feng RENEWAL
Ivar N AmigonBrazilAmy Elsner RENEWAL
Johnson R BologniaUnited KingdomElwin Sharvill NEW
Antonio U PerinIndiaAsiya Javayant NEGOTIATION
Arvin V CampainCanadaAmy Elsner QUALIFIED
Misaki Z BriddickItalyAsiya Javayant RENEWAL
Aditya Y PoquetteIndiaIoni Bowcher RENEWAL
James W SchemmerArgentinaAmy Elsner UNQUALIFIED
Greenwood R GlickSpainOnyama Limba NEGOTIATION
Darci S WhobreyFranceBernardo Dominic PROPOSAL
Salvatore N BriddickJapanAsiya Javayant QUALIFIED
Jefferson I GlickCanadaStephen Shaw PROPOSAL
Tony C GillianRussiaXuxue Feng RENEWAL
Frozen Columns
Name
Maria M Poquette
Munro J Sergi
Jennifer J Amigon
Aditya E Flosi
Mayumi I Inouye
Johnson O Perin
Francesco P Figeroa
Isabel Q Kolmetz
Faith D Kolmetz
Salvatore D Gillian
Ivar U Darakjy
Isabel E Rulapaugh
Salvatore Q Darakjy
Salvatore O Wieser
Jennifer Z Malet
Mujtaba S Bowley
Tony H Amigon
Costa X Ruta
Antonio C Foller
Rodrigues J Vocelka
Alejandro A Nestle
Faith D Figeroa
Jeanfrancois C Caudy
Isabel P Tollner
Mayumi F Flosi
Misaki J Shinko
Darci S Garufi
Sinclair K Paprocki
Nicolas X Amigon
Claire K Garufi
Leon S Campain
Stacey Z Bolognia
Jefferson Y Malet
Maisha I Stockham
Kaitlin Y Dilliard
Rodrigues O Dilliard
Johnson P Rim
Salvatore Y Gillian
Adams D Bowley
Clifford F Waycott
Johnson G Kolmetz
Izzy K Ruta
Silvio Y Albares
Leja X Caudy
Murillo D Nicka
Greenwood J Saylors
Johnson N Shinko
Murillo L Stenseth
Salvatore L Caudy
Arvin C Shinko
IdCountryDate
1000Canada2026-06-20
1001Italy2026-06-30
1002Canada2026-07-01
1003Argentina2026-06-30
1004Brazil2026-06-19
1005Italy2026-06-18
1006United Kingdom2026-06-12
1007Argentina2026-06-28
1008Australia2026-06-29
1009India2026-07-03
1010France2026-06-09
1011Australia2026-07-04
1012France2026-06-29
1013Argentina2026-06-20
1014France2026-06-11
1015Russia2026-06-15
1016Italy2026-06-22
1017Japan2026-06-23
1018Japan2026-06-10
1019United Kingdom2026-06-12
1020Argentina2026-07-02
1021Brazil2026-06-25
1022Spain2026-07-01
1023India2026-06-15
1024Germany2026-06-30
1025Canada2026-06-11
1026United Kingdom2026-07-05
1027India2026-06-13
1028United Kingdom2026-06-30
1029India2026-07-05
1030France2026-06-26
1031Argentina2026-06-25
1032Spain2026-06-18
1033India2026-06-22
1034India2026-06-27
1035Russia2026-06-14
1036Spain2026-06-14
1037Canada2026-06-29
1038Italy2026-06-08
1039Russia2026-06-15
1040Australia2026-06-07
1041Brazil2026-06-07
1042Germany2026-06-10
1043Argentina2026-06-19
1044Spain2026-06-22
1045United Kingdom2026-06-20
1046India2026-06-12
1047Brazil2026-06-22
1048United Kingdom2026-06-25
1049Australia2026-06-15

On-Demand Data

NameIdCountryDate
Ivar A Poquette1000United Kingdom2026-06-06
Arvin P Chui1001Brazil2026-06-06
Mayumi D Darakjy1002Italy2026-07-03
Izzy Q Foller1003Italy2026-07-05
Alejandro Q Bolognia1004Brazil2026-06-28
Jeanfrancois K Flosi1005Canada2026-07-05
Greenwood I Sergi1006Argentina2026-06-16
Costa D Butt1007Brazil2026-06-18
Leon J Wieser1008Germany2026-06-20
David R Dilliard1009Japan2026-06-30
Octavia Y Stenseth1010Spain2026-06-21
Costa X Saylors1011Brazil2026-06-20
Tony R Doe1012Spain2026-06-23
Aika U Butt1013Italy2026-06-20
Nicolas Q Glick1014Australia2026-06-11
Chavez N Bolognia1015Spain2026-07-02
Rodrigues F Nestle1016Spain2026-06-14
Alejandro S Figeroa1017Italy2026-06-23
Nicolas C Royster1018France2026-07-03
Leja A Nestle1019France2026-06-25
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Juan Y FlosiFranceXuxue Feng RENEWAL
Salvatore T AlbaresJapanIvan Magalhaes NEGOTIATION
James G SergiUnited KingdomAmy Elsner PROPOSAL
Octavia K MacleadItalyAmy Elsner NEW
Tony C MacleadJapanAmy Elsner UNQUALIFIED
Maisha B StensethUnited KingdomAmy Elsner NEGOTIATION
Costa Z CaudyCanadaAsiya Javayant QUALIFIED
Kadeem K IturbideAustraliaBernardo Dominic RENEWAL
Costa J DoeFranceStephen Shaw UNQUALIFIED
Faith J InouyeCanadaBernardo Dominic RENEWAL
Costa N DoeSpainStephen Shaw QUALIFIED
Darci S PaprockiSpainAmy Elsner NEGOTIATION
Leja J SchemmerUnited KingdomXuxue Feng PROPOSAL
Tony V MarrierGermanyBernardo Dominic PROPOSAL
Julie J CampainRussiaAsiya Javayant NEGOTIATION
Julie E SchemmerSpainAsiya Javayant QUALIFIED
Izzy C NestleCanadaAnna Fali QUALIFIED
Alejandro R RimAustraliaBernardo Dominic NEGOTIATION
Izzy L StensethBrazilXuxue Feng NEGOTIATION
Nicolas U DilliardGermanyStephen Shaw NEW
Octavia A FigeroaBrazilAmy Elsner QUALIFIED
Smith M BowleyRussiaStephen Shaw NEGOTIATION
Rodrigues R SchemmerFranceAsiya Javayant NEGOTIATION
Antonio P StensethCanadaStephen Shaw RENEWAL
Emily Z RulapaughJapanElwin Sharvill NEGOTIATION
Clifford N VenereItalyXuxue Feng PROPOSAL
Sinclair W MaletJapanBernardo Dominic PROPOSAL
Jennifer L CampainRussiaStephen Shaw NEGOTIATION
Ashley A GlickJapanXuxue Feng RENEWAL
Tony Q BriddickBrazilElwin Sharvill QUALIFIED
Wickens S GarufiSpainXuxue Feng UNQUALIFIED
Jones H KuskoItalyIoni Bowcher PROPOSAL
James V FerenczSpainIoni Bowcher NEW
James R FerenczFranceBernardo Dominic QUALIFIED
Sinclair R RutaBrazilElwin Sharvill PROPOSAL
Aditya T SaylorsItalyAsiya Javayant RENEWAL
Darci I KolmetzJapanAnna Fali NEGOTIATION
Maisha G RoysterArgentinaAsiya Javayant NEW
Silvio P FollerBrazilAmy Elsner NEGOTIATION
Adams Q BowleyCanadaAnna Fali NEGOTIATION

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