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
Mujtaba J BologniaUnited KingdomElwin Sharvill UNQUALIFIED
Nicolas Z NestleFranceIoni Bowcher RENEWAL
Tony T SlusarskiFranceAnna Fali RENEWAL
Alejandro U MacleadJapanElwin Sharvill QUALIFIED
Greenwood W WaycottArgentinaAmy Elsner NEW
Julie P WhobreyItalyElwin Sharvill PROPOSAL
Isabel J RimArgentinaAnna Fali PROPOSAL
Aika G IturbideRussiaStephen Shaw NEGOTIATION
Aditya O GlickItalyXuxue Feng QUALIFIED
Silvio O RulapaughJapanStephen Shaw QUALIFIED
Smith K DoeArgentinaXuxue Feng RENEWAL
Murillo O StockhamGermanyXuxue Feng NEGOTIATION
Francesco R NickaCanadaIoni Bowcher NEW
Alejandro G GlickCanadaIoni Bowcher RENEWAL
Misaki E WaycottUnited KingdomIvan Magalhaes NEGOTIATION
Smith M TollnerItalyStephen Shaw QUALIFIED
James L FlosiBrazilXuxue Feng NEGOTIATION
Isabel O FerenczUnited KingdomOnyama Limba NEGOTIATION
Stacey W FigeroaIndiaStephen Shaw RENEWAL
Arvin F MacleadBrazilOnyama Limba NEGOTIATION
Salvatore V GlickSpainAsiya Javayant RENEWAL
Rodrigues O SergiUnited KingdomIvan Magalhaes QUALIFIED
Julie J SaylorsFranceIvan Magalhaes QUALIFIED
Munro X NickaGermanyXuxue Feng PROPOSAL
Jennifer D AlbaresBrazilIoni Bowcher PROPOSAL
Juan K MorascaBrazilAnna Fali PROPOSAL
Aruna M NickaJapanAsiya Javayant NEGOTIATION
Faith R OstroskyItalyElwin Sharvill NEGOTIATION
Costa B SlusarskiGermanyIvan Magalhaes PROPOSAL
Octavia G KolmetzArgentinaBernardo Dominic QUALIFIED
Darci M RimRussiaAsiya Javayant NEW
Silvio M RutaCanadaIoni Bowcher QUALIFIED
Kadeem O MaletJapanIoni Bowcher PROPOSAL
Leon F FerenczUnited KingdomAsiya Javayant QUALIFIED
David K ButtFranceBernardo Dominic UNQUALIFIED
Mujtaba P OstroskyItalyIvan Magalhaes NEGOTIATION
Deepesh V InouyeRussiaOnyama Limba RENEWAL
Greenwood B ChuiGermanyElwin Sharvill UNQUALIFIED
Deepesh E WhobreyRussiaOnyama Limba UNQUALIFIED
Silvio Q PoquetteItalyStephen Shaw NEW
Clifford T KuskoCanadaAmy Elsner RENEWAL
Claire X MacleadSpainStephen Shaw UNQUALIFIED
Chavez J AmigonJapanElwin Sharvill RENEWAL
Ashley P DarakjyArgentinaXuxue Feng QUALIFIED
Misaki P OstroskyGermanyElwin Sharvill RENEWAL
Leon G AmigonSpainStephen Shaw NEW
Cody Z RulapaughBrazilOnyama Limba NEW
Chavez N StockhamGermanyIoni Bowcher UNQUALIFIED
Jeanfrancois Q DilliardGermanyAmy Elsner NEW
Munro M MarrierUnited KingdomAsiya Javayant QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Faith T StensethFranceIvan Magalhaes RENEWAL
Tony X CaudyRussiaAmy Elsner RENEWAL
Salvatore A AmigonFranceOnyama Limba RENEWAL
Aditya B RoysterJapanIoni Bowcher RENEWAL
Kaitlin Y DarakjyIndiaAmy Elsner NEW
Murillo U PoquetteRussiaAmy Elsner QUALIFIED
Maisha S GillianUnited KingdomIoni Bowcher UNQUALIFIED
Emily G InouyeAustraliaStephen Shaw PROPOSAL
Clifford H GauchoFranceOnyama Limba UNQUALIFIED
Johnson K IturbideSpainIoni Bowcher UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Tony V MarrierSpain2024-09-21Feiner Bros RENEWAL58Stephen Shaw
1001Antonio J SlusarskiUnited Kingdom2024-09-04Dorl, James J Esq QUALIFIED25Onyama Limba
1002Aruna T CaldareraJapan2024-09-19Printing Dimensions UNQUALIFIED13Elwin Sharvill
1003James F CampainBrazil2024-09-16Chapman, Ross E Esq NEGOTIATION16Amy Elsner
1004Adams S InouyeItaly2024-08-30King, Christopher A Esq QUALIFIED48Amy Elsner
1005Leon V PaprockiAustralia2024-09-02Truhlar And Truhlar Attys UNQUALIFIED19Amy Elsner
1006Aruna D WieserBrazil2024-08-31Chemel, James L Cpa NEW23Asiya Javayant
1007Murillo L SergiIndia2024-09-02King, Christopher A Esq QUALIFIED63Anna Fali
1008James E MorascaRussia2024-09-07Printing Dimensions QUALIFIED83Asiya Javayant
1009Costa N DarakjyItaly2024-09-23Morlong Associates QUALIFIED38Asiya Javayant
1010Jennifer V VenereGermany2024-09-03Commercial Press NEGOTIATION76Asiya Javayant
1011Isabel O OstroskyFrance2024-09-21Chapman, Ross E Esq QUALIFIED93Elwin Sharvill
1012Stacey Y RulapaughUnited Kingdom2024-09-10Chanay, Jeffrey A Esq NEW35Ioni Bowcher
1013Murillo H DoeAustralia2024-09-09Chemel, James L Cpa NEW13Bernardo Dominic
1014Francesco O RulapaughIndia2024-09-13Dorl, James J Esq UNQUALIFIED61Amy Elsner
1015James N SchemmerArgentina2024-09-06Printing Dimensions QUALIFIED89Ioni Bowcher
1016Rodrigues D DoeAustralia2024-09-12Morlong Associates RENEWAL78Onyama Limba
1017Izzy B GillianJapan2024-09-15Rousseaux, Michael Esq NEW14Onyama Limba
1018Tony I SergiAustralia2024-09-16Commercial Press NEW1Bernardo Dominic
1019Misaki O NestleItaly2024-08-30Chanay, Jeffrey A Esq QUALIFIED40Stephen Shaw
1020Sinclair T FigeroaAustralia2024-09-06Buckley Miller Wright NEGOTIATION56Xuxue Feng
1021Salvatore Z FlosiRussia2024-08-30Rousseaux, Michael Esq NEGOTIATION2Asiya Javayant
1022Mayumi Q FlosiUnited Kingdom2024-09-05Dorl, James J Esq NEW91Elwin Sharvill
1023Deepesh D GlickBrazil2024-08-29Printing Dimensions QUALIFIED46Anna Fali
1024Clifford X InouyeSpain2024-09-21Dorl, James J Esq QUALIFIED55Elwin Sharvill
1025Jeanfrancois D WaycottFrance2024-09-18Feiner Bros PROPOSAL62Ioni Bowcher
1026Arvin F FigeroaCanada2024-09-10Feltz Printing Service UNQUALIFIED82Bernardo Dominic
1027Ivar T NickaIndia2024-09-04Rousseaux, Michael Esq UNQUALIFIED72Ioni Bowcher
1028Darci W MacleadCanada2024-08-31Dorl, James J Esq QUALIFIED54Bernardo Dominic
1029Francesco J CaldareraGermany2024-09-11Chapman, Ross E Esq NEW8Asiya Javayant
1030Jones W RutaIndia2024-09-05Chapman, Ross E Esq NEW83Ivan Magalhaes
1031Stacey A FigeroaBrazil2024-09-02Morlong Associates NEGOTIATION56Stephen Shaw
1032Faith L RimSpain2024-09-10Rangoni Of Florence NEGOTIATION92Amy Elsner
1033Murillo C SergiGermany2024-09-03Truhlar And Truhlar Attys RENEWAL75Amy Elsner
1034Darci B WieserItaly2024-09-18Dorl, James J Esq QUALIFIED6Amy Elsner
1035Rodrigues P GarufiBrazil2024-09-08Printing Dimensions NEGOTIATION23Elwin Sharvill
1036Aditya I DarakjyBrazil2024-09-17Feltz Printing Service UNQUALIFIED72Stephen Shaw
1037Arvin F KolmetzIndia2024-09-26Feltz Printing Service NEW29Bernardo Dominic
1038Darci D SaylorsItaly2024-09-26Rousseaux, Michael Esq NEW28Elwin Sharvill
1039Izzy D OstroskyUnited Kingdom2024-09-14Rousseaux, Michael Esq UNQUALIFIED46Amy Elsner
1040Leon S MarrierCanada2024-09-06Morlong Associates UNQUALIFIED63Amy Elsner
1041Arvin Q BowleyRussia2024-09-03Dorl, James J Esq PROPOSAL26Amy Elsner
1042Kadeem J WieserGermany2024-09-01Commercial Press UNQUALIFIED43Amy Elsner
1043Mujtaba E SaylorsSpain2024-09-03King, Christopher A Esq RENEWAL72Elwin Sharvill
1044David O KuskoSpain2024-08-30Benton, John B Jr RENEWAL73Elwin Sharvill
1045Salvatore G StensethSpain2024-09-23Feltz Printing Service NEW34Onyama Limba
1046Chavez W OldroydSpain2024-09-03Feiner Bros QUALIFIED11Xuxue Feng
1047Mayumi K FlosiItaly2024-09-09Morlong Associates NEW39Anna Fali
1048Wickens U PerinSpain2024-09-19Feiner Bros NEW88Amy Elsner
1049Stacey U ShinkoItaly2024-09-13Rousseaux, Michael Esq QUALIFIED41Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Murillo R CaudyFranceBernardo Dominic QUALIFIED
Emily X NestleIndiaElwin Sharvill UNQUALIFIED
Aruna A TollnerBrazilElwin Sharvill QUALIFIED
Julie F MacleadRussiaOnyama Limba PROPOSAL
Leon Z CaudyFranceOnyama Limba UNQUALIFIED
Francesco C RutaArgentinaIvan Magalhaes UNQUALIFIED
Misaki K IturbideFranceXuxue Feng UNQUALIFIED
Mujtaba M FollerCanadaAmy Elsner NEW
Darci V NickaUnited KingdomElwin Sharvill RENEWAL
Faith H FerenczItalyStephen Shaw RENEWAL
Chavez N AmigonItalyOnyama Limba NEW
Nicolas N WaycottBrazilIoni Bowcher NEW
Antonio L WieserBrazilXuxue Feng RENEWAL
Maisha B FollerFranceIvan Magalhaes PROPOSAL
Ricardo D OldroydArgentinaAmy Elsner NEW
Leja C SergiCanadaOnyama Limba NEGOTIATION
Misaki Z PerinItalyAnna Fali NEW
Johnson Q MaletRussiaIoni Bowcher NEW
Johnson U CampainFranceStephen Shaw NEW
Arvin T SchemmerJapanAnna Fali NEGOTIATION
Ricardo G WieserJapanStephen Shaw RENEWAL
Ivar A BologniaSpainAsiya Javayant PROPOSAL
Antonio D TollnerGermanyAsiya Javayant PROPOSAL
Leon E FigeroaAustraliaAmy Elsner PROPOSAL
Mujtaba V IturbideSpainOnyama Limba UNQUALIFIED
Jones X WieserFranceElwin Sharvill NEW
Silvio C WieserRussiaIoni Bowcher NEW
Jones O StensethArgentinaIoni Bowcher RENEWAL
Clifford Q SlusarskiJapanAmy Elsner NEW
Antonio F PaprockiUnited KingdomAsiya Javayant NEW
Darci P PerinBrazilStephen Shaw RENEWAL
Cody T MaletGermanyAmy Elsner NEGOTIATION
Cody R SlusarskiJapanBernardo Dominic NEW
Cody W PoquetteGermanyBernardo Dominic UNQUALIFIED
Ricardo E WhobreyUnited KingdomAsiya Javayant NEGOTIATION
Munro S FlosiItalyElwin Sharvill NEGOTIATION
Julie Z CampainItalyXuxue Feng QUALIFIED
Octavia S SergiSpainAnna Fali QUALIFIED
Darci H CaldareraAustraliaElwin Sharvill RENEWAL
Cody V InouyeUnited KingdomIvan Magalhaes RENEWAL
Nicolas I StockhamSpainXuxue Feng UNQUALIFIED
Ivar X FollerArgentinaXuxue Feng PROPOSAL
Leja E BologniaRussiaIvan Magalhaes PROPOSAL
Kaitlin P NickaIndiaXuxue Feng RENEWAL
Faith Z FlosiSpainIoni Bowcher PROPOSAL
Jennifer P RulapaughUnited KingdomStephen Shaw QUALIFIED
Misaki S FollerFranceBernardo Dominic PROPOSAL
Clifford T RulapaughBrazilIvan Magalhaes PROPOSAL
Leon V VocelkaFranceIvan Magalhaes PROPOSAL
Jennifer J DoeBrazilAnna Fali PROPOSAL
Frozen Columns
Name
Izzy E Flosi
Deepesh D Caldarera
Isabel L Figeroa
Wickens D Ruta
Deepesh X Butt
Ashley A Inouye
Kaitlin E Rim
Rodrigues A Darakjy
Deepesh M Sergi
Arvin H Figeroa
Kadeem W Wieser
Antonio Q Waycott
Leon D Paprocki
Munro T Saylors
Leon T Gillian
Jeanfrancois L Campain
Darci S Slusarski
Nicolas V Wieser
Faith U Vocelka
David Z Doe
Salvatore S Oldroyd
Julie X Malet
Jeanfrancois P Rulapaugh
Faith X Chui
Misaki T Maclead
Maisha D Kusko
Claire O Flosi
Munro M Figeroa
Mayumi R Sergi
Jennifer E Stockham
James X Garufi
Nicolas E Caudy
Rodrigues W Darakjy
Jones O Amigon
Claire D Kusko
Nicolas V Wieser
Darci B Gillian
Clifford K Butt
Kaitlin J Poquette
Misaki J Amigon
Kadeem B Flosi
Murillo D Whobrey
Clifford P Butt
Antonio I Malet
Izzy W Malet
David S Garufi
Arvin B Albares
Costa D Kusko
Jeanfrancois K Slusarski
Antonio C Nicka
IdCountryDate
1000Japan2024-09-20
1001India2024-09-13
1002United Kingdom2024-08-30
1003Argentina2024-09-16
1004Spain2024-09-16
1005Spain2024-09-24
1006France2024-08-30
1007Australia2024-09-09
1008Argentina2024-09-09
1009Australia2024-09-08
1010Russia2024-08-28
1011Spain2024-09-21
1012France2024-09-10
1013United Kingdom2024-09-10
1014Spain2024-09-14
1015Argentina2024-09-17
1016Australia2024-09-23
1017Brazil2024-09-13
1018Australia2024-09-12
1019Australia2024-09-22
1020Italy2024-09-22
1021Italy2024-09-24
1022Brazil2024-09-01
1023Australia2024-08-30
1024Canada2024-09-21
1025Australia2024-08-31
1026Canada2024-08-31
1027Argentina2024-09-13
1028Brazil2024-09-06
1029Canada2024-09-03
1030Argentina2024-09-13
1031Australia2024-09-18
1032Australia2024-09-15
1033Spain2024-09-13
1034France2024-09-05
1035Brazil2024-08-30
1036Italy2024-09-16
1037Russia2024-09-04
1038Japan2024-09-22
1039Argentina2024-09-06
1040France2024-09-03
1041Canada2024-09-15
1042Argentina2024-09-16
1043Argentina2024-09-19
1044Australia2024-09-26
1045Japan2024-08-31
1046Argentina2024-09-07
1047France2024-09-16
1048United Kingdom2024-09-17
1049Canada2024-09-26

On-Demand Data

NameIdCountryDate
Silvio N Kusko1000France2024-09-07
Chavez M Figeroa1001Canada2024-09-06
Jefferson P Malet1002Brazil2024-09-17
Jones P Kolmetz1003India2024-09-24
Emily B Kusko1004Spain2024-09-14
Isabel L Ruta1005Canada2024-09-25
Ricardo L Venere1006Argentina2024-09-01
Costa R Ostrosky1007Italy2024-08-31
Adams A Kolmetz1008United Kingdom2024-08-28
Nicolas X Caldarera1009United Kingdom2024-09-02
Deepesh O Marrier1010Argentina2024-09-11
Smith V Tollner1011Germany2024-09-14
Julie G Caldarera1012Germany2024-09-02
Munro L Dilliard1013Italy2024-09-20
Adams X Caldarera1014Canada2024-09-22
Arvin G Venere1015Japan2024-09-02
Silvio P Inouye1016Australia2024-09-13
Jeanfrancois I Nestle1017Canada2024-09-10
Isabel O Rim1018Russia2024-08-29
Rodrigues V Bolognia1019Japan2024-09-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Jennifer B CaudyAustraliaAsiya Javayant PROPOSAL
Ricardo I OldroydArgentinaIoni Bowcher QUALIFIED
Misaki Z BowleySpainOnyama Limba QUALIFIED
Mayumi M GauchoUnited KingdomAmy Elsner PROPOSAL
Ricardo C NickaItalyElwin Sharvill QUALIFIED
Aika E MacleadJapanAsiya Javayant NEW
Antonio T PerinFranceXuxue Feng UNQUALIFIED
Aruna Q StensethJapanElwin Sharvill QUALIFIED
Claire E DarakjyIndiaIoni Bowcher PROPOSAL
Isabel J ButtGermanyAsiya Javayant NEGOTIATION
Leja A DilliardIndiaBernardo Dominic NEW
Rodrigues Y PaprockiGermanyAnna Fali NEGOTIATION
Tony Z WhobreyArgentinaXuxue Feng QUALIFIED
Aruna Q GarufiGermanyBernardo Dominic NEW
Sinclair V DarakjyCanadaElwin Sharvill NEGOTIATION
Kadeem B StensethFranceIoni Bowcher NEGOTIATION
Julie K SergiIndiaXuxue Feng NEGOTIATION
Costa N MaletGermanyBernardo Dominic NEW
Silvio A CampainFranceAnna Fali QUALIFIED
Adams S GarufiItalyBernardo Dominic NEGOTIATION
Kaitlin K BologniaUnited KingdomStephen Shaw QUALIFIED
Kadeem N RutaArgentinaElwin Sharvill QUALIFIED
David X MaletFranceAsiya Javayant QUALIFIED
Johnson T AlbaresRussiaIoni Bowcher QUALIFIED
David C GlickSpainAsiya Javayant PROPOSAL
Jefferson M WaycottRussiaAnna Fali QUALIFIED
Faith U InouyeJapanStephen Shaw UNQUALIFIED
Alejandro K MaletRussiaAmy Elsner UNQUALIFIED
Costa B GillianIndiaOnyama Limba NEW
Wickens O WieserBrazilXuxue Feng RENEWAL
Emily I VenereIndiaElwin Sharvill NEW
Kadeem S NestleItalyAmy Elsner NEW
Juan O InouyeBrazilXuxue Feng RENEWAL
Ivar N OstroskyJapanStephen Shaw NEGOTIATION
Izzy K InouyeBrazilAsiya Javayant NEGOTIATION
Stacey Q TollnerFranceElwin Sharvill NEGOTIATION
Alejandro U BriddickJapanBernardo Dominic QUALIFIED
Costa H RulapaughIndiaIoni Bowcher NEGOTIATION
Claire A RulapaughGermanyBernardo Dominic NEW
Mujtaba Y RimJapanOnyama Limba PROPOSAL

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