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
Julie Z PoquetteAustraliaElwin Sharvill QUALIFIED
Julie M FerenczGermanyAsiya Javayant UNQUALIFIED
Leja K SlusarskiGermanyAnna Fali RENEWAL
Wickens Z WhobreyItalyIvan Magalhaes NEW
Munro H IturbideJapanElwin Sharvill UNQUALIFIED
Antonio S WaycottCanadaAnna Fali UNQUALIFIED
Tony S IturbideSpainOnyama Limba PROPOSAL
Deepesh X AlbaresJapanBernardo Dominic PROPOSAL
Adams O IturbideSpainIoni Bowcher NEW
Silvio O FlosiSpainAnna Fali PROPOSAL
Julie Y ShinkoBrazilAmy Elsner UNQUALIFIED
Maria U BowleyIndiaAsiya Javayant UNQUALIFIED
Ivar I PaprockiGermanyBernardo Dominic NEGOTIATION
Emily P CaldareraUnited KingdomBernardo Dominic UNQUALIFIED
Wickens Z AlbaresArgentinaAnna Fali NEW
David J VenereSpainBernardo Dominic QUALIFIED
Isabel E CampainCanadaStephen Shaw RENEWAL
Arvin I WhobreyItalyBernardo Dominic PROPOSAL
Morrow X VocelkaGermanyOnyama Limba NEW
Munro O AlbaresJapanElwin Sharvill QUALIFIED
Francesco H GauchoJapanXuxue Feng PROPOSAL
Jefferson B WhobreyUnited KingdomIvan Magalhaes QUALIFIED
Alejandro J WieserIndiaBernardo Dominic NEGOTIATION
David Y MorascaSpainBernardo Dominic UNQUALIFIED
Johnson P RoysterItalyAsiya Javayant QUALIFIED
Wickens P ChuiSpainAsiya Javayant UNQUALIFIED
Silvio I AlbaresIndiaStephen Shaw RENEWAL
Munro V SlusarskiAustraliaAnna Fali UNQUALIFIED
Mujtaba Q FollerCanadaXuxue Feng UNQUALIFIED
Deepesh Y ChuiBrazilAmy Elsner NEW
Silvio T SlusarskiGermanyIvan Magalhaes UNQUALIFIED
Julie W PerinGermanyAnna Fali PROPOSAL
Aika Q RoysterItalyStephen Shaw RENEWAL
Kaitlin K IturbideUnited KingdomStephen Shaw RENEWAL
Silvio A BriddickIndiaStephen Shaw PROPOSAL
Aruna H FollerJapanAnna Fali NEGOTIATION
Alejandro N RimAustraliaStephen Shaw PROPOSAL
Misaki T OldroydArgentinaOnyama Limba QUALIFIED
Aditya B TollnerSpainAnna Fali RENEWAL
Smith T GillianBrazilIoni Bowcher PROPOSAL
Ivar D WieserAustraliaAnna Fali PROPOSAL
Greenwood P StensethItalyElwin Sharvill PROPOSAL
Tony R GauchoItalyStephen Shaw NEGOTIATION
Ashley U PoquetteFranceAsiya Javayant QUALIFIED
Jeanfrancois T GarufiArgentinaBernardo Dominic PROPOSAL
Costa X DarakjyBrazilAnna Fali PROPOSAL
Leon J ChuiIndiaAnna Fali PROPOSAL
Isabel U VocelkaGermanyStephen Shaw UNQUALIFIED
Faith C BowleyIndiaIvan Magalhaes UNQUALIFIED
Darci T ButtIndiaAsiya Javayant NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Isabel K MarrierItalyAnna Fali QUALIFIED
Clifford D MaletGermanyBernardo Dominic PROPOSAL
Ivar F DarakjyCanadaAsiya Javayant NEW
Izzy H RoysterArgentinaAnna Fali UNQUALIFIED
Maisha S TollnerRussiaElwin Sharvill NEGOTIATION
Faith U OstroskyRussiaAsiya Javayant NEGOTIATION
Emily V RoysterRussiaOnyama Limba PROPOSAL
Kadeem Z GarufiItalyIoni Bowcher NEW
Salvatore H VenereItalyStephen Shaw UNQUALIFIED
Stacey Q AlbaresUnited KingdomAmy Elsner QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Adams O TollnerRussia2024-09-07Rangoni Of Florence PROPOSAL91Xuxue Feng
1001Darci X ChuiArgentina2024-09-18Feltz Printing Service PROPOSAL48Elwin Sharvill
1002Murillo K ButtIndia2024-09-25Chapman, Ross E Esq UNQUALIFIED76Ioni Bowcher
1003Francesco I SlusarskiGermany2024-09-21Buckley Miller Wright NEGOTIATION45Asiya Javayant
1004Isabel N GauchoFrance2024-09-05Commercial Press UNQUALIFIED39Onyama Limba
1005Smith Y SlusarskiCanada2024-08-31Rangoni Of Florence NEGOTIATION5Elwin Sharvill
1006Smith K InouyeRussia2024-09-13Benton, John B Jr PROPOSAL95Ivan Magalhaes
1007Munro K StockhamCanada2024-08-28Chapman, Ross E Esq UNQUALIFIED7Elwin Sharvill
1008Jefferson Y DarakjyFrance2024-09-12Benton, John B Jr QUALIFIED81Amy Elsner
1009Salvatore J CaudyIndia2024-09-21Chanay, Jeffrey A Esq NEW65Ivan Magalhaes
1010David N FigeroaRussia2024-09-16Chapman, Ross E Esq UNQUALIFIED79Asiya Javayant
1011Misaki U MaletFrance2024-09-12Truhlar And Truhlar Attys NEW88Onyama Limba
1012Kadeem V PerinAustralia2024-09-11Chanay, Jeffrey A Esq NEGOTIATION24Stephen Shaw
1013Maria D FlosiUnited Kingdom2024-09-14Feiner Bros PROPOSAL75Ivan Magalhaes
1014Rodrigues F PoquetteUnited Kingdom2024-09-21Benton, John B Jr UNQUALIFIED13Ioni Bowcher
1015Chavez I VenereItaly2024-09-25Feiner Bros UNQUALIFIED27Ioni Bowcher
1016Maisha N CampainGermany2024-09-05Dorl, James J Esq UNQUALIFIED28Stephen Shaw
1017Kaitlin S TollnerCanada2024-09-04Chemel, James L Cpa QUALIFIED57Xuxue Feng
1018Maria O CaldareraGermany2024-09-16King, Christopher A Esq QUALIFIED29Amy Elsner
1019Jefferson W RulapaughAustralia2024-09-16Chemel, James L Cpa NEW18Ivan Magalhaes
1020Misaki Y FollerUnited Kingdom2024-09-11Chemel, James L Cpa NEW47Anna Fali
1021Alejandro X IturbideArgentina2024-09-04Chanay, Jeffrey A Esq UNQUALIFIED52Elwin Sharvill
1022Misaki S MorascaGermany2024-09-11Feiner Bros PROPOSAL36Asiya Javayant
1023Darci J DoeGermany2024-09-25Morlong Associates PROPOSAL26Stephen Shaw
1024Isabel M CaldareraIndia2024-09-15Truhlar And Truhlar Attys QUALIFIED15Onyama Limba
1025Johnson E ShinkoUnited Kingdom2024-09-14Morlong Associates RENEWAL80Amy Elsner
1026Greenwood J MarrierIndia2024-09-12Chapman, Ross E Esq NEGOTIATION9Elwin Sharvill
1027Mayumi I SchemmerUnited Kingdom2024-09-05Chapman, Ross E Esq PROPOSAL7Xuxue Feng
1028Kaitlin R GarufiJapan2024-09-14Chapman, Ross E Esq NEW68Asiya Javayant
1029Johnson G OldroydItaly2024-09-21Chanay, Jeffrey A Esq UNQUALIFIED40Onyama Limba
1030Izzy D GillianSpain2024-09-18King, Christopher A Esq NEW75Bernardo Dominic
1031Ashley K StensethSpain2024-09-17Chemel, James L Cpa NEW95Bernardo Dominic
1032Antonio U StockhamArgentina2024-09-18Chanay, Jeffrey A Esq PROPOSAL32Ioni Bowcher
1033Costa G OldroydIndia2024-09-18Chapman, Ross E Esq NEGOTIATION51Ioni Bowcher
1034Aika G GauchoGermany2024-09-07Dorl, James J Esq RENEWAL78Elwin Sharvill
1035Mujtaba L CaldareraRussia2024-09-01Buckley Miller Wright NEW22Xuxue Feng
1036Maisha O StensethJapan2024-09-08Truhlar And Truhlar Attys UNQUALIFIED76Amy Elsner
1037Silvio H OldroydAustralia2024-08-31King, Christopher A Esq NEGOTIATION80Bernardo Dominic
1038Munro X SaylorsSpain2024-09-02Feltz Printing Service NEW69Amy Elsner
1039Octavia S FigeroaGermany2024-09-08Rangoni Of Florence QUALIFIED50Ivan Magalhaes
1040Rodrigues T ShinkoAustralia2024-09-25Dorl, James J Esq NEW41Bernardo Dominic
1041Aika P GauchoItaly2024-09-13Commercial Press NEW63Ivan Magalhaes
1042Kaitlin T CaudyArgentina2024-09-23Benton, John B Jr NEGOTIATION5Elwin Sharvill
1043Chavez P CampainArgentina2024-09-23Chemel, James L Cpa UNQUALIFIED22Asiya Javayant
1044Leon N GarufiAustralia2024-09-17Truhlar And Truhlar Attys PROPOSAL55Xuxue Feng
1045Kadeem C SchemmerGermany2024-09-07Benton, John B Jr QUALIFIED2Onyama Limba
1046Ivar E PaprockiFrance2024-09-24Feltz Printing Service RENEWAL30Elwin Sharvill
1047Mujtaba R WieserBrazil2024-08-28Dorl, James J Esq QUALIFIED62Stephen Shaw
1048Aruna S FerenczAustralia2024-08-30Feltz Printing Service UNQUALIFIED11Xuxue Feng
1049Rodrigues M KolmetzArgentina2024-09-16Benton, John B Jr QUALIFIED97Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Deepesh V NestleGermanyAnna Fali QUALIFIED
Izzy M MaletArgentinaElwin Sharvill RENEWAL
Izzy N RimAustraliaBernardo Dominic QUALIFIED
Salvatore J TollnerFranceStephen Shaw RENEWAL
Darci S NickaBrazilOnyama Limba NEW
Munro B SaylorsFranceStephen Shaw NEW
Alejandro N VocelkaArgentinaAmy Elsner PROPOSAL
Isabel D SergiBrazilIvan Magalhaes QUALIFIED
Mayumi K VenereArgentinaStephen Shaw QUALIFIED
Wickens Q NestleUnited KingdomIoni Bowcher RENEWAL
Rodrigues M VenereIndiaBernardo Dominic PROPOSAL
Maisha T CaldareraUnited KingdomAsiya Javayant RENEWAL
David X SaylorsArgentinaStephen Shaw NEW
Ashley E CaudyItalyIoni Bowcher RENEWAL
Costa G ButtGermanyAsiya Javayant NEW
Ashley H GauchoBrazilAnna Fali NEGOTIATION
Maisha G CaudyArgentinaElwin Sharvill NEGOTIATION
Clifford T WhobreyRussiaAnna Fali RENEWAL
Faith J WaycottBrazilIoni Bowcher NEW
Maisha F FlosiIndiaAsiya Javayant PROPOSAL
Claire K ShinkoFranceAnna Fali PROPOSAL
Stacey R RutaItalyStephen Shaw UNQUALIFIED
Costa T BriddickJapanAnna Fali NEW
Misaki I CampainItalyIoni Bowcher NEW
Faith H OstroskyRussiaAsiya Javayant NEW
Adams Q DoeBrazilOnyama Limba NEGOTIATION
Jeanfrancois B NickaFranceAmy Elsner NEGOTIATION
Misaki R StockhamItalyBernardo Dominic NEGOTIATION
Aika J BriddickUnited KingdomIoni Bowcher PROPOSAL
Arvin A PoquetteBrazilElwin Sharvill RENEWAL
Ricardo L GauchoSpainIvan Magalhaes UNQUALIFIED
Darci U KuskoIndiaAmy Elsner RENEWAL
Antonio O FollerArgentinaAnna Fali RENEWAL
Wickens L AlbaresAustraliaElwin Sharvill UNQUALIFIED
Ivar C RulapaughRussiaXuxue Feng NEW
Aika W CaudyIndiaIoni Bowcher NEW
Julie E RimBrazilIoni Bowcher QUALIFIED
James A SchemmerSpainStephen Shaw RENEWAL
Darci G FollerFranceAmy Elsner NEGOTIATION
Smith F SlusarskiJapanIvan Magalhaes RENEWAL
Francesco H FerenczBrazilStephen Shaw NEW
Costa Z WieserJapanOnyama Limba NEGOTIATION
Leon J KolmetzAustraliaOnyama Limba NEW
Salvatore P SaylorsRussiaElwin Sharvill NEW
Smith N AlbaresIndiaIoni Bowcher PROPOSAL
Mujtaba V GlickIndiaOnyama Limba NEGOTIATION
James L GauchoItalyAsiya Javayant PROPOSAL
Sinclair F ChuiAustraliaBernardo Dominic UNQUALIFIED
Nicolas A VenereArgentinaXuxue Feng RENEWAL
Rodrigues G NestleBrazilAnna Fali NEW
Frozen Columns
Name
Smith D Poquette
Francesco N Ferencz
Julie M Ostrosky
Leon C Doe
Leon T Garufi
Nicolas M Waycott
Isabel W Malet
Ivar F Kolmetz
Leja T Garufi
Claire F Slusarski
Smith T Glick
Jeanfrancois U Bolognia
Murillo G Stenseth
Claire E Waycott
Octavia J Marrier
Nicolas S Marrier
Antonio N Shinko
Clifford Z Doe
James L Venere
Ivar Q Gaucho
Kadeem R Paprocki
Leja F Caldarera
Johnson L Nicka
Maria Y Royster
Claire X Rulapaugh
Silvio B Malet
Munro H Caudy
Claire V Whobrey
Arvin U Ruta
Jeanfrancois V Schemmer
Chavez A Garufi
Leja Q Dilliard
Maisha Q Shinko
Antonio M Schemmer
Clifford E Caldarera
Jennifer V Oldroyd
Murillo O Slusarski
Munro W Waycott
Stacey X Garufi
Adams M Kusko
Deepesh S Flosi
Ashley M Campain
Johnson T Stenseth
Ivar K Nestle
Deepesh K Figeroa
Jefferson E Garufi
Isabel X Amigon
Ivar K Vocelka
Claire X Nicka
Izzy L Foller
IdCountryDate
1000Canada2024-09-24
1001United Kingdom2024-09-20
1002Brazil2024-09-06
1003Spain2024-09-12
1004Germany2024-09-10
1005India2024-09-25
1006Australia2024-09-08
1007Australia2024-09-25
1008Japan2024-08-29
1009United Kingdom2024-09-08
1010United Kingdom2024-09-03
1011Canada2024-09-17
1012Italy2024-09-24
1013United Kingdom2024-09-04
1014Russia2024-09-08
1015United Kingdom2024-09-20
1016Japan2024-09-15
1017Japan2024-09-17
1018Brazil2024-09-23
1019Australia2024-09-15
1020Argentina2024-09-20
1021France2024-09-14
1022Italy2024-09-12
1023Germany2024-09-23
1024Russia2024-09-19
1025Australia2024-09-13
1026Japan2024-09-02
1027Russia2024-08-29
1028Australia2024-09-23
1029France2024-09-02
1030Argentina2024-09-02
1031Italy2024-09-16
1032Russia2024-09-04
1033India2024-09-19
1034Australia2024-08-30
1035Australia2024-09-11
1036Russia2024-09-11
1037Argentina2024-09-18
1038Spain2024-09-13
1039Italy2024-09-05
1040Japan2024-09-06
1041India2024-09-12
1042Australia2024-09-03
1043Germany2024-09-24
1044Argentina2024-09-23
1045Canada2024-09-04
1046India2024-09-08
1047Italy2024-09-12
1048Australia2024-09-18
1049Germany2024-08-30

On-Demand Data

NameIdCountryDate
Nicolas Z Stenseth1000Spain2024-09-23
Misaki O Butt1001Argentina2024-09-10
Mayumi U Flosi1002Spain2024-09-01
Leon A Campain1003Canada2024-08-28
Ashley T Saylors1004Italy2024-09-07
Isabel H Ferencz1005Italy2024-09-05
Alejandro M Briddick1006France2024-09-16
Kaitlin W Bolognia1007United Kingdom2024-08-27
Alejandro B Gaucho1008Russia2024-09-21
Alejandro D Royster1009Spain2024-09-06
Maisha D Gillian1010France2024-09-13
Kaitlin L Saylors1011Brazil2024-08-27
Misaki T Ostrosky1012United Kingdom2024-09-16
Leja O Stenseth1013France2024-09-18
Francesco B Perin1014Spain2024-09-22
Ricardo V Poquette1015Spain2024-09-08
Costa Q Figeroa1016Spain2024-09-01
Emily G Marrier1017Germany2024-09-24
Silvio R Shinko1018India2024-09-01
Ricardo O Campain1019Germany2024-09-17
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Misaki I VenereRussiaXuxue Feng QUALIFIED
Jones N RutaItalyBernardo Dominic NEW
Kaitlin L MacleadGermanyAmy Elsner NEW
Antonio L SaylorsIndiaBernardo Dominic QUALIFIED
Morrow H OldroydItalyElwin Sharvill RENEWAL
Aika G GauchoJapanAnna Fali RENEWAL
Octavia T KuskoItalyXuxue Feng QUALIFIED
Adams A AmigonAustraliaAmy Elsner PROPOSAL
Darci N IturbideArgentinaOnyama Limba NEW
Aditya B AlbaresBrazilBernardo Dominic NEW
Kaitlin Q WaycottArgentinaIoni Bowcher UNQUALIFIED
Adams R DilliardAustraliaIoni Bowcher QUALIFIED
Aruna I DoeJapanXuxue Feng NEW
Mujtaba Y VenereCanadaIvan Magalhaes QUALIFIED
Aika L RoysterAustraliaIvan Magalhaes PROPOSAL
Tony I ChuiAustraliaBernardo Dominic UNQUALIFIED
Jennifer S MaletCanadaXuxue Feng UNQUALIFIED
Cody P AmigonRussiaStephen Shaw RENEWAL
Aruna C MarrierUnited KingdomXuxue Feng PROPOSAL
Izzy L ShinkoArgentinaOnyama Limba RENEWAL
Greenwood E BowleyBrazilAnna Fali NEGOTIATION
Ricardo K VocelkaJapanStephen Shaw RENEWAL
Leja U PerinGermanyIvan Magalhaes NEGOTIATION
Munro E SaylorsItalyStephen Shaw RENEWAL
Leja G ShinkoJapanIoni Bowcher NEGOTIATION
Francesco O RimFranceAsiya Javayant RENEWAL
Aruna R GarufiItalyOnyama Limba NEW
Darci N ButtIndiaIvan Magalhaes NEW
Morrow D BologniaItalyAnna Fali NEW
Kadeem N NestleBrazilOnyama Limba PROPOSAL
Maisha B CaldareraIndiaAmy Elsner QUALIFIED
Jennifer A BologniaRussiaAsiya Javayant PROPOSAL
Tony F FigeroaUnited KingdomAnna Fali NEGOTIATION
Aruna I KolmetzAustraliaAsiya Javayant PROPOSAL
Juan G SlusarskiAustraliaBernardo Dominic NEW
Alejandro N PaprockiItalyIvan Magalhaes UNQUALIFIED
Ashley A AlbaresArgentinaIvan Magalhaes NEGOTIATION
Aditya W FigeroaSpainStephen Shaw UNQUALIFIED
James N NestleBrazilAnna Fali PROPOSAL
David W GauchoCanadaAmy Elsner 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>