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
Antonio G VenereJapanAmy Elsner NEGOTIATION
Arvin Q CaudyRussiaOnyama Limba NEW
Ivar H MaletBrazilAnna Fali NEW
Ivar V GarufiGermanyAsiya Javayant QUALIFIED
Costa E RimArgentinaIoni Bowcher NEGOTIATION
Arvin J IturbideFranceAsiya Javayant NEW
Arvin Z SergiUnited KingdomIvan Magalhaes NEGOTIATION
Mujtaba B WaycottBrazilAsiya Javayant QUALIFIED
Ashley U SergiJapanXuxue Feng NEW
Octavia E NestleUnited KingdomIvan Magalhaes NEGOTIATION
Antonio P ShinkoSpainXuxue Feng NEGOTIATION
Leja N WieserBrazilAnna Fali NEW
Mayumi G DoeRussiaIvan Magalhaes PROPOSAL
Juan M AlbaresUnited KingdomAnna Fali QUALIFIED
Juan B WieserAustraliaAmy Elsner UNQUALIFIED
Nicolas Y SaylorsIndiaElwin Sharvill QUALIFIED
James D NickaAustraliaIvan Magalhaes QUALIFIED
Misaki I WieserJapanXuxue Feng QUALIFIED
Jefferson U StockhamIndiaAnna Fali RENEWAL
Jefferson O DarakjyIndiaElwin Sharvill RENEWAL
Darci L DoeUnited KingdomOnyama Limba RENEWAL
Emily E GlickGermanyElwin Sharvill NEW
Morrow O NestleSpainOnyama Limba UNQUALIFIED
Adams P GlickJapanStephen Shaw RENEWAL
Kaitlin C BologniaUnited KingdomStephen Shaw UNQUALIFIED
Jeanfrancois M MorascaCanadaIoni Bowcher NEW
Maisha U ShinkoRussiaAmy Elsner NEGOTIATION
Juan O KuskoSpainElwin Sharvill PROPOSAL
Stacey P RulapaughSpainStephen Shaw PROPOSAL
Adams I InouyeFranceXuxue Feng QUALIFIED
Mujtaba I NickaIndiaXuxue Feng PROPOSAL
Faith A DilliardFranceAmy Elsner NEGOTIATION
Johnson E StockhamFranceIvan Magalhaes NEW
Clifford K AmigonJapanOnyama Limba NEW
Francesco W KuskoUnited KingdomIoni Bowcher NEW
Jefferson M RimAustraliaBernardo Dominic QUALIFIED
Nicolas O CampainRussiaAnna Fali RENEWAL
Nicolas Y GillianGermanyAnna Fali QUALIFIED
Ricardo A ChuiItalyBernardo Dominic NEW
Munro W AlbaresFranceStephen Shaw RENEWAL
Faith I OstroskyBrazilAnna Fali QUALIFIED
Faith Y WaycottBrazilAmy Elsner PROPOSAL
Smith Z CaldareraGermanyStephen Shaw NEGOTIATION
Nicolas F GlickJapanStephen Shaw NEGOTIATION
Arvin P SchemmerUnited KingdomElwin Sharvill NEGOTIATION
Silvio R WhobreySpainAsiya Javayant NEW
Deepesh Z AmigonItalyAnna Fali NEGOTIATION
Leja D FerenczAustraliaAmy Elsner UNQUALIFIED
Stacey M StockhamJapanAmy Elsner NEW
James Q RimFranceAnna Fali UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Darci V KuskoJapanOnyama Limba PROPOSAL
Faith A NickaUnited KingdomXuxue Feng QUALIFIED
Greenwood A GlickGermanyElwin Sharvill NEGOTIATION
Jeanfrancois Q PerinAustraliaElwin Sharvill RENEWAL
Rodrigues K BologniaFranceBernardo Dominic UNQUALIFIED
Greenwood B DarakjyArgentinaAsiya Javayant NEGOTIATION
Kadeem W StensethUnited KingdomOnyama Limba UNQUALIFIED
Sinclair M TollnerArgentinaAsiya Javayant QUALIFIED
Munro I BriddickCanadaAnna Fali NEGOTIATION
Isabel L SchemmerJapanAnna Fali NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ivar H StensethUnited Kingdom2025-04-19Morlong Associates QUALIFIED92Ioni Bowcher
1001Chavez Q AlbaresJapan2025-04-27Truhlar And Truhlar Attys RENEWAL21Xuxue Feng
1002Jefferson R FigeroaGermany2025-04-22Dorl, James J Esq NEW87Amy Elsner
1003Morrow V GillianBrazil2025-03-31Printing Dimensions NEW66Stephen Shaw
1004Julie P OldroydIndia2025-04-01Rangoni Of Florence QUALIFIED1Ivan Magalhaes
1005Rodrigues L SaylorsArgentina2025-03-31Buckley Miller Wright RENEWAL88Asiya Javayant
1006Emily I IturbideIndia2025-04-23Benton, John B Jr NEW35Ivan Magalhaes
1007Munro A KuskoSpain2025-04-05Morlong Associates RENEWAL6Anna Fali
1008Sinclair N IturbideArgentina2025-04-08King, Christopher A Esq RENEWAL78Anna Fali
1009Octavia C KuskoUnited Kingdom2025-04-15Rangoni Of Florence NEW42Ioni Bowcher
1010Silvio Q AmigonAustralia2025-04-06Truhlar And Truhlar Attys NEW79Xuxue Feng
1011Misaki M RoysterGermany2025-03-31Morlong Associates UNQUALIFIED63Stephen Shaw
1012Aditya B OldroydCanada2025-04-08Chemel, James L Cpa NEGOTIATION6Onyama Limba
1013Isabel I SergiBrazil2025-04-10Printing Dimensions PROPOSAL18Anna Fali
1014Morrow D GlickArgentina2025-04-15Feltz Printing Service UNQUALIFIED99Onyama Limba
1015Ashley L DarakjyBrazil2025-04-03Dorl, James J Esq PROPOSAL97Onyama Limba
1016Jones D RutaUnited Kingdom2025-04-23Feiner Bros RENEWAL76Elwin Sharvill
1017Claire O ShinkoItaly2025-04-14Feltz Printing Service RENEWAL33Anna Fali
1018James H DarakjyAustralia2025-04-07King, Christopher A Esq PROPOSAL43Asiya Javayant
1019Munro N FigeroaGermany2025-04-05Chemel, James L Cpa RENEWAL85Amy Elsner
1020Aika I PerinBrazil2025-04-19Chanay, Jeffrey A Esq NEW89Asiya Javayant
1021Murillo A CampainGermany2025-04-29Morlong Associates NEGOTIATION89Onyama Limba
1022Sinclair O CampainGermany2025-04-24Morlong Associates QUALIFIED18Bernardo Dominic
1023Kaitlin U BriddickFrance2025-04-17Commercial Press QUALIFIED24Onyama Limba
1024Octavia R BologniaUnited Kingdom2025-04-29Feiner Bros RENEWAL41Amy Elsner
1025Kadeem K MaletUnited Kingdom2025-04-17Dorl, James J Esq NEW37Bernardo Dominic
1026Kaitlin U IturbideJapan2025-04-18Dorl, James J Esq RENEWAL46Ioni Bowcher
1027Leon O BologniaItaly2025-03-31King, Christopher A Esq QUALIFIED30Ioni Bowcher
1028Aika H MaletSpain2025-04-04Dorl, James J Esq UNQUALIFIED33Ioni Bowcher
1029Munro U ButtArgentina2025-04-21Morlong Associates PROPOSAL82Onyama Limba
1030Smith U WieserArgentina2025-04-09Buckley Miller Wright RENEWAL86Ivan Magalhaes
1031Ivar Y BowleySpain2025-04-13King, Christopher A Esq NEGOTIATION77Elwin Sharvill
1032Stacey G WaycottJapan2025-04-17Rousseaux, Michael Esq UNQUALIFIED33Ivan Magalhaes
1033Kaitlin Z ChuiArgentina2025-04-24Printing Dimensions NEGOTIATION2Asiya Javayant
1034Ivar N SchemmerBrazil2025-04-14Chanay, Jeffrey A Esq NEW18Xuxue Feng
1035Rodrigues M BologniaItaly2025-04-06Truhlar And Truhlar Attys NEW90Asiya Javayant
1036Chavez V OstroskyCanada2025-04-02Buckley Miller Wright UNQUALIFIED78Asiya Javayant
1037Aruna J GarufiRussia2025-04-10Benton, John B Jr PROPOSAL41Xuxue Feng
1038Leon X OstroskyUnited Kingdom2025-04-03Printing Dimensions NEW32Anna Fali
1039Jones O MarrierItaly2025-04-21Commercial Press RENEWAL94Anna Fali
1040Nicolas H DilliardGermany2025-04-20Chemel, James L Cpa NEW88Elwin Sharvill
1041Smith L PerinIndia2025-04-01Dorl, James J Esq NEW8Xuxue Feng
1042Julie F PaprockiBrazil2025-04-18King, Christopher A Esq QUALIFIED56Elwin Sharvill
1043Morrow O ButtIndia2025-04-09Feltz Printing Service RENEWAL35Amy Elsner
1044Salvatore O MaletFrance2025-04-27Feltz Printing Service RENEWAL36Xuxue Feng
1045Juan T DarakjySpain2025-04-27Chapman, Ross E Esq UNQUALIFIED39Onyama Limba
1046Silvio D TollnerSpain2025-04-15Commercial Press QUALIFIED33Onyama Limba
1047Antonio J RulapaughGermany2025-04-07Commercial Press UNQUALIFIED21Asiya Javayant
1048Sinclair P CaldareraCanada2025-04-13Chapman, Ross E Esq RENEWAL44Stephen Shaw
1049Cody W CaudyFrance2025-04-15Rousseaux, Michael Esq QUALIFIED38Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Leja M NickaBrazilAsiya Javayant UNQUALIFIED
Claire G FlosiArgentinaElwin Sharvill UNQUALIFIED
Ivar H BriddickSpainElwin Sharvill NEGOTIATION
Leon R BriddickJapanIvan Magalhaes RENEWAL
Jones P WhobreyGermanyStephen Shaw NEGOTIATION
Darci P WhobreyBrazilAsiya Javayant QUALIFIED
Claire M MorascaFranceElwin Sharvill NEW
Aruna Q ChuiBrazilBernardo Dominic NEGOTIATION
Antonio D WaycottCanadaStephen Shaw NEGOTIATION
Jones R DilliardGermanyBernardo Dominic QUALIFIED
Julie S FigeroaArgentinaAsiya Javayant UNQUALIFIED
Kadeem Q PaprockiRussiaIvan Magalhaes NEGOTIATION
Izzy E DilliardGermanyXuxue Feng QUALIFIED
Ashley X StensethAustraliaXuxue Feng NEGOTIATION
Aruna X MaletFranceXuxue Feng UNQUALIFIED
Sinclair N FerenczAustraliaIoni Bowcher PROPOSAL
Maisha K GauchoSpainElwin Sharvill PROPOSAL
Juan L FerenczSpainOnyama Limba PROPOSAL
Juan K RoysterArgentinaBernardo Dominic RENEWAL
Mayumi G NestleJapanAmy Elsner UNQUALIFIED
Cody J AmigonRussiaIvan Magalhaes QUALIFIED
Ashley O NickaJapanAsiya Javayant NEGOTIATION
Kaitlin A SlusarskiSpainAmy Elsner NEGOTIATION
Izzy J WaycottItalyIoni Bowcher NEW
Morrow J DilliardRussiaIoni Bowcher UNQUALIFIED
Silvio F MaletRussiaXuxue Feng QUALIFIED
Murillo B WhobreyGermanyBernardo Dominic NEGOTIATION
Adams D MarrierArgentinaAnna Fali PROPOSAL
Leon J DilliardRussiaBernardo Dominic NEGOTIATION
Johnson D PoquetteIndiaIvan Magalhaes UNQUALIFIED
Costa U GauchoUnited KingdomAsiya Javayant PROPOSAL
James K NickaAustraliaBernardo Dominic NEGOTIATION
Wickens F SergiGermanyOnyama Limba UNQUALIFIED
Morrow D MorascaArgentinaIvan Magalhaes NEGOTIATION
Morrow V SchemmerSpainAnna Fali PROPOSAL
Isabel Y WaycottSpainIvan Magalhaes NEGOTIATION
David W SlusarskiRussiaElwin Sharvill NEW
Jones E KuskoJapanIvan Magalhaes NEGOTIATION
Jefferson F OstroskyCanadaXuxue Feng UNQUALIFIED
Sinclair K ButtCanadaIvan Magalhaes RENEWAL
Octavia S ButtCanadaStephen Shaw RENEWAL
Cody U DoeItalyIoni Bowcher NEGOTIATION
Stacey T VenereUnited KingdomIvan Magalhaes PROPOSAL
Ashley Z CaldareraUnited KingdomIoni Bowcher RENEWAL
Tony A ChuiUnited KingdomIoni Bowcher QUALIFIED
Maisha N AmigonSpainXuxue Feng QUALIFIED
Rodrigues R SchemmerAustraliaBernardo Dominic PROPOSAL
Aika P SaylorsCanadaAsiya Javayant PROPOSAL
Arvin B FerenczSpainStephen Shaw PROPOSAL
Arvin Z BologniaIndiaOnyama Limba PROPOSAL
Frozen Columns
Name
Aditya V Ferencz
Johnson D Gaucho
Ashley N Stenseth
Juan G Garufi
Aika A Morasca
Isabel Y Bowley
Smith P Whobrey
Jeanfrancois X Bolognia
Mayumi I Venere
Adams F Darakjy
Aruna S Inouye
Francesco W Albares
Wickens N Stenseth
Ricardo L Kusko
Julie R Whobrey
Kaitlin X Caldarera
Ashley B Inouye
James O Sergi
Clifford P Inouye
Rodrigues P Iturbide
Sinclair K Rulapaugh
Sinclair O Glick
David X Darakjy
Tony W Royster
Octavia N Inouye
Aika J Doe
Smith B Bolognia
Murillo M Ferencz
Juan B Malet
Silvio K Tollner
Darci N Shinko
Misaki D Waycott
Kaitlin Y Rulapaugh
Morrow X Campain
David R Schemmer
Jennifer N Poquette
Morrow C Dilliard
Ivar A Nicka
Wickens C Inouye
Alejandro W Bowley
Emily O Ferencz
Murillo R Perin
Salvatore Z Vocelka
Morrow Y Doe
Munro D Rulapaugh
Munro T Caldarera
Claire C Saylors
Aika Q Campain
Costa U Shinko
Sinclair L Tollner
IdCountryDate
1000United Kingdom2025-04-20
1001Brazil2025-04-27
1002Spain2025-04-12
1003France2025-04-13
1004Japan2025-04-25
1005United Kingdom2025-04-28
1006Japan2025-04-22
1007Argentina2025-04-06
1008Russia2025-04-08
1009Argentina2025-03-31
1010Argentina2025-04-13
1011Australia2025-04-21
1012Argentina2025-04-04
1013Germany2025-04-03
1014Brazil2025-04-09
1015Australia2025-04-16
1016India2025-04-09
1017Argentina2025-04-04
1018Brazil2025-04-15
1019France2025-04-21
1020Argentina2025-04-22
1021Australia2025-03-31
1022Japan2025-04-15
1023Japan2025-04-11
1024Japan2025-04-25
1025Brazil2025-04-28
1026Russia2025-04-14
1027Germany2025-04-05
1028India2025-04-27
1029Argentina2025-04-21
1030Canada2025-04-24
1031Australia2025-04-26
1032Australia2025-04-23
1033Germany2025-04-10
1034Germany2025-04-07
1035India2025-04-25
1036Argentina2025-04-08
1037India2025-04-12
1038France2025-04-14
1039France2025-04-29
1040Argentina2025-04-13
1041France2025-04-13
1042Australia2025-04-13
1043Italy2025-04-04
1044Spain2025-04-09
1045Australia2025-04-26
1046Italy2025-04-10
1047Russia2025-04-23
1048Russia2025-04-06
1049Germany2025-04-28

On-Demand Data

NameIdCountryDate
Octavia X Poquette1000Argentina2025-03-31
Antonio S Venere1001France2025-04-13
Francesco Z Tollner1002Canada2025-04-11
Ashley W Perin1003United Kingdom2025-04-12
Faith C Schemmer1004United Kingdom2025-03-31
Faith J Wieser1005Italy2025-04-15
Greenwood J Saylors1006Australia2025-04-11
Aruna Q Marrier1007Canada2025-04-18
Ricardo W Butt1008France2025-04-20
Greenwood W Bolognia1009Russia2025-04-29
Munro V Venere1010Japan2025-04-18
Misaki P Sergi1011Argentina2025-04-02
Morrow R Oldroyd1012Russia2025-04-28
Johnson M Garufi1013Canada2025-04-12
Kadeem O Inouye1014Canada2025-04-28
Mayumi R Iturbide1015Canada2025-04-05
Nicolas S Morasca1016Brazil2025-04-18
Deepesh C Iturbide1017Argentina2025-04-07
Rodrigues K Whobrey1018Brazil2025-04-13
Ashley A Figeroa1019Canada2025-04-03
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Kadeem Y BowleyAustraliaOnyama Limba NEW
Emily C StockhamFranceAmy Elsner NEW
Darci H TollnerIndiaAnna Fali PROPOSAL
Clifford N InouyeBrazilAnna Fali QUALIFIED
Morrow P IturbideItalyAmy Elsner NEGOTIATION
Isabel X FigeroaCanadaXuxue Feng NEW
Aika P FigeroaFranceIoni Bowcher NEGOTIATION
David Q IturbideItalyIoni Bowcher UNQUALIFIED
Adams V SchemmerBrazilAmy Elsner PROPOSAL
Costa M ChuiItalyIvan Magalhaes RENEWAL
Sinclair U BowleyAustraliaIoni Bowcher UNQUALIFIED
Greenwood R ButtArgentinaBernardo Dominic QUALIFIED
Mujtaba M MaletSpainAmy Elsner QUALIFIED
Nicolas R MarrierBrazilIoni Bowcher QUALIFIED
Mujtaba W StensethSpainAmy Elsner PROPOSAL
Mayumi W WhobreyGermanyIvan Magalhaes NEW
Jennifer M PaprockiJapanAsiya Javayant NEW
Maria E VocelkaSpainOnyama Limba NEGOTIATION
Octavia Y GarufiUnited KingdomIoni Bowcher PROPOSAL
Wickens Q RoysterItalyIoni Bowcher RENEWAL
Julie O MacleadAustraliaIvan Magalhaes NEGOTIATION
Murillo H BowleyBrazilBernardo Dominic QUALIFIED
Salvatore R BowleySpainBernardo Dominic QUALIFIED
Aruna R SlusarskiAustraliaIvan Magalhaes NEW
Jones K FlosiAustraliaIvan Magalhaes QUALIFIED
Faith L DilliardIndiaAsiya Javayant QUALIFIED
Tony J AmigonFranceElwin Sharvill UNQUALIFIED
Nicolas R RimUnited KingdomAsiya Javayant NEGOTIATION
Deepesh Z SaylorsSpainStephen Shaw NEW
Greenwood D PerinFranceIoni Bowcher UNQUALIFIED
Julie H CampainAustraliaBernardo Dominic NEGOTIATION
Ricardo N NestleBrazilStephen Shaw RENEWAL
Misaki F RulapaughAustraliaAnna Fali QUALIFIED
Tony J ButtFranceAsiya Javayant NEW
Aika Q VocelkaCanadaAmy Elsner RENEWAL
Silvio B DilliardGermanyXuxue Feng QUALIFIED
Antonio S PaprockiSpainIoni Bowcher UNQUALIFIED
Arvin Q NestleJapanAmy Elsner NEW
Costa C FerenczItalyOnyama Limba RENEWAL
Silvio F StensethGermanyIoni Bowcher UNQUALIFIED

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