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
Nicolas R OstroskyArgentinaOnyama Limba NEW
David H GillianItalyElwin Sharvill PROPOSAL
Ashley O BowleyCanadaOnyama Limba QUALIFIED
Isabel I NickaJapanOnyama Limba UNQUALIFIED
Julie F AlbaresJapanStephen Shaw UNQUALIFIED
Deepesh J MaletCanadaStephen Shaw QUALIFIED
Maria B StockhamAustraliaXuxue Feng RENEWAL
Leja A VenereSpainAnna Fali NEW
Jefferson R KolmetzArgentinaAnna Fali NEW
Aditya J TollnerRussiaStephen Shaw RENEWAL
Deepesh M PoquetteArgentinaAmy Elsner NEGOTIATION
Nicolas V FerenczFranceIoni Bowcher NEW
Stacey X MorascaIndiaBernardo Dominic NEW
Costa O DarakjyGermanyIvan Magalhaes NEW
Jefferson B GarufiUnited KingdomStephen Shaw NEGOTIATION
Adams U FigeroaSpainAmy Elsner NEGOTIATION
Wickens P GillianRussiaStephen Shaw NEGOTIATION
Jones R WhobreyJapanAmy Elsner RENEWAL
Sinclair B InouyeUnited KingdomElwin Sharvill QUALIFIED
Maria A ChuiBrazilAnna Fali PROPOSAL
Aika M GauchoJapanAsiya Javayant PROPOSAL
Alejandro W FollerIndiaIoni Bowcher QUALIFIED
Murillo L PoquetteIndiaOnyama Limba PROPOSAL
Leon Q SchemmerBrazilAnna Fali NEGOTIATION
Rodrigues Y FerenczCanadaIvan Magalhaes RENEWAL
Rodrigues R BowleyBrazilStephen Shaw NEGOTIATION
Leja D IturbideArgentinaElwin Sharvill QUALIFIED
Salvatore A RoysterIndiaAnna Fali QUALIFIED
James K CaldareraJapanOnyama Limba NEGOTIATION
Izzy H KuskoGermanyAmy Elsner NEW
Ivar A MorascaRussiaIvan Magalhaes RENEWAL
Smith L StensethAustraliaAnna Fali QUALIFIED
Arvin D GillianFranceAsiya Javayant NEW
James P VocelkaArgentinaIoni Bowcher NEGOTIATION
Kadeem J ShinkoIndiaElwin Sharvill QUALIFIED
Antonio K KuskoUnited KingdomIvan Magalhaes QUALIFIED
Francesco X InouyeGermanyAsiya Javayant NEW
Aruna I KuskoIndiaAnna Fali UNQUALIFIED
Cody J WaycottGermanyElwin Sharvill QUALIFIED
Greenwood L VocelkaAustraliaElwin Sharvill RENEWAL
Mayumi S VocelkaJapanIvan Magalhaes PROPOSAL
James S GarufiUnited KingdomStephen Shaw NEW
Deepesh Y DilliardItalyIvan Magalhaes UNQUALIFIED
Izzy T FollerAustraliaIvan Magalhaes PROPOSAL
Maria K FlosiFranceOnyama Limba UNQUALIFIED
Aruna X GillianFranceBernardo Dominic NEGOTIATION
James P StockhamRussiaElwin Sharvill NEW
Isabel B MorascaGermanyIoni Bowcher UNQUALIFIED
Aika P InouyeIndiaAsiya Javayant RENEWAL
Sinclair M OstroskyCanadaIvan Magalhaes UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
David Q RoysterRussiaElwin Sharvill NEW
Ivar T FollerRussiaIoni Bowcher NEGOTIATION
Ivar T IturbideGermanyAsiya Javayant NEGOTIATION
Clifford Q StockhamRussiaElwin Sharvill RENEWAL
Munro D IturbideUnited KingdomAnna Fali PROPOSAL
James R MaletFranceIoni Bowcher QUALIFIED
Mayumi Q WieserJapanElwin Sharvill QUALIFIED
Cody Q WaycottGermanyAnna Fali RENEWAL
David R BologniaGermanyAmy Elsner QUALIFIED
Cody H WieserItalyIvan Magalhaes PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Claire T WhobreyFrance2024-09-23Chemel, James L Cpa NEW27Elwin Sharvill
1001Costa Y GarufiJapan2024-09-24Chapman, Ross E Esq NEW12Anna Fali
1002Mujtaba O WaycottGermany2024-09-03Morlong Associates UNQUALIFIED69Ivan Magalhaes
1003Claire C WieserArgentina2024-09-22King, Christopher A Esq QUALIFIED90Asiya Javayant
1004Misaki C VenereRussia2024-09-11Printing Dimensions RENEWAL27Anna Fali
1005Maisha T PoquetteJapan2024-08-26Chapman, Ross E Esq UNQUALIFIED12Anna Fali
1006Clifford L MarrierJapan2024-09-07Rousseaux, Michael Esq QUALIFIED93Xuxue Feng
1007Arvin U ShinkoSpain2024-09-07Feltz Printing Service NEGOTIATION77Asiya Javayant
1008Chavez T ChuiRussia2024-09-24Chapman, Ross E Esq QUALIFIED33Ioni Bowcher
1009Claire L WaycottRussia2024-09-06Truhlar And Truhlar Attys NEW99Anna Fali
1010Jones D FigeroaCanada2024-09-19Chapman, Ross E Esq NEGOTIATION8Anna Fali
1011Ricardo W KuskoBrazil2024-09-02Rangoni Of Florence RENEWAL42Anna Fali
1012Jeanfrancois M IturbideItaly2024-09-02Rangoni Of Florence PROPOSAL88Stephen Shaw
1013Sinclair A MaletUnited Kingdom2024-09-18Rousseaux, Michael Esq PROPOSAL30Anna Fali
1014Stacey V KuskoGermany2024-09-21Feiner Bros UNQUALIFIED38Stephen Shaw
1015Jefferson X MaletJapan2024-08-26Rangoni Of Florence NEGOTIATION30Elwin Sharvill
1016Aika U CampainBrazil2024-09-04Rousseaux, Michael Esq RENEWAL71Ivan Magalhaes
1017Misaki Q VocelkaJapan2024-09-08Feltz Printing Service RENEWAL22Elwin Sharvill
1018Jeanfrancois D FollerRussia2024-09-23Rangoni Of Florence UNQUALIFIED47Ivan Magalhaes
1019Adams Q RulapaughIndia2024-09-23Feiner Bros UNQUALIFIED69Xuxue Feng
1020Munro Z DarakjyArgentina2024-08-31Chanay, Jeffrey A Esq NEGOTIATION62Amy Elsner
1021Costa W FerenczUnited Kingdom2024-09-24Printing Dimensions QUALIFIED92Ivan Magalhaes
1022Izzy M OldroydBrazil2024-09-08Chemel, James L Cpa QUALIFIED21Ivan Magalhaes
1023Jefferson L PerinArgentina2024-09-07Dorl, James J Esq QUALIFIED61Elwin Sharvill
1024Clifford I OldroydFrance2024-09-21Chemel, James L Cpa NEGOTIATION38Ivan Magalhaes
1025James A IturbideAustralia2024-09-08Printing Dimensions NEGOTIATION49Ioni Bowcher
1026Isabel I DilliardGermany2024-08-26Dorl, James J Esq NEW89Ioni Bowcher
1027Silvio I NickaBrazil2024-09-15Commercial Press UNQUALIFIED62Stephen Shaw
1028Maria D GlickFrance2024-09-04Feltz Printing Service UNQUALIFIED63Ioni Bowcher
1029James X MorascaCanada2024-09-14Morlong Associates NEW19Ioni Bowcher
1030Munro B FollerUnited Kingdom2024-09-22King, Christopher A Esq RENEWAL66Ioni Bowcher
1031Adams N StensethItaly2024-09-17Morlong Associates QUALIFIED1Ivan Magalhaes
1032Mayumi R FerenczArgentina2024-09-12King, Christopher A Esq UNQUALIFIED12Xuxue Feng
1033Julie G ShinkoRussia2024-09-14Chemel, James L Cpa RENEWAL55Anna Fali
1034Maria W AlbaresAustralia2024-09-15Rousseaux, Michael Esq NEW44Stephen Shaw
1035Chavez G CaudyBrazil2024-08-26Chapman, Ross E Esq NEW8Amy Elsner
1036Ricardo B FigeroaIndia2024-09-24Chanay, Jeffrey A Esq NEW71Onyama Limba
1037Ivar P MacleadCanada2024-09-07Feltz Printing Service PROPOSAL8Bernardo Dominic
1038Clifford A IturbideJapan2024-09-15Printing Dimensions UNQUALIFIED20Elwin Sharvill
1039Jones W RutaJapan2024-09-05Chapman, Ross E Esq QUALIFIED93Anna Fali
1040Adams Q PaprockiArgentina2024-09-02Morlong Associates QUALIFIED77Anna Fali
1041Sinclair N IturbideBrazil2024-09-10Dorl, James J Esq NEGOTIATION12Stephen Shaw
1042Alejandro O AlbaresJapan2024-08-31Feltz Printing Service NEGOTIATION81Asiya Javayant
1043Tony O OldroydSpain2024-09-23Dorl, James J Esq PROPOSAL94Stephen Shaw
1044Jeanfrancois H InouyeJapan2024-09-04Chapman, Ross E Esq PROPOSAL79Xuxue Feng
1045Costa B VocelkaSpain2024-09-08Buckley Miller Wright QUALIFIED95Elwin Sharvill
1046Ricardo L PaprockiBrazil2024-08-27Chanay, Jeffrey A Esq UNQUALIFIED90Bernardo Dominic
1047Jefferson W TollnerArgentina2024-09-20Dorl, James J Esq PROPOSAL15Ioni Bowcher
1048Leja F VenereItaly2024-09-01Chanay, Jeffrey A Esq PROPOSAL14Amy Elsner
1049Ashley V PaprockiUnited Kingdom2024-09-22King, Christopher A Esq QUALIFIED66Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Ashley U RutaCanadaIvan Magalhaes PROPOSAL
Clifford X StensethRussiaIvan Magalhaes UNQUALIFIED
Arvin H RoysterItalyAmy Elsner PROPOSAL
Murillo N IturbideCanadaElwin Sharvill PROPOSAL
Kaitlin G WieserSpainStephen Shaw NEGOTIATION
Jennifer T KolmetzIndiaIoni Bowcher NEGOTIATION
Rodrigues U FollerBrazilElwin Sharvill NEGOTIATION
Leon H MarrierRussiaAsiya Javayant PROPOSAL
Francesco X GlickAustraliaAnna Fali NEW
Johnson L InouyeSpainOnyama Limba NEGOTIATION
Sinclair X FlosiGermanyAmy Elsner NEW
Jennifer E GillianGermanyAsiya Javayant NEGOTIATION
Faith X StockhamArgentinaBernardo Dominic PROPOSAL
Ashley B SaylorsFranceElwin Sharvill QUALIFIED
Leja D DilliardGermanyIvan Magalhaes RENEWAL
Ricardo H TollnerBrazilAmy Elsner NEGOTIATION
Ashley J ButtSpainXuxue Feng QUALIFIED
Izzy H PoquetteArgentinaStephen Shaw UNQUALIFIED
Wickens V NestleRussiaAmy Elsner NEGOTIATION
Leon T KuskoJapanAmy Elsner PROPOSAL
Rodrigues Z DoeFranceStephen Shaw NEGOTIATION
Johnson M StockhamIndiaXuxue Feng RENEWAL
Leja H FerenczSpainIvan Magalhaes RENEWAL
Juan R CampainGermanyElwin Sharvill QUALIFIED
Deepesh V VocelkaArgentinaOnyama Limba NEW
Ricardo H WhobreyCanadaOnyama Limba NEGOTIATION
Costa S RulapaughArgentinaAmy Elsner NEW
Rodrigues O MaletFranceOnyama Limba NEGOTIATION
Faith T AlbaresJapanElwin Sharvill NEGOTIATION
Mujtaba O VocelkaAustraliaStephen Shaw NEGOTIATION
Octavia I AmigonGermanyXuxue Feng PROPOSAL
Rodrigues K SergiFranceIvan Magalhaes NEGOTIATION
Tony Y BriddickAustraliaElwin Sharvill NEGOTIATION
Stacey W SaylorsAustraliaElwin Sharvill RENEWAL
Greenwood E MacleadBrazilOnyama Limba UNQUALIFIED
Emily A FollerJapanIvan Magalhaes QUALIFIED
Leja E OldroydGermanyElwin Sharvill QUALIFIED
Tony Y BologniaSpainOnyama Limba PROPOSAL
Deepesh K ButtItalyIvan Magalhaes NEGOTIATION
Alejandro E SlusarskiUnited KingdomAnna Fali QUALIFIED
Greenwood X FigeroaJapanElwin Sharvill QUALIFIED
Leja N BriddickRussiaOnyama Limba NEW
Kaitlin A BriddickJapanAnna Fali RENEWAL
Leon Q RutaGermanyXuxue Feng RENEWAL
Kaitlin A WhobreySpainIoni Bowcher NEW
Aditya H InouyeJapanAsiya Javayant QUALIFIED
Ashley G ButtJapanOnyama Limba RENEWAL
Costa V IturbideBrazilIvan Magalhaes UNQUALIFIED
Darci C NickaJapanAmy Elsner NEW
Isabel J InouyeArgentinaStephen Shaw PROPOSAL
Frozen Columns
Name
Aika T Royster
Leon W Nicka
Arvin N Kusko
Deepesh G Kusko
Greenwood E Paprocki
Jennifer U Malet
Wickens L Gillian
Juan N Schemmer
Deepesh M Poquette
Leon W Malet
Smith F Campain
Leon S Bowley
Silvio O Chui
Leja R Nestle
Nicolas G Bolognia
Nicolas G Chui
Deepesh P Slusarski
Costa F Bolognia
Clifford G Tollner
Nicolas D Ostrosky
Ashley L Inouye
Alejandro J Campain
Misaki D Poquette
Jones F Marrier
Alejandro U Stockham
Emily J Kolmetz
Maisha J Vocelka
Antonio S Amigon
Adams C Caldarera
Emily D Wieser
Greenwood I Albares
Emily Z Waycott
Aditya Y Ruta
Munro M Caudy
Aditya I Oldroyd
Ivar T Whobrey
Jennifer B Albares
Morrow H Kolmetz
Aditya W Slusarski
Jones X Tollner
Jefferson O Caudy
Tony X Caudy
David F Nicka
Cody R Campain
Leja C Briddick
Chavez W Paprocki
Misaki S Maclead
Ivar N Caldarera
David K Dilliard
Leja W Caldarera
IdCountryDate
1000Italy2024-09-20
1001Spain2024-08-29
1002Canada2024-09-09
1003France2024-09-11
1004Spain2024-09-19
1005Argentina2024-09-13
1006France2024-09-02
1007Brazil2024-08-26
1008Brazil2024-08-31
1009India2024-09-07
1010Germany2024-09-15
1011Canada2024-09-24
1012Russia2024-08-30
1013Canada2024-09-10
1014Spain2024-09-01
1015Australia2024-09-12
1016India2024-09-14
1017France2024-09-22
1018Japan2024-09-02
1019Argentina2024-09-13
1020Canada2024-08-28
1021Russia2024-09-12
1022Russia2024-09-07
1023Russia2024-09-06
1024Brazil2024-08-29
1025Argentina2024-08-27
1026Brazil2024-09-22
1027Spain2024-09-22
1028Germany2024-09-24
1029United Kingdom2024-09-22
1030Germany2024-09-05
1031Japan2024-09-03
1032France2024-09-07
1033Russia2024-08-26
1034United Kingdom2024-09-01
1035Spain2024-09-12
1036Spain2024-09-01
1037Russia2024-09-07
1038Australia2024-09-03
1039Spain2024-09-04
1040Italy2024-09-09
1041Spain2024-09-08
1042Australia2024-09-09
1043Germany2024-09-23
1044Russia2024-09-04
1045Spain2024-09-14
1046Spain2024-09-20
1047Spain2024-09-16
1048Brazil2024-08-26
1049India2024-08-26

On-Demand Data

NameIdCountryDate
Misaki P Whobrey1000Italy2024-09-01
Adams Z Whobrey1001Canada2024-09-15
Jennifer A Bolognia1002France2024-09-02
Aditya T Dilliard1003Germany2024-09-13
Tony M Gillian1004Italy2024-09-24
Costa J Marrier1005Japan2024-09-18
Murillo A Nestle1006Russia2024-09-15
Claire F Foller1007Canada2024-09-13
Julie B Darakjy1008Australia2024-09-12
Kaitlin D Schemmer1009Canada2024-09-12
Julie A Kolmetz1010Italy2024-09-05
Maria Z Caldarera1011Argentina2024-08-28
Aruna Z Caudy1012Japan2024-09-03
Johnson P Nestle1013Australia2024-09-10
Costa F Sergi1014Spain2024-09-17
Salvatore O Stenseth1015Italy2024-08-28
Arvin M Venere1016Japan2024-09-01
Deepesh N Wieser1017Brazil2024-09-07
Mujtaba S Kusko1018Russia2024-09-23
Nicolas L Butt1019Argentina2024-09-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Isabel A StensethItalyAnna Fali RENEWAL
Leon U OldroydRussiaAnna Fali NEGOTIATION
Julie V KuskoSpainAnna Fali NEW
Juan R PoquetteJapanIoni Bowcher NEGOTIATION
Greenwood O MaletFranceStephen Shaw PROPOSAL
Octavia P BriddickFranceXuxue Feng RENEWAL
Adams M VenereArgentinaOnyama Limba UNQUALIFIED
Adams H MorascaIndiaElwin Sharvill PROPOSAL
Murillo I MaletFranceXuxue Feng NEW
Darci R SergiItalyIvan Magalhaes NEGOTIATION
Jones S KuskoJapanIvan Magalhaes UNQUALIFIED
Adams T FollerArgentinaStephen Shaw RENEWAL
Sinclair K DilliardRussiaIvan Magalhaes QUALIFIED
Aika R BowleyIndiaStephen Shaw UNQUALIFIED
Johnson P RulapaughBrazilIvan Magalhaes QUALIFIED
Kadeem O StockhamAustraliaAsiya Javayant NEGOTIATION
Greenwood H DilliardIndiaBernardo Dominic RENEWAL
Greenwood Q RoysterUnited KingdomXuxue Feng RENEWAL
Jones G ChuiItalyXuxue Feng NEW
Murillo G OstroskyJapanOnyama Limba NEW
Cody N GlickRussiaIoni Bowcher PROPOSAL
Clifford B PoquetteJapanBernardo Dominic NEW
Nicolas A ShinkoSpainIoni Bowcher NEW
Jones E IturbideItalyStephen Shaw PROPOSAL
Julie D DarakjyUnited KingdomIvan Magalhaes RENEWAL
Jefferson Z RoysterFranceXuxue Feng NEGOTIATION
Jennifer H ButtRussiaElwin Sharvill UNQUALIFIED
Chavez T PoquetteIndiaOnyama Limba QUALIFIED
Ivar K FigeroaGermanyBernardo Dominic PROPOSAL
Greenwood T KuskoArgentinaIoni Bowcher UNQUALIFIED
Munro S GarufiSpainElwin Sharvill QUALIFIED
Aruna S WieserCanadaStephen Shaw NEW
Wickens O IturbideItalyStephen Shaw NEW
Wickens J WieserSpainAsiya Javayant UNQUALIFIED
Emily M WaycottRussiaBernardo Dominic QUALIFIED
Faith E StockhamCanadaXuxue Feng QUALIFIED
Salvatore Z ChuiArgentinaStephen Shaw NEW
Aditya R GillianSpainAnna Fali NEGOTIATION
Silvio J WieserItalyAsiya Javayant QUALIFIED
Alejandro T AmigonCanadaOnyama Limba QUALIFIED

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