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
Salvatore W GarufiItalyAmy Elsner NEGOTIATION
Jefferson M NestleSpainElwin Sharvill PROPOSAL
Arvin M ShinkoJapanStephen Shaw PROPOSAL
Kadeem K BowleyCanadaOnyama Limba RENEWAL
Darci W MaletFranceStephen Shaw NEGOTIATION
Izzy U RutaCanadaBernardo Dominic UNQUALIFIED
Antonio R RoysterAustraliaBernardo Dominic PROPOSAL
Morrow Q ButtItalyIvan Magalhaes PROPOSAL
Misaki C StockhamArgentinaAnna Fali NEW
Francesco X ButtAustraliaXuxue Feng PROPOSAL
Aruna E VenereArgentinaOnyama Limba QUALIFIED
Maisha L DarakjyBrazilXuxue Feng UNQUALIFIED
Chavez J GarufiArgentinaBernardo Dominic QUALIFIED
Greenwood F PaprockiIndiaXuxue Feng NEW
Aditya J CaudyRussiaXuxue Feng NEGOTIATION
Smith I CaldareraCanadaIoni Bowcher NEGOTIATION
Wickens U PaprockiRussiaOnyama Limba PROPOSAL
Greenwood Y RulapaughCanadaOnyama Limba NEW
Cody L DarakjyIndiaBernardo Dominic QUALIFIED
Emily M GillianJapanBernardo Dominic PROPOSAL
Salvatore W VenereRussiaIoni Bowcher NEW
Arvin Z GarufiFranceBernardo Dominic QUALIFIED
Tony Y FerenczItalyStephen Shaw RENEWAL
Ashley Y FollerIndiaBernardo Dominic UNQUALIFIED
Silvio P ShinkoArgentinaBernardo Dominic UNQUALIFIED
Salvatore N FollerJapanElwin Sharvill PROPOSAL
Morrow C GarufiAustraliaAnna Fali QUALIFIED
Greenwood I SchemmerIndiaBernardo Dominic UNQUALIFIED
Izzy C PerinArgentinaAnna Fali NEW
Smith H MaletGermanyXuxue Feng UNQUALIFIED
Clifford X SchemmerUnited KingdomAnna Fali RENEWAL
Adams N InouyeJapanAmy Elsner QUALIFIED
Cody O DoeSpainBernardo Dominic PROPOSAL
Clifford N OstroskySpainStephen Shaw NEGOTIATION
Izzy F RutaSpainIvan Magalhaes PROPOSAL
Smith J BriddickFranceIvan Magalhaes QUALIFIED
Costa N PoquetteBrazilOnyama Limba NEGOTIATION
Tony X SlusarskiBrazilAnna Fali QUALIFIED
Kadeem Z AlbaresSpainStephen Shaw NEGOTIATION
Salvatore I DilliardIndiaBernardo Dominic QUALIFIED
Jones C SaylorsGermanyElwin Sharvill UNQUALIFIED
Chavez O StensethSpainAnna Fali QUALIFIED
Darci W GillianBrazilAnna Fali UNQUALIFIED
Leon Q PoquetteArgentinaAmy Elsner NEW
David F DoeArgentinaIvan Magalhaes NEGOTIATION
Aika T IturbideUnited KingdomOnyama Limba PROPOSAL
Salvatore G ShinkoGermanyIvan Magalhaes QUALIFIED
Francesco U NickaRussiaAsiya Javayant NEW
Maisha D AlbaresUnited KingdomAsiya Javayant NEGOTIATION
Isabel A IturbideRussiaOnyama Limba RENEWAL
Horizontal
NameCountryRepresentativeStatus
Tony X PerinUnited KingdomBernardo Dominic QUALIFIED
Ashley H CampainBrazilElwin Sharvill NEW
Cody K BologniaRussiaAnna Fali UNQUALIFIED
Salvatore A WhobreyJapanStephen Shaw NEW
Leja A FerenczItalyElwin Sharvill NEW
Morrow T ChuiIndiaIvan Magalhaes PROPOSAL
Morrow P GauchoCanadaAnna Fali RENEWAL
Silvio X RulapaughIndiaElwin Sharvill UNQUALIFIED
Izzy P RimUnited KingdomStephen Shaw QUALIFIED
Jefferson C RimFranceElwin Sharvill UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Chavez K SergiAustralia2024-09-20King, Christopher A Esq PROPOSAL86Ioni Bowcher
1001Clifford J SergiCanada2024-09-14Feiner Bros PROPOSAL59Onyama Limba
1002Rodrigues G PoquetteFrance2024-09-02Feiner Bros NEW40Anna Fali
1003Maisha E RimItaly2024-09-08Printing Dimensions NEGOTIATION50Ioni Bowcher
1004Wickens B AlbaresUnited Kingdom2024-09-09Buckley Miller Wright QUALIFIED25Elwin Sharvill
1005Aruna Z SaylorsRussia2024-09-01Feiner Bros RENEWAL36Ioni Bowcher
1006Darci F FollerArgentina2024-08-28Truhlar And Truhlar Attys NEGOTIATION91Ivan Magalhaes
1007Jeanfrancois W ChuiGermany2024-09-14Buckley Miller Wright RENEWAL1Anna Fali
1008Clifford D ButtIndia2024-09-06Buckley Miller Wright NEW74Ivan Magalhaes
1009Silvio L SlusarskiJapan2024-09-24Feiner Bros NEW17Amy Elsner
1010Nicolas M WhobreyUnited Kingdom2024-09-14Truhlar And Truhlar Attys QUALIFIED4Xuxue Feng
1011Darci Y DarakjyUnited Kingdom2024-09-01Benton, John B Jr NEW93Ioni Bowcher
1012Sinclair I ShinkoGermany2024-09-12Chemel, James L Cpa NEGOTIATION41Elwin Sharvill
1013Morrow R WhobreyFrance2024-09-10Morlong Associates NEW99Ioni Bowcher
1014Octavia G SergiGermany2024-08-29Chemel, James L Cpa QUALIFIED90Ivan Magalhaes
1015Cody G OldroydCanada2024-08-28Feltz Printing Service UNQUALIFIED81Elwin Sharvill
1016Clifford O DilliardItaly2024-09-14Morlong Associates PROPOSAL96Onyama Limba
1017Leja R MacleadIndia2024-09-08Truhlar And Truhlar Attys PROPOSAL21Stephen Shaw
1018Costa D BriddickJapan2024-09-17Rousseaux, Michael Esq NEGOTIATION23Amy Elsner
1019Clifford I WieserRussia2024-09-13Chemel, James L Cpa QUALIFIED52Amy Elsner
1020Greenwood K DarakjyItaly2024-09-19Chanay, Jeffrey A Esq QUALIFIED55Xuxue Feng
1021Wickens M KolmetzUnited Kingdom2024-09-04Feiner Bros RENEWAL1Ivan Magalhaes
1022Izzy U ShinkoAustralia2024-09-10Chanay, Jeffrey A Esq UNQUALIFIED7Ivan Magalhaes
1023Octavia Y MarrierArgentina2024-09-18Buckley Miller Wright RENEWAL23Anna Fali
1024Cody N OldroydFrance2024-09-17Rousseaux, Michael Esq NEW91Onyama Limba
1025Murillo Y NestleGermany2024-09-04Buckley Miller Wright QUALIFIED0Anna Fali
1026Ricardo R FigeroaBrazil2024-09-14Chanay, Jeffrey A Esq RENEWAL32Anna Fali
1027Juan X SlusarskiArgentina2024-08-29Commercial Press QUALIFIED18Xuxue Feng
1028Ashley N StockhamJapan2024-09-05Feiner Bros RENEWAL15Onyama Limba
1029Izzy V MaletGermany2024-09-03Buckley Miller Wright PROPOSAL19Xuxue Feng
1030David C WhobreyUnited Kingdom2024-09-07Benton, John B Jr NEGOTIATION16Elwin Sharvill
1031Darci F VenereUnited Kingdom2024-08-30King, Christopher A Esq NEW65Amy Elsner
1032Nicolas G MacleadItaly2024-09-04Rousseaux, Michael Esq QUALIFIED45Ivan Magalhaes
1033Johnson O PoquetteAustralia2024-09-12Chemel, James L Cpa NEW73Asiya Javayant
1034Alejandro M RutaRussia2024-09-18Buckley Miller Wright NEW87Asiya Javayant
1035Munro T CampainSpain2024-08-29Commercial Press QUALIFIED21Ivan Magalhaes
1036Darci C RutaBrazil2024-09-14Chapman, Ross E Esq QUALIFIED10Amy Elsner
1037Jennifer U MacleadFrance2024-09-11Morlong Associates PROPOSAL94Anna Fali
1038Cody X InouyeJapan2024-08-30Benton, John B Jr RENEWAL66Asiya Javayant
1039Octavia U SergiIndia2024-09-19Truhlar And Truhlar Attys QUALIFIED45Amy Elsner
1040Clifford N RimGermany2024-09-05King, Christopher A Esq RENEWAL79Amy Elsner
1041James L GlickIndia2024-08-31Dorl, James J Esq RENEWAL92Elwin Sharvill
1042Ricardo A MacleadGermany2024-09-10Rangoni Of Florence RENEWAL20Ivan Magalhaes
1043Sinclair V IturbideItaly2024-08-28Buckley Miller Wright RENEWAL11Xuxue Feng
1044Francesco G WhobreyGermany2024-09-02Morlong Associates PROPOSAL60Anna Fali
1045Darci P InouyeItaly2024-09-04Truhlar And Truhlar Attys NEW58Stephen Shaw
1046Ashley Q GauchoRussia2024-09-12Chanay, Jeffrey A Esq PROPOSAL5Ivan Magalhaes
1047Salvatore S SergiAustralia2024-09-19Chapman, Ross E Esq PROPOSAL38Onyama Limba
1048Chavez Z MacleadArgentina2024-08-29Chapman, Ross E Esq QUALIFIED70Stephen Shaw
1049Jones O FollerItaly2024-09-01Printing Dimensions RENEWAL26Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Ashley U FerenczBrazilXuxue Feng RENEWAL
Stacey L SlusarskiAustraliaElwin Sharvill RENEWAL
Rodrigues I MarrierJapanAnna Fali RENEWAL
Rodrigues V FollerArgentinaIoni Bowcher NEW
Julie L PerinCanadaIvan Magalhaes QUALIFIED
James J RimArgentinaIoni Bowcher UNQUALIFIED
Maria F StensethAustraliaIvan Magalhaes QUALIFIED
Sinclair C StockhamArgentinaAmy Elsner QUALIFIED
Isabel T FlosiUnited KingdomStephen Shaw NEGOTIATION
Darci X DarakjyGermanyStephen Shaw UNQUALIFIED
Kadeem P GillianSpainIoni Bowcher UNQUALIFIED
Salvatore C GillianAustraliaOnyama Limba PROPOSAL
Rodrigues X MarrierUnited KingdomAnna Fali NEW
Ricardo A MaletJapanIvan Magalhaes RENEWAL
Deepesh L DoeJapanIoni Bowcher NEGOTIATION
Stacey B NestleItalyAmy Elsner PROPOSAL
Faith T NickaArgentinaBernardo Dominic UNQUALIFIED
Maria S DoeIndiaAmy Elsner NEGOTIATION
Morrow L VocelkaFranceXuxue Feng RENEWAL
Octavia O OldroydAustraliaIvan Magalhaes QUALIFIED
Octavia P SaylorsJapanAmy Elsner PROPOSAL
Darci G RulapaughItalyAsiya Javayant NEW
Aruna Q VenereGermanyStephen Shaw QUALIFIED
Leja A MarrierCanadaElwin Sharvill NEW
Murillo T FerenczIndiaBernardo Dominic QUALIFIED
Faith Q RutaJapanOnyama Limba NEW
Salvatore M KolmetzItalyBernardo Dominic NEGOTIATION
Darci Y GlickSpainElwin Sharvill QUALIFIED
Rodrigues Z PaprockiSpainXuxue Feng NEW
Kadeem M BologniaSpainIoni Bowcher QUALIFIED
Francesco T SergiAustraliaAnna Fali PROPOSAL
Munro Y VocelkaBrazilAmy Elsner NEGOTIATION
Francesco A BowleyAustraliaBernardo Dominic RENEWAL
David J DilliardJapanOnyama Limba PROPOSAL
Silvio V MarrierGermanyAsiya Javayant UNQUALIFIED
Morrow O SchemmerItalyAsiya Javayant QUALIFIED
Aika N RulapaughArgentinaOnyama Limba QUALIFIED
Greenwood A CaldareraItalyBernardo Dominic RENEWAL
Jeanfrancois Z VenereGermanyBernardo Dominic UNQUALIFIED
Mayumi J SergiJapanAnna Fali PROPOSAL
David R MaletSpainOnyama Limba PROPOSAL
Jefferson Z AmigonItalyBernardo Dominic NEGOTIATION
Kadeem A StockhamAustraliaXuxue Feng RENEWAL
Munro W SchemmerBrazilIoni Bowcher NEGOTIATION
Munro L TollnerGermanyBernardo Dominic NEW
Nicolas H ButtArgentinaBernardo Dominic RENEWAL
Adams M IturbideGermanyAsiya Javayant RENEWAL
Silvio G PoquetteRussiaIoni Bowcher PROPOSAL
Munro K FerenczCanadaBernardo Dominic QUALIFIED
Faith E ShinkoRussiaAmy Elsner PROPOSAL
Frozen Columns
Name
Greenwood B Ostrosky
Aditya M Inouye
Leja U Gillian
Chavez M Oldroyd
Isabel E Rulapaugh
Claire M Darakjy
Greenwood M Paprocki
Murillo F Glick
Leon R Rulapaugh
Adams A Amigon
Kaitlin W Nicka
Leja L Waycott
Morrow K Malet
Leon Z Bolognia
Kadeem H Gillian
Johnson U Amigon
Murillo X Waycott
Faith E Albares
Munro T Caudy
Aika Z Nestle
Murillo M Caldarera
Stacey R Gillian
Faith J Iturbide
David R Butt
Smith Y Ruta
Salvatore J Bolognia
Leja O Butt
Darci Q Sergi
Aika X Wieser
Smith H Butt
Munro F Poquette
Ricardo E Oldroyd
Munro I Schemmer
James V Schemmer
Costa C Nestle
Jennifer F Gaucho
Jones V Dilliard
Claire Z Iturbide
Silvio J Inouye
Claire B Gillian
Leja D Albares
David R Inouye
Emily P Glick
Kaitlin Z Foller
Munro X Dilliard
Tony C Poquette
Jefferson A Albares
Jeanfrancois Y Stenseth
Jeanfrancois Q Figeroa
Octavia V Figeroa
IdCountryDate
1000Japan2024-08-30
1001Russia2024-09-11
1002Canada2024-09-20
1003United Kingdom2024-09-05
1004Argentina2024-09-10
1005Italy2024-09-11
1006Brazil2024-08-28
1007Russia2024-08-27
1008Japan2024-09-17
1009Germany2024-09-02
1010Japan2024-09-09
1011Japan2024-09-16
1012Italy2024-09-03
1013Japan2024-09-24
1014India2024-09-23
1015Spain2024-09-18
1016India2024-09-07
1017Russia2024-08-30
1018Italy2024-09-12
1019Brazil2024-09-10
1020Australia2024-09-20
1021Germany2024-08-27
1022Italy2024-08-26
1023Brazil2024-09-19
1024Canada2024-09-17
1025Argentina2024-09-03
1026Japan2024-09-06
1027Australia2024-09-19
1028Australia2024-09-23
1029France2024-09-24
1030Australia2024-09-16
1031Germany2024-09-07
1032Germany2024-08-27
1033Brazil2024-09-22
1034France2024-09-18
1035Italy2024-09-04
1036Canada2024-09-07
1037United Kingdom2024-08-27
1038Australia2024-09-23
1039Argentina2024-09-10
1040France2024-08-27
1041France2024-09-13
1042Germany2024-08-30
1043Argentina2024-08-31
1044Germany2024-09-24
1045Italy2024-09-14
1046Russia2024-09-09
1047Spain2024-08-27
1048Argentina2024-09-07
1049India2024-09-12

On-Demand Data

NameIdCountryDate
Jones N Saylors1000Canada2024-08-27
Juan A Perin1001India2024-08-28
Cody D Perin1002Russia2024-09-08
Arvin P Perin1003United Kingdom2024-09-04
Julie I Rim1004Italy2024-08-29
Deepesh A Darakjy1005India2024-09-08
Kadeem P Dilliard1006Argentina2024-09-09
Clifford A Slusarski1007Germany2024-09-04
Jennifer F Albares1008Canada2024-09-13
Chavez I Briddick1009Germany2024-09-15
Munro L Paprocki1010Brazil2024-09-10
Claire Q Malet1011Germany2024-09-02
Johnson E Foller1012Brazil2024-09-24
Clifford D Ostrosky1013Japan2024-09-14
Misaki J Perin1014Argentina2024-08-28
Ivar U Bowley1015Italy2024-09-07
Darci E Gaucho1016Japan2024-08-28
Aruna R Stockham1017Canada2024-09-22
Aditya B Iturbide1018Japan2024-08-27
Kadeem V Waycott1019Germany2024-09-14
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Juan W NickaRussiaXuxue Feng NEGOTIATION
Maisha B CampainFranceAmy Elsner QUALIFIED
Ivar Q SergiSpainIoni Bowcher PROPOSAL
Deepesh Y RimCanadaIvan Magalhaes NEGOTIATION
Cody W BowleyItalyAmy Elsner NEW
Ashley S DarakjyJapanAnna Fali NEGOTIATION
Greenwood J NickaItalyElwin Sharvill PROPOSAL
Deepesh C IturbideCanadaElwin Sharvill UNQUALIFIED
Maria Q NestleIndiaAsiya Javayant QUALIFIED
Darci X BologniaRussiaElwin Sharvill NEGOTIATION
Silvio Z WieserArgentinaIoni Bowcher QUALIFIED
Stacey I ButtGermanyOnyama Limba PROPOSAL
Aruna U OstroskyUnited KingdomIvan Magalhaes UNQUALIFIED
Tony B GlickSpainAsiya Javayant UNQUALIFIED
Jones S CampainUnited KingdomBernardo Dominic PROPOSAL
Sinclair Z DarakjyCanadaAsiya Javayant UNQUALIFIED
Emily M NestleJapanAnna Fali QUALIFIED
Munro Z FollerItalyAmy Elsner UNQUALIFIED
Sinclair W StockhamIndiaXuxue Feng QUALIFIED
Deepesh R TollnerGermanyAmy Elsner QUALIFIED
Tony S WhobreyItalyOnyama Limba NEW
Munro Q RimRussiaOnyama Limba UNQUALIFIED
Misaki L BowleyJapanIoni Bowcher RENEWAL
Aruna D GillianIndiaAmy Elsner QUALIFIED
Leon Q SergiFranceXuxue Feng PROPOSAL
Misaki U CaldareraItalyAsiya Javayant QUALIFIED
Greenwood A CampainAustraliaXuxue Feng UNQUALIFIED
Mayumi Z KolmetzFranceIoni Bowcher RENEWAL
Tony O BowleyRussiaIoni Bowcher NEW
Wickens Y StensethFranceAsiya Javayant NEW
Aditya Y RoysterRussiaBernardo Dominic QUALIFIED
Francesco N PaprockiUnited KingdomIoni Bowcher UNQUALIFIED
Emily A SlusarskiIndiaAnna Fali RENEWAL
Maisha O VocelkaFranceElwin Sharvill PROPOSAL
Sinclair C RutaIndiaIvan Magalhaes PROPOSAL
Maria Q PerinArgentinaAsiya Javayant RENEWAL
Juan Y GauchoJapanIoni Bowcher RENEWAL
Morrow Q VenereSpainBernardo Dominic NEGOTIATION
Juan X InouyeSpainXuxue Feng UNQUALIFIED
Leon Y FlosiUnited KingdomBernardo Dominic 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>