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
Salvatore P VenereSpainAsiya Javayant NEGOTIATION
Nicolas Q DilliardFranceAsiya Javayant PROPOSAL
Octavia T BologniaArgentinaOnyama Limba NEW
James T GauchoUnited KingdomBernardo Dominic QUALIFIED
Silvio U StockhamItalyIvan Magalhaes QUALIFIED
Nicolas L RulapaughUnited KingdomOnyama Limba PROPOSAL
Sinclair H DoeJapanIvan Magalhaes NEW
Greenwood H VenereGermanyIoni Bowcher QUALIFIED
Julie Q WhobreyCanadaIvan Magalhaes RENEWAL
Arvin R GarufiItalyXuxue Feng UNQUALIFIED
Jennifer K DarakjyIndiaIoni Bowcher QUALIFIED
James F FerenczArgentinaAnna Fali NEGOTIATION
Leja S PaprockiFranceAsiya Javayant NEGOTIATION
Smith I DilliardSpainOnyama Limba QUALIFIED
Alejandro B RoysterJapanStephen Shaw QUALIFIED
Antonio L MorascaIndiaBernardo Dominic RENEWAL
Adams B IturbideJapanElwin Sharvill PROPOSAL
Leon N CaudyJapanAsiya Javayant PROPOSAL
Mayumi X StensethItalyBernardo Dominic PROPOSAL
Jefferson E ButtIndiaIoni Bowcher RENEWAL
Francesco O OstroskyUnited KingdomIvan Magalhaes RENEWAL
Tony T StockhamRussiaBernardo Dominic RENEWAL
Juan V RutaAustraliaAnna Fali RENEWAL
James E ChuiRussiaAmy Elsner NEGOTIATION
Deepesh I RutaBrazilAsiya Javayant NEW
Murillo T KolmetzIndiaStephen Shaw NEW
Greenwood Y TollnerBrazilXuxue Feng RENEWAL
Aika E DarakjyItalyIoni Bowcher NEW
Alejandro N SergiUnited KingdomOnyama Limba PROPOSAL
Jennifer E BowleyAustraliaXuxue Feng NEGOTIATION
Munro M AmigonIndiaAmy Elsner QUALIFIED
Alejandro X BriddickIndiaOnyama Limba RENEWAL
Salvatore W DoeItalyAmy Elsner PROPOSAL
Deepesh G TollnerFranceXuxue Feng QUALIFIED
Maisha C FollerBrazilElwin Sharvill QUALIFIED
Darci I StockhamJapanAnna Fali PROPOSAL
Rodrigues A MaletAustraliaIvan Magalhaes QUALIFIED
Emily G MacleadItalyOnyama Limba PROPOSAL
Ricardo Y BowleyUnited KingdomStephen Shaw NEGOTIATION
Julie T NickaRussiaIvan Magalhaes NEGOTIATION
Aika J PoquetteUnited KingdomElwin Sharvill NEGOTIATION
Faith C RoysterJapanAsiya Javayant NEGOTIATION
Julie Y BologniaUnited KingdomAmy Elsner UNQUALIFIED
Kadeem L GauchoJapanStephen Shaw QUALIFIED
Greenwood W BriddickAustraliaElwin Sharvill NEW
Ashley L MacleadAustraliaBernardo Dominic UNQUALIFIED
Murillo X StockhamBrazilXuxue Feng PROPOSAL
Jennifer Y DoeBrazilIoni Bowcher RENEWAL
Jefferson B WieserArgentinaElwin Sharvill RENEWAL
Clifford V MacleadJapanAmy Elsner NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Deepesh T RutaIndiaElwin Sharvill PROPOSAL
Antonio X SlusarskiArgentinaElwin Sharvill NEW
Misaki Q RimRussiaAsiya Javayant NEGOTIATION
Isabel W DoeUnited KingdomIoni Bowcher NEW
Chavez A MorascaBrazilAmy Elsner PROPOSAL
Kadeem C BriddickBrazilIvan Magalhaes QUALIFIED
Leja A DilliardItalyElwin Sharvill PROPOSAL
Ricardo R KuskoItalyOnyama Limba QUALIFIED
Jones M SlusarskiSpainBernardo Dominic PROPOSAL
Munro R OldroydSpainAmy Elsner RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Adams Z MaletAustralia2026-07-09Benton, John B Jr UNQUALIFIED73Amy Elsner
1001Rodrigues V OstroskyArgentina2026-07-28Chemel, James L Cpa NEGOTIATION35Ivan Magalhaes
1002Leja W SergiRussia2026-07-03Benton, John B Jr RENEWAL33Asiya Javayant
1003Francesco W PaprockiJapan2026-07-03Feiner Bros QUALIFIED48Ivan Magalhaes
1004Aruna T MacleadCanada2026-07-02Chapman, Ross E Esq QUALIFIED97Bernardo Dominic
1005Morrow I IturbideSpain2026-06-30Feltz Printing Service UNQUALIFIED2Ioni Bowcher
1006Antonio H PerinRussia2026-07-23Dorl, James J Esq NEW48Xuxue Feng
1007Antonio V FlosiCanada2026-07-24Dorl, James J Esq PROPOSAL27Anna Fali
1008Costa F FigeroaBrazil2026-07-13Commercial Press PROPOSAL50Ioni Bowcher
1009Arvin V RutaCanada2026-07-15Chanay, Jeffrey A Esq NEW4Stephen Shaw
1010Munro E DarakjyCanada2026-07-13Buckley Miller Wright RENEWAL18Elwin Sharvill
1011Salvatore R CaldareraAustralia2026-07-18Benton, John B Jr PROPOSAL28Onyama Limba
1012Maria H BriddickCanada2026-07-22Morlong Associates RENEWAL96Ivan Magalhaes
1013Emily B PerinJapan2026-07-10Morlong Associates NEW98Amy Elsner
1014Chavez X WieserFrance2026-07-02Chanay, Jeffrey A Esq NEW44Bernardo Dominic
1015Tony B RoysterCanada2026-07-16Morlong Associates RENEWAL8Ivan Magalhaes
1016Aditya T MaletRussia2026-07-01Chapman, Ross E Esq NEW11Ioni Bowcher
1017Rodrigues K MarrierAustralia2026-07-01King, Christopher A Esq NEW15Ivan Magalhaes
1018Cody O SaylorsArgentina2026-07-17King, Christopher A Esq RENEWAL60Amy Elsner
1019Arvin X DilliardRussia2026-07-07Chemel, James L Cpa NEW49Onyama Limba
1020Antonio B IturbideGermany2026-07-04Benton, John B Jr UNQUALIFIED68Onyama Limba
1021Munro C SergiUnited Kingdom2026-07-28Rangoni Of Florence QUALIFIED12Amy Elsner
1022Kadeem N SchemmerJapan2026-07-22Rousseaux, Michael Esq RENEWAL2Ivan Magalhaes
1023Izzy W GauchoSpain2026-06-29Commercial Press QUALIFIED69Stephen Shaw
1024David X MarrierRussia2026-07-04King, Christopher A Esq RENEWAL52Ioni Bowcher
1025Aruna W AlbaresUnited Kingdom2026-07-28Buckley Miller Wright UNQUALIFIED8Xuxue Feng
1026Alejandro E ShinkoGermany2026-07-22Truhlar And Truhlar Attys QUALIFIED9Ioni Bowcher
1027Darci L TollnerIndia2026-07-17Morlong Associates NEGOTIATION57Amy Elsner
1028Arvin H KuskoGermany2026-07-02Feltz Printing Service QUALIFIED21Elwin Sharvill
1029Stacey L MaletArgentina2026-07-17Feiner Bros UNQUALIFIED15Bernardo Dominic
1030Jennifer X VenereGermany2026-07-06Rangoni Of Florence PROPOSAL39Stephen Shaw
1031Maisha V PoquetteUnited Kingdom2026-07-13King, Christopher A Esq RENEWAL14Bernardo Dominic
1032Clifford X IturbideJapan2026-07-03Chemel, James L Cpa UNQUALIFIED9Xuxue Feng
1033Alejandro R CampainArgentina2026-07-25King, Christopher A Esq RENEWAL7Stephen Shaw
1034Aditya F ShinkoRussia2026-07-17Rangoni Of Florence PROPOSAL11Asiya Javayant
1035Ashley Y DoeCanada2026-07-26Chanay, Jeffrey A Esq QUALIFIED64Bernardo Dominic
1036Aika A RutaItaly2026-07-04Truhlar And Truhlar Attys NEGOTIATION20Xuxue Feng
1037Aika E GlickItaly2026-07-23Feltz Printing Service NEGOTIATION71Amy Elsner
1038Aika T CaudyJapan2026-07-20Printing Dimensions NEGOTIATION24Asiya Javayant
1039James W CaudyItaly2026-07-24Chapman, Ross E Esq RENEWAL51Onyama Limba
1040James C CampainItaly2026-06-30Benton, John B Jr QUALIFIED73Xuxue Feng
1041Aditya W IturbideCanada2026-07-04Chanay, Jeffrey A Esq NEGOTIATION11Amy Elsner
1042Kadeem F NickaAustralia2026-07-14Feiner Bros RENEWAL26Ivan Magalhaes
1043Sinclair B RutaUnited Kingdom2026-07-25Truhlar And Truhlar Attys UNQUALIFIED91Onyama Limba
1044Julie N WaycottGermany2026-07-17Chanay, Jeffrey A Esq RENEWAL7Onyama Limba
1045Emily R DilliardSpain2026-07-03Feiner Bros NEGOTIATION5Asiya Javayant
1046Faith R AmigonUnited Kingdom2026-07-08King, Christopher A Esq PROPOSAL8Ioni Bowcher
1047Cody N GarufiUnited Kingdom2026-07-04Benton, John B Jr RENEWAL72Ivan Magalhaes
1048Johnson Q SlusarskiIndia2026-07-21Chapman, Ross E Esq UNQUALIFIED74Ioni Bowcher
1049Mayumi U MarrierUnited Kingdom2026-07-07Rangoni Of Florence NEW74Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Cody W KuskoUnited KingdomAsiya Javayant NEGOTIATION
Maisha G FollerBrazilIvan Magalhaes UNQUALIFIED
Stacey E WieserAustraliaAnna Fali QUALIFIED
Sinclair V NickaSpainOnyama Limba QUALIFIED
Jones G GillianAustraliaXuxue Feng NEGOTIATION
Nicolas Y WieserIndiaBernardo Dominic RENEWAL
Antonio T SlusarskiUnited KingdomAsiya Javayant UNQUALIFIED
Jefferson R SaylorsArgentinaXuxue Feng NEW
Ivar A SergiCanadaXuxue Feng RENEWAL
Munro F SchemmerRussiaOnyama Limba NEGOTIATION
Kaitlin C AmigonGermanyStephen Shaw NEGOTIATION
David O WhobreyCanadaElwin Sharvill UNQUALIFIED
Maria U GarufiCanadaAsiya Javayant RENEWAL
Alejandro C AmigonSpainBernardo Dominic NEW
Antonio A RutaBrazilOnyama Limba QUALIFIED
James S RulapaughFranceElwin Sharvill QUALIFIED
David H GillianSpainAmy Elsner NEGOTIATION
Leja P RutaArgentinaAsiya Javayant NEGOTIATION
Juan F BriddickFranceBernardo Dominic NEW
Arvin Y IturbideGermanyAnna Fali NEW
Cody K PaprockiItalyElwin Sharvill NEW
Ricardo T GlickGermanyAsiya Javayant RENEWAL
Morrow I StensethBrazilElwin Sharvill PROPOSAL
Deepesh I OstroskySpainAsiya Javayant RENEWAL
Mujtaba F RutaIndiaStephen Shaw QUALIFIED
Leon S RutaBrazilXuxue Feng NEW
Kaitlin J FlosiAustraliaStephen Shaw PROPOSAL
Arvin R VenereAustraliaIoni Bowcher UNQUALIFIED
Mujtaba S GlickJapanOnyama Limba RENEWAL
Smith U AlbaresFranceOnyama Limba NEGOTIATION
Ricardo K PaprockiIndiaXuxue Feng RENEWAL
Francesco P OldroydIndiaAsiya Javayant RENEWAL
Deepesh G InouyeBrazilIoni Bowcher NEW
Alejandro Y TollnerFranceAsiya Javayant PROPOSAL
David G NestleUnited KingdomIvan Magalhaes NEGOTIATION
Francesco U PoquetteCanadaAsiya Javayant RENEWAL
Maria H WaycottRussiaAsiya Javayant RENEWAL
Silvio Z FollerArgentinaBernardo Dominic QUALIFIED
Alejandro O PaprockiUnited KingdomAmy Elsner QUALIFIED
Leon F WaycottAustraliaIoni Bowcher NEW
Darci K OldroydSpainAnna Fali UNQUALIFIED
Aditya P GauchoRussiaAsiya Javayant UNQUALIFIED
Smith E FigeroaAustraliaBernardo Dominic PROPOSAL
Clifford N MacleadAustraliaElwin Sharvill UNQUALIFIED
Jennifer V DarakjySpainXuxue Feng UNQUALIFIED
Greenwood A CaldareraItalyBernardo Dominic NEGOTIATION
Faith A GarufiAustraliaAmy Elsner RENEWAL
Antonio R GarufiAustraliaBernardo Dominic PROPOSAL
Murillo U CaudyRussiaAmy Elsner NEW
Adams T PoquetteItalyAmy Elsner PROPOSAL
Frozen Columns
Name
Leja W Slusarski
Maisha T Marrier
Octavia B Garufi
Aika F Shinko
Adams D Nicka
Arvin K Schemmer
Maria I Waycott
Tony X Perin
Leja K Campain
Isabel A Venere
Jennifer Q Bowley
Clifford H Dilliard
Stacey C Darakjy
Mayumi C Gillian
Salvatore M Nestle
Ricardo I Vocelka
Misaki O Sergi
Rodrigues E Poquette
Rodrigues S Amigon
Cody E Bolognia
Kaitlin G Albares
Kaitlin V Paprocki
Leja H Ruta
Salvatore D Gaucho
Greenwood V Kolmetz
Sinclair U Briddick
Mujtaba L Waycott
Deepesh W Figeroa
Jennifer L Ferencz
Morrow V Malet
Jeanfrancois S Gillian
Murillo F Ruta
Jones W Oldroyd
Misaki H Glick
Mayumi V Whobrey
Kaitlin P Poquette
Leon T Flosi
Jennifer T Stockham
Maria Q Perin
Mujtaba Z Caldarera
Aika S Dilliard
Sinclair K Vocelka
Julie Q Rim
Isabel Y Doe
Cody O Gillian
Isabel E Iturbide
Misaki D Flosi
Smith W Paprocki
Cody S Chui
Leon S Garufi
IdCountryDate
1000Brazil2026-07-12
1001Brazil2026-07-09
1002United Kingdom2026-07-13
1003Russia2026-07-21
1004Germany2026-07-03
1005France2026-07-21
1006India2026-07-12
1007United Kingdom2026-07-08
1008Brazil2026-07-25
1009Argentina2026-07-17
1010Italy2026-07-24
1011Italy2026-07-21
1012Brazil2026-07-13
1013Italy2026-07-05
1014Russia2026-07-02
1015France2026-07-16
1016Argentina2026-07-04
1017Australia2026-07-25
1018United Kingdom2026-07-27
1019United Kingdom2026-07-09
1020Brazil2026-07-16
1021France2026-07-18
1022Australia2026-07-07
1023France2026-07-07
1024Argentina2026-07-18
1025Canada2026-07-28
1026Japan2026-07-05
1027Japan2026-07-12
1028Argentina2026-07-23
1029Spain2026-07-05
1030Brazil2026-07-10
1031Russia2026-07-08
1032Japan2026-07-24
1033India2026-07-09
1034India2026-07-06
1035Argentina2026-07-15
1036Brazil2026-07-06
1037United Kingdom2026-07-19
1038Argentina2026-07-11
1039France2026-07-28
1040Japan2026-07-10
1041Italy2026-07-20
1042France2026-07-14
1043Spain2026-07-17
1044Japan2026-07-07
1045United Kingdom2026-07-16
1046Canada2026-07-08
1047Russia2026-07-17
1048Germany2026-07-16
1049Australia2026-07-28

On-Demand Data

NameIdCountryDate
Sinclair Z Whobrey1000France2026-07-27
Silvio M Kolmetz1001Russia2026-07-25
Clifford I Shinko1002United Kingdom2026-07-14
Isabel E Poquette1003Germany2026-07-03
Juan M Wieser1004Russia2026-07-24
Emily I Albares1005Russia2026-07-02
Maria T Stenseth1006Russia2026-07-22
Ivar A Sergi1007Brazil2026-07-05
Leja J Maclead1008Spain2026-07-06
Antonio O Marrier1009Italy2026-07-08
Juan H Stenseth1010Germany2026-07-19
Tony B Doe1011Spain2026-07-24
Munro W Oldroyd1012Spain2026-07-23
Ashley T Garufi1013United Kingdom2026-07-06
Mayumi W Shinko1014France2026-07-10
Kaitlin B Doe1015Japan2026-07-12
Maria B Morasca1016Italy2026-07-14
Jennifer S Morasca1017Argentina2026-07-08
Mujtaba Z Albares1018United Kingdom2026-07-12
Munro Z Waycott1019Argentina2026-07-13
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Claire D AlbaresCanadaOnyama Limba RENEWAL
Jones X RutaUnited KingdomAmy Elsner RENEWAL
Morrow Z DarakjyCanadaBernardo Dominic QUALIFIED
Julie T MaletIndiaStephen Shaw NEGOTIATION
Sinclair W RoysterRussiaAsiya Javayant NEW
Adams F BriddickAustraliaIoni Bowcher UNQUALIFIED
Emily E OldroydAustraliaStephen Shaw PROPOSAL
Ashley Z ChuiAustraliaBernardo Dominic RENEWAL
Mujtaba W OldroydSpainElwin Sharvill RENEWAL
Kaitlin C SchemmerItalyAnna Fali NEW
Juan Z NestleGermanyAmy Elsner UNQUALIFIED
Ricardo H RoysterRussiaElwin Sharvill PROPOSAL
Ivar I WieserArgentinaAsiya Javayant NEW
Aika M MarrierIndiaAmy Elsner RENEWAL
Aruna L InouyeFranceBernardo Dominic UNQUALIFIED
Antonio V AmigonGermanyAnna Fali UNQUALIFIED
Mujtaba M RutaRussiaAsiya Javayant QUALIFIED
Darci Z FlosiCanadaAnna Fali UNQUALIFIED
Leon F ShinkoSpainElwin Sharvill QUALIFIED
Clifford O RutaUnited KingdomStephen Shaw NEW
Antonio T CaudyJapanAmy Elsner RENEWAL
Izzy H NickaAustraliaStephen Shaw NEW
Maisha A FlosiAustraliaElwin Sharvill QUALIFIED
Johnson K FlosiArgentinaXuxue Feng RENEWAL
Juan G ButtArgentinaAmy Elsner NEW
Adams R GillianUnited KingdomOnyama Limba NEW
Aika H ShinkoJapanIvan Magalhaes PROPOSAL
Smith X NestleRussiaBernardo Dominic QUALIFIED
Salvatore E IturbideAustraliaOnyama Limba RENEWAL
Deepesh Y BowleyAustraliaOnyama Limba QUALIFIED
Leja Y SlusarskiFranceIoni Bowcher QUALIFIED
Jennifer E PoquetteFranceAsiya Javayant UNQUALIFIED
Smith V VenereJapanIvan Magalhaes RENEWAL
Wickens D CaudyArgentinaXuxue Feng QUALIFIED
Maisha E VocelkaArgentinaIoni Bowcher RENEWAL
Ivar S BologniaJapanElwin Sharvill PROPOSAL
Adams G RimArgentinaBernardo Dominic QUALIFIED
Jefferson E MarrierSpainAnna Fali QUALIFIED
Adams I ChuiJapanOnyama Limba NEGOTIATION
Emily H RimRussiaOnyama Limba 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>