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
Aditya O IturbideGermanyAnna Fali QUALIFIED
Alejandro P AmigonArgentinaOnyama Limba PROPOSAL
Clifford L DoeFranceIoni Bowcher QUALIFIED
Mayumi V GarufiAustraliaAmy Elsner RENEWAL
Sinclair I RulapaughBrazilAsiya Javayant UNQUALIFIED
Stacey J MaletJapanIvan Magalhaes RENEWAL
Julie P BriddickSpainXuxue Feng UNQUALIFIED
Aruna L PerinCanadaAnna Fali PROPOSAL
Morrow G VocelkaSpainAnna Fali PROPOSAL
Arvin E OldroydAustraliaXuxue Feng RENEWAL
Adams S MacleadItalyIvan Magalhaes PROPOSAL
Izzy D RoysterIndiaIvan Magalhaes QUALIFIED
Misaki N AlbaresAustraliaAmy Elsner RENEWAL
Jones S MaletItalyAsiya Javayant NEGOTIATION
Silvio B DoeUnited KingdomElwin Sharvill PROPOSAL
Mayumi C RimItalyBernardo Dominic QUALIFIED
Munro Z MaletSpainStephen Shaw QUALIFIED
Maisha W TollnerIndiaStephen Shaw QUALIFIED
Leon P BriddickSpainStephen Shaw UNQUALIFIED
Faith G SchemmerFranceAsiya Javayant RENEWAL
Adams K RimSpainStephen Shaw QUALIFIED
Clifford P MorascaBrazilElwin Sharvill UNQUALIFIED
Ivar C KuskoJapanBernardo Dominic NEGOTIATION
Chavez E NickaUnited KingdomElwin Sharvill RENEWAL
Smith Z MacleadCanadaAsiya Javayant NEGOTIATION
Leja Y RulapaughIndiaElwin Sharvill PROPOSAL
Jefferson W WhobreyIndiaOnyama Limba NEGOTIATION
Kaitlin T SlusarskiCanadaXuxue Feng NEGOTIATION
Leon P StockhamBrazilElwin Sharvill QUALIFIED
Izzy Q PerinBrazilIoni Bowcher UNQUALIFIED
Jefferson C FlosiAustraliaIvan Magalhaes PROPOSAL
Faith D OldroydItalyElwin Sharvill RENEWAL
Arvin H StensethGermanyAnna Fali QUALIFIED
Misaki J NestleUnited KingdomAnna Fali QUALIFIED
Ashley I FlosiIndiaElwin Sharvill PROPOSAL
Julie F GarufiGermanyIoni Bowcher RENEWAL
Adams B BologniaUnited KingdomAnna Fali RENEWAL
Morrow S MacleadIndiaXuxue Feng RENEWAL
Aditya C BriddickJapanOnyama Limba UNQUALIFIED
Murillo S PerinCanadaStephen Shaw PROPOSAL
Aika Y KuskoUnited KingdomAnna Fali UNQUALIFIED
Adams C RimIndiaOnyama Limba NEW
Jefferson M FollerArgentinaStephen Shaw RENEWAL
Darci I DoeItalyIvan Magalhaes RENEWAL
James Z FollerJapanIvan Magalhaes PROPOSAL
Salvatore D ButtSpainBernardo Dominic PROPOSAL
Aika W StockhamGermanyIoni Bowcher QUALIFIED
Maria C BowleyAustraliaAmy Elsner RENEWAL
Salvatore T WaycottUnited KingdomAnna Fali NEGOTIATION
Cody Z AlbaresUnited KingdomIoni Bowcher QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Smith Z IturbideArgentinaXuxue Feng RENEWAL
Jones W StensethFranceElwin Sharvill NEGOTIATION
James A TollnerCanadaAnna Fali NEGOTIATION
Jennifer I KuskoUnited KingdomElwin Sharvill QUALIFIED
Jeanfrancois M IturbideJapanIvan Magalhaes NEW
Antonio J BowleyCanadaXuxue Feng QUALIFIED
Octavia O WieserJapanIoni Bowcher QUALIFIED
Salvatore C WhobreyUnited KingdomIvan Magalhaes UNQUALIFIED
Faith Y MarrierArgentinaAsiya Javayant NEGOTIATION
Johnson P MacleadRussiaIvan Magalhaes PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aruna I BologniaAustralia2025-04-27Printing Dimensions RENEWAL11Elwin Sharvill
1001Stacey P OldroydCanada2025-04-23Dorl, James J Esq UNQUALIFIED86Asiya Javayant
1002Antonio Q BriddickFrance2025-04-23Feiner Bros QUALIFIED21Amy Elsner
1003Emily K TollnerIndia2025-04-26Dorl, James J Esq UNQUALIFIED61Bernardo Dominic
1004Munro E FigeroaGermany2025-04-20Truhlar And Truhlar Attys RENEWAL73Stephen Shaw
1005Morrow M WaycottCanada2025-04-26Rangoni Of Florence UNQUALIFIED89Ivan Magalhaes
1006Munro U SlusarskiRussia2025-04-24Chanay, Jeffrey A Esq UNQUALIFIED27Xuxue Feng
1007Cody C WaycottSpain2025-04-06Feiner Bros NEGOTIATION74Anna Fali
1008Jefferson V RutaJapan2025-04-16Printing Dimensions PROPOSAL59Elwin Sharvill
1009Darci L VocelkaGermany2025-04-04Rousseaux, Michael Esq NEW53Anna Fali
1010Alejandro H RutaBrazil2025-04-07King, Christopher A Esq NEW4Asiya Javayant
1011Nicolas A PoquetteArgentina2025-04-10Truhlar And Truhlar Attys NEGOTIATION13Asiya Javayant
1012Jones C RutaSpain2025-04-06Truhlar And Truhlar Attys NEGOTIATION84Xuxue Feng
1013Leja D FlosiRussia2025-04-24Buckley Miller Wright RENEWAL4Ioni Bowcher
1014Silvio Z WieserFrance2025-04-27Commercial Press PROPOSAL99Asiya Javayant
1015Kadeem V DoeAustralia2025-04-24Feltz Printing Service PROPOSAL46Asiya Javayant
1016Jennifer F GauchoGermany2025-04-30Buckley Miller Wright RENEWAL24Ivan Magalhaes
1017Adams N SaylorsGermany2025-04-23Truhlar And Truhlar Attys PROPOSAL76Bernardo Dominic
1018Emily C GarufiFrance2025-04-10Commercial Press RENEWAL31Amy Elsner
1019Stacey Q ChuiArgentina2025-04-21Buckley Miller Wright UNQUALIFIED32Bernardo Dominic
1020Greenwood Y WhobreyAustralia2025-04-17Benton, John B Jr QUALIFIED39Elwin Sharvill
1021Antonio Z DarakjyArgentina2025-04-11Buckley Miller Wright NEW8Asiya Javayant
1022Arvin J BologniaArgentina2025-04-22Dorl, James J Esq NEW4Stephen Shaw
1023Clifford H VocelkaRussia2025-04-15Chanay, Jeffrey A Esq QUALIFIED13Ioni Bowcher
1024Jeanfrancois E OstroskyArgentina2025-04-03Truhlar And Truhlar Attys RENEWAL48Ivan Magalhaes
1025Jennifer R GauchoBrazil2025-04-08Benton, John B Jr NEGOTIATION17Amy Elsner
1026Julie N PerinBrazil2025-04-11Printing Dimensions NEW59Onyama Limba
1027Salvatore X StensethRussia2025-04-26Rousseaux, Michael Esq PROPOSAL98Bernardo Dominic
1028Jones V MorascaFrance2025-04-21Chanay, Jeffrey A Esq NEW67Stephen Shaw
1029Mujtaba W GillianIndia2025-04-08Chemel, James L Cpa NEW52Xuxue Feng
1030Maisha L WieserBrazil2025-04-18Benton, John B Jr PROPOSAL37Anna Fali
1031Isabel F NestleGermany2025-04-15Truhlar And Truhlar Attys RENEWAL82Bernardo Dominic
1032Sinclair C NickaJapan2025-04-14Chapman, Ross E Esq NEGOTIATION9Ioni Bowcher
1033Chavez C CaudyRussia2025-04-07Truhlar And Truhlar Attys NEW29Ioni Bowcher
1034Aika J WaycottArgentina2025-04-17Chemel, James L Cpa UNQUALIFIED90Anna Fali
1035Jennifer R WaycottJapan2025-04-06Buckley Miller Wright QUALIFIED35Onyama Limba
1036Juan G KolmetzJapan2025-04-23Feiner Bros RENEWAL55Stephen Shaw
1037Chavez R StockhamFrance2025-04-01Printing Dimensions PROPOSAL72Elwin Sharvill
1038Arvin I NestleJapan2025-04-14Truhlar And Truhlar Attys PROPOSAL11Stephen Shaw
1039Julie H BowleyIndia2025-04-29Feiner Bros RENEWAL1Xuxue Feng
1040Salvatore C SergiSpain2025-04-18Morlong Associates RENEWAL33Onyama Limba
1041Greenwood C ChuiItaly2025-04-16Rangoni Of Florence RENEWAL29Bernardo Dominic
1042Sinclair H PoquetteGermany2025-04-28Printing Dimensions PROPOSAL51Bernardo Dominic
1043Arvin M SlusarskiAustralia2025-04-22Dorl, James J Esq PROPOSAL16Anna Fali
1044Jennifer Q MaletItaly2025-04-20Commercial Press NEW26Stephen Shaw
1045Jeanfrancois E GlickSpain2025-04-21Truhlar And Truhlar Attys PROPOSAL56Anna Fali
1046Darci T CampainFrance2025-04-15Rangoni Of Florence RENEWAL83Ivan Magalhaes
1047Sinclair F MorascaCanada2025-04-03Chemel, James L Cpa UNQUALIFIED74Stephen Shaw
1048Salvatore M CaudyRussia2025-04-05Feiner Bros QUALIFIED93Elwin Sharvill
1049Adams Z ShinkoSpain2025-04-05Rousseaux, Michael Esq PROPOSAL2Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Deepesh W WaycottUnited KingdomBernardo Dominic RENEWAL
Izzy O WaycottFranceAnna Fali NEW
Chavez A ShinkoItalyElwin Sharvill UNQUALIFIED
Tony M DoeUnited KingdomStephen Shaw QUALIFIED
Maria Q FollerUnited KingdomStephen Shaw PROPOSAL
Adams K VenereUnited KingdomAsiya Javayant PROPOSAL
Mayumi H KuskoArgentinaStephen Shaw QUALIFIED
Juan I VocelkaGermanyAnna Fali RENEWAL
Francesco Z MorascaIndiaXuxue Feng RENEWAL
Emily R StockhamAustraliaAsiya Javayant QUALIFIED
Ricardo V GarufiCanadaAsiya Javayant PROPOSAL
Ashley E BologniaUnited KingdomIoni Bowcher RENEWAL
Clifford B GarufiFranceXuxue Feng NEGOTIATION
Chavez K StockhamArgentinaElwin Sharvill UNQUALIFIED
Salvatore P GillianJapanOnyama Limba NEGOTIATION
Deepesh S AmigonGermanyOnyama Limba NEGOTIATION
Tony X KuskoAustraliaAmy Elsner PROPOSAL
Jefferson A GarufiGermanyAsiya Javayant RENEWAL
Maisha B NestleCanadaAnna Fali QUALIFIED
Aruna R KuskoArgentinaAmy Elsner RENEWAL
Silvio K VenereUnited KingdomStephen Shaw PROPOSAL
Jones U RutaCanadaAsiya Javayant PROPOSAL
Aika S MacleadBrazilAnna Fali NEW
Alejandro U DarakjyRussiaAnna Fali NEGOTIATION
James O VocelkaGermanyElwin Sharvill PROPOSAL
Julie G GarufiUnited KingdomAnna Fali QUALIFIED
Julie J GillianIndiaXuxue Feng UNQUALIFIED
Francesco P KuskoRussiaOnyama Limba UNQUALIFIED
Cody X SaylorsCanadaOnyama Limba UNQUALIFIED
Leja A BriddickCanadaAmy Elsner RENEWAL
Arvin K VocelkaJapanAnna Fali RENEWAL
Sinclair A ShinkoBrazilElwin Sharvill RENEWAL
Morrow S FerenczFranceOnyama Limba UNQUALIFIED
Emily P CaldareraUnited KingdomAnna Fali RENEWAL
Claire J KolmetzGermanyIvan Magalhaes PROPOSAL
Kadeem U NestleJapanXuxue Feng NEGOTIATION
Clifford X RimRussiaElwin Sharvill RENEWAL
Kaitlin K ChuiArgentinaAnna Fali QUALIFIED
Aika V SlusarskiUnited KingdomOnyama Limba QUALIFIED
Julie B GlickItalyBernardo Dominic PROPOSAL
Stacey X CaudyJapanIoni Bowcher QUALIFIED
Wickens M DarakjyItalyXuxue Feng RENEWAL
James F VocelkaFranceIoni Bowcher PROPOSAL
Alejandro T InouyeItalyAnna Fali RENEWAL
Greenwood V WieserUnited KingdomIoni Bowcher QUALIFIED
Ivar J FerenczCanadaAnna Fali RENEWAL
Deepesh Y FlosiCanadaAnna Fali NEW
Darci P NestleFranceElwin Sharvill QUALIFIED
James T DoeJapanAmy Elsner RENEWAL
Nicolas I BologniaJapanAmy Elsner NEW
Frozen Columns
Name
Adams Z Bowley
Sinclair H Darakjy
Costa I Glick
Aika F Nestle
Costa D Nicka
Munro O Flosi
Faith K Royster
Adams G Schemmer
Aika S Inouye
Claire K Nicka
Jones W Iturbide
Francesco Z Morasca
Kaitlin N Caldarera
Jennifer A Wieser
Faith W Ruta
Munro X Whobrey
Deepesh H Briddick
Leja J Saylors
Antonio D Poquette
Ricardo W Nestle
Jennifer Z Schemmer
Aika L Rim
Sinclair Z Wieser
Nicolas V Ostrosky
Kaitlin X Venere
Misaki I Rulapaugh
Murillo U Bolognia
Aruna F Gaucho
Jennifer E Royster
Munro M Figeroa
Wickens G Foller
Emily X Marrier
Greenwood H Maclead
Munro Q Royster
Cody H Waycott
Isabel M Waycott
Octavia Z Paprocki
James R Stenseth
Juan U Doe
Silvio B Waycott
Kadeem T Figeroa
Izzy M Stenseth
Leon M Caldarera
Alejandro W Caudy
Mayumi U Sergi
Adams Y Bowley
Arvin P Gillian
Rodrigues G Rim
Cody Q Darakjy
Antonio A Inouye
IdCountryDate
1000Brazil2025-04-29
1001Canada2025-04-21
1002France2025-04-25
1003Italy2025-04-26
1004Russia2025-04-15
1005India2025-04-01
1006India2025-04-08
1007Spain2025-04-23
1008France2025-04-24
1009Japan2025-04-17
1010Italy2025-04-26
1011Japan2025-04-19
1012India2025-04-02
1013Brazil2025-04-09
1014Spain2025-04-17
1015Italy2025-04-17
1016Russia2025-04-02
1017United Kingdom2025-04-08
1018Japan2025-04-02
1019France2025-04-07
1020Germany2025-04-16
1021Australia2025-04-16
1022Spain2025-04-17
1023Argentina2025-04-12
1024Brazil2025-04-25
1025Argentina2025-04-26
1026India2025-04-12
1027Canada2025-04-17
1028Australia2025-04-23
1029Argentina2025-04-05
1030Brazil2025-04-22
1031Japan2025-04-30
1032France2025-04-07
1033France2025-04-09
1034Australia2025-04-19
1035Italy2025-04-06
1036United Kingdom2025-04-26
1037Argentina2025-04-24
1038France2025-04-09
1039Canada2025-04-29
1040Russia2025-04-06
1041Spain2025-04-24
1042Japan2025-04-10
1043Canada2025-04-30
1044Spain2025-04-06
1045Italy2025-04-27
1046Argentina2025-04-22
1047United Kingdom2025-04-01
1048Germany2025-04-13
1049Russia2025-04-16

On-Demand Data

NameIdCountryDate
Aika G Ferencz1000Argentina2025-04-29
Adams K Morasca1001Japan2025-04-05
Leon J Glick1002United Kingdom2025-04-25
Maria U Chui1003Australia2025-04-05
Kadeem R Whobrey1004Argentina2025-04-20
Antonio R Slusarski1005Brazil2025-04-20
Misaki C Kusko1006Canada2025-04-04
Maria C Morasca1007Australia2025-04-21
Ricardo F Briddick1008Spain2025-04-27
Jones K Dilliard1009Canada2025-04-27
Deepesh H Flosi1010Japan2025-04-29
Antonio B Doe1011United Kingdom2025-04-01
Silvio S Nicka1012Italy2025-04-30
Kaitlin X Caldarera1013Australia2025-04-10
Adams I Tollner1014Italy2025-04-08
Mujtaba B Kolmetz1015United Kingdom2025-04-21
Costa B Ruta1016Australia2025-04-08
Rodrigues I Campain1017Italy2025-04-05
Costa J Iturbide1018Australia2025-04-16
James Y Stockham1019United Kingdom2025-04-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aika R DilliardIndiaIvan Magalhaes RENEWAL
Salvatore B CampainGermanyAmy Elsner RENEWAL
Julie Q MorascaArgentinaIvan Magalhaes RENEWAL
Maria G AmigonSpainIvan Magalhaes NEW
Aditya J SlusarskiBrazilStephen Shaw UNQUALIFIED
Kadeem X WaycottItalyXuxue Feng NEW
Maria Y WieserCanadaAnna Fali QUALIFIED
Stacey I InouyeUnited KingdomElwin Sharvill PROPOSAL
Darci G ShinkoFranceAmy Elsner NEW
Kadeem Z PerinArgentinaBernardo Dominic NEW
Munro J FigeroaBrazilAnna Fali NEGOTIATION
Chavez I RulapaughGermanyIvan Magalhaes UNQUALIFIED
Ashley Z DilliardRussiaElwin Sharvill NEW
Cody W MacleadUnited KingdomAmy Elsner NEW
Jeanfrancois X FerenczRussiaAnna Fali NEGOTIATION
Jeanfrancois O InouyeArgentinaAnna Fali RENEWAL
Aditya J GillianGermanyAmy Elsner RENEWAL
Kadeem H RutaBrazilXuxue Feng QUALIFIED
Aika Q MacleadItalyIoni Bowcher UNQUALIFIED
Jennifer A FigeroaGermanyXuxue Feng PROPOSAL
Clifford C DilliardSpainIvan Magalhaes QUALIFIED
Maisha W FigeroaItalyXuxue Feng RENEWAL
Deepesh F BriddickBrazilOnyama Limba RENEWAL
Aditya V StockhamFranceIvan Magalhaes UNQUALIFIED
Ricardo D OldroydBrazilAnna Fali NEGOTIATION
Claire E TollnerUnited KingdomOnyama Limba QUALIFIED
Mujtaba U GlickFranceXuxue Feng NEGOTIATION
Kadeem E GarufiAustraliaStephen Shaw NEW
Leon C FlosiRussiaIoni Bowcher NEGOTIATION
Claire E PerinArgentinaAsiya Javayant QUALIFIED
Morrow M BriddickJapanAnna Fali NEW
Alejandro H MaletCanadaOnyama Limba UNQUALIFIED
Nicolas B ButtArgentinaAmy Elsner NEGOTIATION
Morrow L AmigonRussiaStephen Shaw QUALIFIED
Ashley N DarakjyArgentinaStephen Shaw NEGOTIATION
Smith U MorascaGermanyIoni Bowcher NEGOTIATION
Ivar Q CampainAustraliaIvan Magalhaes NEGOTIATION
Maisha O DilliardCanadaIoni Bowcher NEW
Ricardo D MaletBrazilAsiya Javayant RENEWAL
Wickens C WieserBrazilIvan Magalhaes 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>