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 R DarakjyFranceOnyama Limba NEW
Sinclair Y PoquetteAustraliaAmy Elsner PROPOSAL
Darci B DarakjyFranceIoni Bowcher NEW
Faith P SergiGermanyIvan Magalhaes NEW
Kaitlin C MacleadRussiaIvan Magalhaes RENEWAL
Jeanfrancois D PerinUnited KingdomElwin Sharvill NEW
Sinclair D GarufiRussiaAsiya Javayant RENEWAL
Nicolas U SlusarskiCanadaAnna Fali NEW
Arvin R FerenczItalyXuxue Feng NEGOTIATION
Rodrigues U WhobreyGermanyStephen Shaw UNQUALIFIED
Claire S DoeFranceIvan Magalhaes NEGOTIATION
Ricardo F AmigonBrazilAmy Elsner PROPOSAL
Julie L FollerAustraliaAmy Elsner NEGOTIATION
Deepesh X FerenczRussiaElwin Sharvill UNQUALIFIED
Maria O MacleadIndiaIvan Magalhaes NEW
Jefferson R ButtGermanyAnna Fali NEW
Francesco Q SchemmerJapanAnna Fali PROPOSAL
Jennifer Y DilliardBrazilElwin Sharvill PROPOSAL
Ashley F RimSpainOnyama Limba QUALIFIED
Julie U CaldareraFranceElwin Sharvill QUALIFIED
Costa C FerenczSpainStephen Shaw NEW
Ashley I OstroskyIndiaStephen Shaw UNQUALIFIED
Jefferson B SlusarskiItalyElwin Sharvill NEW
Tony X KolmetzAustraliaBernardo Dominic NEGOTIATION
Rodrigues N TollnerUnited KingdomStephen Shaw PROPOSAL
Ricardo T BowleyBrazilIvan Magalhaes PROPOSAL
Nicolas F PerinSpainBernardo Dominic NEW
Antonio M OldroydArgentinaAmy Elsner UNQUALIFIED
Kadeem S BowleyItalyAsiya Javayant QUALIFIED
Greenwood G VocelkaSpainElwin Sharvill NEW
David T TollnerAustraliaAmy Elsner NEW
Stacey O WieserItalyOnyama Limba UNQUALIFIED
Stacey H TollnerGermanyIvan Magalhaes RENEWAL
Misaki I FlosiIndiaAmy Elsner PROPOSAL
Wickens W DilliardGermanyAsiya Javayant RENEWAL
Silvio Y MarrierAustraliaAmy Elsner PROPOSAL
Ricardo J MorascaFranceBernardo Dominic QUALIFIED
Costa P RimAustraliaOnyama Limba RENEWAL
Adams H BriddickIndiaAnna Fali UNQUALIFIED
Faith F OstroskyIndiaStephen Shaw UNQUALIFIED
Adams H StockhamFranceAmy Elsner UNQUALIFIED
David E SergiAustraliaAnna Fali QUALIFIED
James F SlusarskiAustraliaAsiya Javayant PROPOSAL
Johnson A PaprockiAustraliaXuxue Feng PROPOSAL
Chavez S CampainCanadaAsiya Javayant RENEWAL
Jefferson B DarakjyJapanAnna Fali PROPOSAL
Salvatore D DarakjyFranceAmy Elsner PROPOSAL
David K MaletJapanBernardo Dominic UNQUALIFIED
Leon O FerenczSpainBernardo Dominic UNQUALIFIED
Misaki Q WaycottUnited KingdomBernardo Dominic NEW
Horizontal
NameCountryRepresentativeStatus
Greenwood H InouyeItalyAmy Elsner UNQUALIFIED
Francesco W BriddickCanadaStephen Shaw RENEWAL
Murillo M MaletAustraliaAmy Elsner NEGOTIATION
Wickens H FollerItalyBernardo Dominic PROPOSAL
David M BologniaJapanOnyama Limba RENEWAL
Deepesh K GlickJapanStephen Shaw PROPOSAL
Claire A DarakjyFranceStephen Shaw NEW
Aika A StockhamIndiaIvan Magalhaes QUALIFIED
Ivar E CaldareraRussiaXuxue Feng QUALIFIED
Adams M KuskoRussiaIvan Magalhaes UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Darci R ShinkoItaly2025-04-04Truhlar And Truhlar Attys NEGOTIATION15Asiya Javayant
1001Octavia P NickaRussia2025-04-04King, Christopher A Esq UNQUALIFIED55Onyama Limba
1002Salvatore L SaylorsSpain2025-04-01Rangoni Of Florence UNQUALIFIED4Amy Elsner
1003Leon Y ChuiArgentina2025-04-28Commercial Press QUALIFIED65Elwin Sharvill
1004Juan L CaldareraArgentina2025-04-14Feiner Bros PROPOSAL74Elwin Sharvill
1005Jennifer W MorascaBrazil2025-04-01Commercial Press NEW54Stephen Shaw
1006Claire J MaletGermany2025-04-03Morlong Associates NEW13Anna Fali
1007Kaitlin J MacleadAustralia2025-04-28Truhlar And Truhlar Attys UNQUALIFIED10Onyama Limba
1008Aditya N CaudyRussia2025-04-27Dorl, James J Esq NEGOTIATION54Ivan Magalhaes
1009Izzy K AlbaresGermany2025-04-16Dorl, James J Esq NEW27Amy Elsner
1010Clifford D GarufiRussia2025-04-22Buckley Miller Wright PROPOSAL82Onyama Limba
1011Chavez T GarufiIndia2025-04-10King, Christopher A Esq NEW7Amy Elsner
1012Misaki O FigeroaAustralia2025-04-24Chapman, Ross E Esq QUALIFIED70Xuxue Feng
1013James V RulapaughIndia2025-04-05Morlong Associates NEW31Xuxue Feng
1014Sinclair H IturbideJapan2025-04-26Truhlar And Truhlar Attys PROPOSAL87Elwin Sharvill
1015Darci A RimRussia2025-04-19Dorl, James J Esq QUALIFIED31Stephen Shaw
1016Salvatore D AlbaresAustralia2025-04-24Chapman, Ross E Esq QUALIFIED91Elwin Sharvill
1017Leon H SaylorsIndia2025-04-13Chapman, Ross E Esq NEW2Ivan Magalhaes
1018Greenwood L InouyeFrance2025-04-18Rousseaux, Michael Esq UNQUALIFIED96Asiya Javayant
1019Ashley E SlusarskiBrazil2025-04-24Feiner Bros RENEWAL10Ivan Magalhaes
1020Salvatore P GlickGermany2025-04-02Benton, John B Jr PROPOSAL50Ivan Magalhaes
1021Antonio J MorascaJapan2025-04-16Chemel, James L Cpa NEGOTIATION67Asiya Javayant
1022Leon D CampainItaly2025-04-22Chemel, James L Cpa QUALIFIED80Ivan Magalhaes
1023Clifford K SlusarskiAustralia2025-04-01Truhlar And Truhlar Attys NEW29Bernardo Dominic
1024Deepesh L ButtUnited Kingdom2025-04-16Truhlar And Truhlar Attys PROPOSAL71Amy Elsner
1025Octavia Y StockhamIndia2025-04-18Morlong Associates RENEWAL79Xuxue Feng
1026Isabel G IturbideArgentina2025-04-06Printing Dimensions PROPOSAL46Anna Fali
1027Morrow P SlusarskiFrance2025-04-10King, Christopher A Esq NEGOTIATION16Xuxue Feng
1028Nicolas F GlickUnited Kingdom2025-04-15Commercial Press PROPOSAL20Anna Fali
1029Deepesh B FlosiIndia2025-04-27Benton, John B Jr NEGOTIATION96Anna Fali
1030Nicolas G NestleItaly2025-04-15Feltz Printing Service NEW85Anna Fali
1031Tony A SlusarskiJapan2025-04-03Printing Dimensions UNQUALIFIED3Elwin Sharvill
1032Izzy R WaycottAustralia2025-04-05Benton, John B Jr UNQUALIFIED4Amy Elsner
1033Greenwood Y AlbaresRussia2025-04-25Dorl, James J Esq PROPOSAL49Amy Elsner
1034Maria X AlbaresSpain2025-04-04Morlong Associates PROPOSAL16Asiya Javayant
1035Juan O WhobreyJapan2025-04-03Feltz Printing Service RENEWAL94Ioni Bowcher
1036Jeanfrancois S RimGermany2025-04-18Feiner Bros QUALIFIED13Amy Elsner
1037Julie W GauchoUnited Kingdom2025-04-16Benton, John B Jr QUALIFIED74Onyama Limba
1038Juan J SchemmerSpain2025-04-23Dorl, James J Esq QUALIFIED88Onyama Limba
1039Juan Y FollerRussia2025-04-07Commercial Press NEW1Ivan Magalhaes
1040Francesco S FigeroaJapan2025-04-27Buckley Miller Wright RENEWAL30Stephen Shaw
1041Jefferson P SchemmerIndia2025-04-05Commercial Press NEW52Xuxue Feng
1042Misaki L WaycottRussia2025-04-08Rousseaux, Michael Esq NEW58Xuxue Feng
1043Claire D FigeroaJapan2025-04-13Feiner Bros RENEWAL81Amy Elsner
1044Wickens U NickaIndia2025-04-07Rousseaux, Michael Esq RENEWAL17Anna Fali
1045Leon E WhobreyIndia2025-04-21Morlong Associates RENEWAL17Amy Elsner
1046Sinclair C StockhamIndia2025-04-04Buckley Miller Wright UNQUALIFIED66Onyama Limba
1047Maria D MaletGermany2025-04-12Benton, John B Jr NEW75Anna Fali
1048Aditya L VenereArgentina2025-04-06King, Christopher A Esq UNQUALIFIED10Anna Fali
1049Kadeem C OldroydAustralia2025-04-24Morlong Associates RENEWAL28Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Faith N SaylorsFranceElwin Sharvill UNQUALIFIED
Stacey D MarrierJapanAnna Fali UNQUALIFIED
Adams Z MaletCanadaAsiya Javayant QUALIFIED
Leon W DilliardItalyOnyama Limba NEW
Arvin N SaylorsIndiaIvan Magalhaes RENEWAL
Ricardo P TollnerFranceIvan Magalhaes UNQUALIFIED
Claire J CaudySpainOnyama Limba PROPOSAL
Costa K WaycottCanadaElwin Sharvill UNQUALIFIED
Clifford O MarrierArgentinaAmy Elsner UNQUALIFIED
Izzy E StensethCanadaIoni Bowcher RENEWAL
Johnson D RimCanadaBernardo Dominic NEGOTIATION
Leja C IturbideAustraliaXuxue Feng QUALIFIED
James L KolmetzAustraliaBernardo Dominic NEW
David E ShinkoCanadaAsiya Javayant PROPOSAL
Isabel D RoysterFranceAmy Elsner QUALIFIED
Adams G BriddickRussiaBernardo Dominic UNQUALIFIED
Claire W RulapaughRussiaStephen Shaw NEW
Aditya I WaycottBrazilBernardo Dominic QUALIFIED
Jefferson L StockhamFranceBernardo Dominic NEGOTIATION
Jones O DarakjySpainAsiya Javayant QUALIFIED
Juan Q NickaItalyIvan Magalhaes QUALIFIED
Antonio J SaylorsGermanyAmy Elsner NEW
Maria B SchemmerArgentinaAnna Fali PROPOSAL
Jefferson U GillianAustraliaIvan Magalhaes NEGOTIATION
Julie W OldroydBrazilXuxue Feng NEW
Mayumi C GarufiJapanAmy Elsner RENEWAL
Emily I AmigonArgentinaIoni Bowcher RENEWAL
Maria R BriddickFranceAmy Elsner PROPOSAL
Julie X DilliardGermanyOnyama Limba NEW
Faith W RulapaughFranceStephen Shaw PROPOSAL
Chavez B ShinkoSpainStephen Shaw NEGOTIATION
Jeanfrancois Z SlusarskiCanadaStephen Shaw NEGOTIATION
Stacey X IturbideFranceIvan Magalhaes QUALIFIED
Izzy D WieserSpainIoni Bowcher PROPOSAL
Ricardo G BowleyJapanIoni Bowcher QUALIFIED
Wickens M SaylorsCanadaBernardo Dominic QUALIFIED
Juan N VocelkaAustraliaXuxue Feng UNQUALIFIED
Tony P VenereArgentinaXuxue Feng QUALIFIED
Juan K MaletUnited KingdomElwin Sharvill RENEWAL
Jennifer P FollerSpainAsiya Javayant RENEWAL
Leon L MaletIndiaAsiya Javayant UNQUALIFIED
Murillo A OldroydSpainOnyama Limba UNQUALIFIED
David E DilliardFranceElwin Sharvill RENEWAL
Francesco B GlickArgentinaOnyama Limba UNQUALIFIED
Wickens M ShinkoRussiaBernardo Dominic QUALIFIED
Arvin K VenereUnited KingdomElwin Sharvill RENEWAL
Francesco F MaletArgentinaIoni Bowcher NEW
Tony V NestleCanadaOnyama Limba PROPOSAL
Murillo Z MaletAustraliaOnyama Limba RENEWAL
Isabel P GillianJapanElwin Sharvill RENEWAL
Frozen Columns
Name
Leja T Malet
Nicolas V Whobrey
Aika Y Wieser
Emily E Bolognia
Jeanfrancois D Marrier
Aditya L Paprocki
Cody N Stenseth
Munro H Maclead
Aika K Foller
Johnson Q Rim
Octavia J Ferencz
Isabel B Ruta
Kadeem O Figeroa
Antonio V Slusarski
Greenwood J Briddick
Aika G Morasca
Darci J Slusarski
Ivar M Saylors
Deepesh Q Gillian
Murillo W Nicka
Alejandro C Stockham
Jennifer M Briddick
Claire G Albares
Maria K Malet
Faith R Amigon
Aika C Wieser
Jennifer O Gillian
Izzy L Shinko
Kadeem U Oldroyd
Kaitlin P Sergi
David R Amigon
Mujtaba I Perin
Alejandro L Royster
Johnson Z Malet
Adams P Malet
Faith B Inouye
Jones F Amigon
Izzy B Ruta
Aika X Gaucho
Kadeem P Inouye
Ashley Q Iturbide
Salvatore B Sergi
Adams K Saylors
Munro D Malet
Julie I Rim
Isabel X Morasca
Aika W Kusko
Leja J Malet
Isabel W Iturbide
Aditya L Royster
IdCountryDate
1000India2025-04-14
1001Australia2025-04-16
1002India2025-04-04
1003Brazil2025-04-05
1004Brazil2025-04-15
1005Russia2025-04-03
1006India2025-04-01
1007France2025-04-23
1008Australia2025-04-21
1009France2025-04-23
1010Japan2025-04-12
1011Italy2025-04-24
1012France2025-04-28
1013Argentina2025-04-16
1014Brazil2025-04-12
1015Japan2025-04-22
1016United Kingdom2025-04-17
1017Japan2025-04-16
1018Spain2025-04-28
1019India2025-04-23
1020France2025-04-03
1021India2025-04-05
1022Spain2025-04-12
1023Japan2025-04-20
1024France2025-04-19
1025Spain2025-04-21
1026India2025-04-12
1027France2025-04-19
1028Brazil2025-04-18
1029France2025-04-06
1030France2025-04-26
1031Canada2025-04-22
1032Italy2025-04-16
1033Canada2025-04-19
1034Argentina2025-04-14
1035Germany2025-04-26
1036India2025-04-12
1037Australia2025-04-24
1038Australia2025-04-24
1039Italy2025-04-09
1040Russia2025-04-08
1041France2025-04-03
1042Argentina2025-04-24
1043Germany2025-03-31
1044Australia2025-04-09
1045France2025-04-23
1046United Kingdom2025-04-18
1047India2025-04-03
1048Spain2025-04-14
1049India2025-04-16

On-Demand Data

NameIdCountryDate
Morrow M Bolognia1000Russia2025-04-10
Cody R Sergi1001United Kingdom2025-04-24
Johnson M Whobrey1002Spain2025-04-27
Faith U Butt1003France2025-04-21
Ivar U Caldarera1004Canada2025-04-19
Alejandro Z Saylors1005Canada2025-04-11
Smith K Vocelka1006Japan2025-04-06
Wickens Z Dilliard1007India2025-04-09
Izzy O Kolmetz1008Italy2025-04-24
Morrow V Rulapaugh1009Brazil2025-04-20
Juan I Amigon1010India2025-04-12
Adams N Albares1011India2025-04-21
Aruna R Flosi1012India2025-04-20
Deepesh G Albares1013Russia2025-04-10
Aditya Y Wieser1014Russia2025-04-21
Wickens Q Sergi1015Australia2025-03-31
Sinclair P Royster1016Argentina2025-04-22
Adams P Inouye1017Russia2025-04-11
Salvatore O Gillian1018Brazil2025-04-22
Darci I Perin1019Japan2025-04-05
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leja N SchemmerFranceElwin Sharvill NEW
Johnson C KolmetzSpainAmy Elsner UNQUALIFIED
Silvio E NickaCanadaIoni Bowcher RENEWAL
Johnson L CaldareraGermanyAsiya Javayant NEGOTIATION
Jones N RimBrazilXuxue Feng PROPOSAL
Ivar N TollnerArgentinaAsiya Javayant UNQUALIFIED
Jeanfrancois E SchemmerFranceBernardo Dominic PROPOSAL
Kaitlin V VocelkaBrazilBernardo Dominic PROPOSAL
Juan N KolmetzIndiaStephen Shaw QUALIFIED
Maria E PoquetteGermanyOnyama Limba NEGOTIATION
Deepesh Z OldroydBrazilIoni Bowcher UNQUALIFIED
Jeanfrancois D SergiGermanyIvan Magalhaes QUALIFIED
Salvatore K MaletRussiaAnna Fali QUALIFIED
Maisha J VocelkaFranceXuxue Feng RENEWAL
Stacey Y GauchoIndiaElwin Sharvill RENEWAL
Misaki L RutaArgentinaElwin Sharvill RENEWAL
Rodrigues N FerenczCanadaIoni Bowcher PROPOSAL
Mayumi C InouyeIndiaElwin Sharvill PROPOSAL
Kaitlin J PoquetteAustraliaAmy Elsner PROPOSAL
Tony D FerenczJapanAmy Elsner NEW
Morrow E FollerGermanyStephen Shaw QUALIFIED
Izzy J FigeroaCanadaAnna Fali PROPOSAL
Julie L StensethGermanyElwin Sharvill NEW
Alejandro D SlusarskiArgentinaOnyama Limba NEGOTIATION
Claire Y RulapaughAustraliaElwin Sharvill NEW
Chavez V StensethCanadaStephen Shaw NEW
Deepesh N FigeroaArgentinaAmy Elsner PROPOSAL
Juan N RulapaughUnited KingdomIvan Magalhaes UNQUALIFIED
Smith K CampainIndiaElwin Sharvill UNQUALIFIED
Wickens Q FlosiGermanyElwin Sharvill RENEWAL
Julie U NestleBrazilBernardo Dominic NEW
Chavez B TollnerAustraliaAnna Fali NEGOTIATION
Tony J RulapaughSpainBernardo Dominic PROPOSAL
Salvatore Z GillianArgentinaAmy Elsner RENEWAL
David V StockhamGermanyElwin Sharvill NEGOTIATION
Misaki G ChuiIndiaOnyama Limba RENEWAL
Leja A StensethUnited KingdomAmy Elsner RENEWAL
Silvio M CaldareraFranceAnna Fali PROPOSAL
Wickens C CaldareraAustraliaBernardo Dominic QUALIFIED
Cody L MaletIndiaAnna Fali QUALIFIED

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