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
Ashley I VenereJapanAnna Fali NEGOTIATION
Arvin R RoysterCanadaAnna Fali PROPOSAL
Faith S PaprockiItalyAmy Elsner RENEWAL
Silvio H StockhamIndiaAsiya Javayant QUALIFIED
David J DarakjyGermanyElwin Sharvill QUALIFIED
Cody S PaprockiRussiaXuxue Feng QUALIFIED
Mujtaba H CampainFranceAmy Elsner NEGOTIATION
Darci N BologniaFranceElwin Sharvill PROPOSAL
Aika S DarakjySpainIoni Bowcher NEGOTIATION
Julie E NestleUnited KingdomElwin Sharvill NEW
Rodrigues Y GauchoJapanXuxue Feng NEW
Ricardo K TollnerItalyIvan Magalhaes NEGOTIATION
Aditya E MaletIndiaXuxue Feng NEGOTIATION
Maisha L SaylorsRussiaIoni Bowcher NEGOTIATION
Nicolas X BologniaRussiaAnna Fali UNQUALIFIED
Arvin U TollnerUnited KingdomStephen Shaw PROPOSAL
Izzy R WieserGermanyAnna Fali NEW
Izzy X WaycottFranceBernardo Dominic UNQUALIFIED
Cody H DoeUnited KingdomOnyama Limba RENEWAL
Francesco M BriddickArgentinaStephen Shaw NEW
Emily O BologniaFranceAnna Fali PROPOSAL
Ashley F CaudyRussiaAmy Elsner NEGOTIATION
Octavia L MaletUnited KingdomBernardo Dominic QUALIFIED
David K VenereIndiaAmy Elsner NEW
Julie Q SlusarskiItalyOnyama Limba NEGOTIATION
Tony S ButtFranceIoni Bowcher NEGOTIATION
Alejandro D KuskoGermanyIvan Magalhaes PROPOSAL
Silvio K MarrierJapanOnyama Limba RENEWAL
Morrow B KolmetzUnited KingdomStephen Shaw UNQUALIFIED
Munro J GlickBrazilOnyama Limba NEGOTIATION
Misaki Z WaycottFranceIoni Bowcher QUALIFIED
Tony I AmigonArgentinaOnyama Limba NEW
Mujtaba X MorascaIndiaBernardo Dominic PROPOSAL
Julie O RutaAustraliaAsiya Javayant QUALIFIED
Johnson W PerinUnited KingdomOnyama Limba NEGOTIATION
Mujtaba R MarrierIndiaIvan Magalhaes RENEWAL
Stacey F BowleyCanadaStephen Shaw QUALIFIED
Ashley G MarrierGermanyStephen Shaw QUALIFIED
Jennifer G SchemmerSpainIoni Bowcher PROPOSAL
Tony U FlosiCanadaAnna Fali QUALIFIED
Chavez L NickaAustraliaXuxue Feng PROPOSAL
Costa C RimItalyIvan Magalhaes QUALIFIED
James P WaycottAustraliaStephen Shaw NEW
Octavia B MarrierItalyBernardo Dominic NEGOTIATION
Johnson Y CaudyUnited KingdomIoni Bowcher PROPOSAL
Greenwood J PaprockiAustraliaElwin Sharvill RENEWAL
Smith M SchemmerIndiaBernardo Dominic PROPOSAL
Chavez D GarufiAustraliaXuxue Feng NEGOTIATION
Misaki O BriddickAustraliaAsiya Javayant PROPOSAL
Juan S WaycottGermanyIvan Magalhaes QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Smith X BowleyUnited KingdomIoni Bowcher NEW
Faith E DoeIndiaIvan Magalhaes QUALIFIED
David Q FollerSpainAsiya Javayant UNQUALIFIED
Ashley Q AlbaresUnited KingdomStephen Shaw RENEWAL
Nicolas H VocelkaAustraliaAmy Elsner NEGOTIATION
Kaitlin Y RoysterSpainAmy Elsner NEGOTIATION
Faith P OldroydGermanyOnyama Limba QUALIFIED
Cody W DoeIndiaIvan Magalhaes QUALIFIED
Clifford H ChuiCanadaXuxue Feng RENEWAL
Munro U FlosiRussiaAmy Elsner QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jennifer S IturbideSpain2025-04-22Feltz Printing Service RENEWAL27Bernardo Dominic
1001Izzy T IturbideSpain2025-04-05Truhlar And Truhlar Attys PROPOSAL30Xuxue Feng
1002Kaitlin F FlosiFrance2025-04-08Feltz Printing Service RENEWAL21Bernardo Dominic
1003Maisha P BologniaItaly2025-04-16Buckley Miller Wright NEW55Anna Fali
1004Darci U KuskoJapan2025-04-29Truhlar And Truhlar Attys NEW26Ivan Magalhaes
1005Murillo P CaldareraGermany2025-04-08Chemel, James L Cpa NEW58Onyama Limba
1006James L RulapaughFrance2025-04-26Chemel, James L Cpa PROPOSAL96Elwin Sharvill
1007Smith N StensethUnited Kingdom2025-04-22Rangoni Of Florence NEGOTIATION43Ioni Bowcher
1008Kadeem I RulapaughSpain2025-04-04Commercial Press QUALIFIED48Ioni Bowcher
1009Nicolas P WaycottBrazil2025-04-26Commercial Press PROPOSAL63Stephen Shaw
1010Chavez P IturbideUnited Kingdom2025-04-18Feiner Bros PROPOSAL96Xuxue Feng
1011Aika G OldroydArgentina2025-04-05Buckley Miller Wright UNQUALIFIED53Bernardo Dominic
1012Stacey X VocelkaRussia2025-04-14Feltz Printing Service QUALIFIED53Anna Fali
1013Adams R DoeJapan2025-04-29Chanay, Jeffrey A Esq RENEWAL51Stephen Shaw
1014Wickens S VocelkaJapan2025-04-04Truhlar And Truhlar Attys QUALIFIED51Elwin Sharvill
1015Jones M NestleBrazil2025-04-14Dorl, James J Esq PROPOSAL64Xuxue Feng
1016Munro B OldroydBrazil2025-04-06Feltz Printing Service PROPOSAL15Ioni Bowcher
1017Smith L PerinItaly2025-04-15Commercial Press NEGOTIATION80Onyama Limba
1018James V MaletRussia2025-04-11Truhlar And Truhlar Attys RENEWAL50Ioni Bowcher
1019Adams A SchemmerCanada2025-04-20Chapman, Ross E Esq PROPOSAL58Asiya Javayant
1020Mayumi Z VenereBrazil2025-04-22Chemel, James L Cpa NEGOTIATION43Stephen Shaw
1021Ricardo F RimArgentina2025-04-23Rousseaux, Michael Esq QUALIFIED55Xuxue Feng
1022Jennifer R MaletUnited Kingdom2025-04-20Truhlar And Truhlar Attys RENEWAL3Xuxue Feng
1023Salvatore W IturbideArgentina2025-04-11Printing Dimensions QUALIFIED42Asiya Javayant
1024Nicolas P WhobreySpain2025-04-04Dorl, James J Esq NEW14Onyama Limba
1025Costa X AlbaresBrazil2025-04-18Printing Dimensions UNQUALIFIED4Ioni Bowcher
1026David G AlbaresBrazil2025-04-12Chapman, Ross E Esq NEW99Elwin Sharvill
1027Munro L DoeItaly2025-05-01Chapman, Ross E Esq NEGOTIATION56Asiya Javayant
1028Antonio S CaldareraItaly2025-04-18Printing Dimensions NEW48Anna Fali
1029Jennifer L AmigonBrazil2025-04-09Rangoni Of Florence NEW83Amy Elsner
1030Morrow P ShinkoArgentina2025-04-19Feiner Bros NEW20Ivan Magalhaes
1031Salvatore D MaletCanada2025-04-06Chapman, Ross E Esq NEGOTIATION6Xuxue Feng
1032Izzy G WhobreyUnited Kingdom2025-04-16King, Christopher A Esq RENEWAL15Onyama Limba
1033Jeanfrancois R DoeItaly2025-04-21Chapman, Ross E Esq PROPOSAL6Anna Fali
1034Jefferson U RoysterBrazil2025-04-06Rangoni Of Florence PROPOSAL66Elwin Sharvill
1035Salvatore E MarrierJapan2025-05-02Feltz Printing Service PROPOSAL1Ioni Bowcher
1036Faith O RoysterCanada2025-04-04Feltz Printing Service QUALIFIED89Elwin Sharvill
1037Sinclair H FerenczFrance2025-04-16Commercial Press PROPOSAL34Xuxue Feng
1038Silvio A RoysterRussia2025-04-07Printing Dimensions PROPOSAL15Xuxue Feng
1039Leon E MorascaUnited Kingdom2025-04-27Chapman, Ross E Esq UNQUALIFIED45Elwin Sharvill
1040Francesco G GlickUnited Kingdom2025-04-25Rangoni Of Florence UNQUALIFIED23Amy Elsner
1041Maria Z ChuiCanada2025-04-05Feltz Printing Service PROPOSAL46Ivan Magalhaes
1042Jennifer W BriddickArgentina2025-04-16Chemel, James L Cpa PROPOSAL69Asiya Javayant
1043Jennifer W RimUnited Kingdom2025-04-03Buckley Miller Wright QUALIFIED72Bernardo Dominic
1044Emily T GarufiFrance2025-04-28Printing Dimensions QUALIFIED21Ivan Magalhaes
1045Salvatore U OldroydUnited Kingdom2025-04-20Chemel, James L Cpa RENEWAL48Xuxue Feng
1046Ricardo I RimItaly2025-04-19Rangoni Of Florence PROPOSAL79Onyama Limba
1047Smith I TollnerGermany2025-04-15Chanay, Jeffrey A Esq NEGOTIATION51Onyama Limba
1048Aruna Z TollnerBrazil2025-04-14Chapman, Ross E Esq NEGOTIATION63Elwin Sharvill
1049Juan Q WhobreyArgentina2025-04-23Buckley Miller Wright QUALIFIED84Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Deepesh W FlosiCanadaAmy Elsner UNQUALIFIED
Wickens R RimArgentinaAnna Fali PROPOSAL
Octavia N StockhamUnited KingdomAsiya Javayant QUALIFIED
Smith Y StockhamIndiaStephen Shaw QUALIFIED
Adams Q FerenczUnited KingdomOnyama Limba PROPOSAL
Jefferson N ButtIndiaStephen Shaw RENEWAL
Misaki C ButtRussiaXuxue Feng NEGOTIATION
Adams R OldroydBrazilElwin Sharvill UNQUALIFIED
Wickens Y VocelkaArgentinaElwin Sharvill RENEWAL
Jones P AmigonGermanyAnna Fali RENEWAL
Mayumi P SchemmerArgentinaIoni Bowcher RENEWAL
Arvin U ButtGermanyBernardo Dominic QUALIFIED
Munro G MaletUnited KingdomAmy Elsner PROPOSAL
Misaki Y AlbaresAustraliaAnna Fali QUALIFIED
Darci K FigeroaGermanyElwin Sharvill RENEWAL
Maria U RulapaughBrazilIvan Magalhaes PROPOSAL
Julie Z FerenczGermanyOnyama Limba QUALIFIED
Ivar Q DilliardUnited KingdomIoni Bowcher UNQUALIFIED
Faith C VocelkaIndiaIoni Bowcher RENEWAL
Rodrigues W PoquetteJapanXuxue Feng PROPOSAL
Rodrigues E GlickIndiaOnyama Limba QUALIFIED
Adams K BowleyItalyAsiya Javayant NEGOTIATION
Wickens Q RimItalyXuxue Feng PROPOSAL
Salvatore T ShinkoRussiaStephen Shaw PROPOSAL
Jennifer A WhobreyArgentinaStephen Shaw QUALIFIED
Jefferson J IturbideGermanyOnyama Limba NEW
Arvin E NestleArgentinaAnna Fali UNQUALIFIED
Misaki R RimSpainOnyama Limba UNQUALIFIED
Emily T SchemmerUnited KingdomAnna Fali RENEWAL
Cody G DilliardGermanyIoni Bowcher NEW
Jones G InouyeRussiaBernardo Dominic QUALIFIED
Faith Y ChuiArgentinaElwin Sharvill NEW
Jefferson C RimAustraliaIoni Bowcher NEW
Leon X PaprockiCanadaElwin Sharvill NEW
Ricardo Z ShinkoSpainAsiya Javayant NEW
Costa H DarakjyIndiaStephen Shaw PROPOSAL
Smith G InouyeCanadaAsiya Javayant UNQUALIFIED
Nicolas Y RimIndiaIoni Bowcher UNQUALIFIED
Johnson W DarakjyGermanyXuxue Feng NEW
Julie N ChuiItalyAsiya Javayant QUALIFIED
Leja T KolmetzArgentinaOnyama Limba NEGOTIATION
Stacey Z RulapaughArgentinaBernardo Dominic UNQUALIFIED
Jefferson L VenereItalyIoni Bowcher QUALIFIED
Antonio F DilliardArgentinaStephen Shaw PROPOSAL
Maisha Z ChuiBrazilStephen Shaw QUALIFIED
Morrow Q BowleyUnited KingdomXuxue Feng RENEWAL
Claire L PaprockiArgentinaIoni Bowcher NEGOTIATION
Claire G FerenczFranceXuxue Feng UNQUALIFIED
Clifford T AmigonCanadaXuxue Feng RENEWAL
Wickens N BowleyItalyElwin Sharvill QUALIFIED
Frozen Columns
Name
Jones Y Glick
Sinclair A Nicka
Jeanfrancois R Sergi
David U Schemmer
Cody W Saylors
Juan M Caldarera
Chavez I Saylors
Antonio N Campain
Isabel V Gillian
Tony W Perin
Arvin H Tollner
Jeanfrancois S Saylors
Antonio K Saylors
Nicolas C Saylors
Francesco G Venere
Silvio Y Stockham
Ricardo W Bolognia
Faith E Slusarski
Tony S Marrier
Jefferson P Ferencz
Jeanfrancois U Shinko
Maria C Schemmer
Octavia G Kolmetz
Antonio H Stockham
Johnson T Ferencz
Aditya A Garufi
Ivar N Foller
Mujtaba J Chui
Aruna A Morasca
Clifford X Nicka
Emily U Malet
Jeanfrancois Z Poquette
Wickens D Rulapaugh
Misaki F Glick
Salvatore G Sergi
Maisha F Campain
Faith O Maclead
Mayumi F Marrier
James J Campain
Jennifer W Paprocki
Munro E Figeroa
Cody T Ferencz
Juan C Paprocki
Francesco S Albares
Isabel O Poquette
Ashley G Glick
Jones G Flosi
Jones M Dilliard
Mujtaba V Sergi
Juan K Rulapaugh
IdCountryDate
1000Brazil2025-04-17
1001Brazil2025-04-24
1002India2025-05-02
1003Spain2025-04-26
1004Argentina2025-04-09
1005Canada2025-04-28
1006Argentina2025-04-15
1007Spain2025-04-11
1008India2025-04-20
1009Germany2025-04-27
1010France2025-04-13
1011Spain2025-04-04
1012India2025-04-14
1013Russia2025-04-13
1014United Kingdom2025-04-27
1015Germany2025-04-12
1016Italy2025-04-23
1017Japan2025-04-18
1018Argentina2025-04-20
1019Brazil2025-04-07
1020Brazil2025-04-25
1021Japan2025-04-29
1022Australia2025-04-05
1023Japan2025-04-18
1024United Kingdom2025-04-12
1025Japan2025-04-15
1026Japan2025-04-14
1027Australia2025-04-14
1028Brazil2025-04-15
1029Argentina2025-04-25
1030United Kingdom2025-04-26
1031Canada2025-04-20
1032Russia2025-04-26
1033United Kingdom2025-04-12
1034France2025-04-10
1035Russia2025-04-09
1036France2025-05-01
1037India2025-04-12
1038India2025-04-24
1039Argentina2025-04-26
1040France2025-04-19
1041Brazil2025-04-04
1042United Kingdom2025-04-11
1043India2025-04-04
1044Russia2025-04-14
1045Japan2025-04-25
1046Japan2025-05-01
1047United Kingdom2025-04-17
1048Canada2025-04-23
1049Canada2025-04-16

On-Demand Data

NameIdCountryDate
Antonio R Marrier1000Canada2025-04-22
Ricardo T Poquette1001Argentina2025-05-02
Aditya I Shinko1002Brazil2025-04-24
Ivar Y Caldarera1003France2025-04-23
Murillo T Albares1004Australia2025-04-03
Maria Y Gaucho1005Australia2025-04-29
Adams J Whobrey1006Canada2025-04-10
Adams G Maclead1007Argentina2025-04-05
Deepesh H Malet1008Japan2025-04-03
Ivar S Shinko1009Russia2025-04-30
Kadeem C Butt1010Japan2025-04-04
Deepesh Q Figeroa1011Australia2025-04-12
Maisha E Briddick1012Spain2025-04-04
Aditya I Vocelka1013Canada2025-04-18
Maisha E Gaucho1014India2025-04-09
Wickens L Briddick1015India2025-04-07
Murillo L Royster1016India2025-04-28
Jeanfrancois F Stockham1017Germany2025-04-14
Murillo F Caldarera1018India2025-04-15
Antonio D Gaucho1019Japan2025-04-27
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Costa A AmigonIndiaBernardo Dominic UNQUALIFIED
Kaitlin V RoysterBrazilStephen Shaw QUALIFIED
Aruna T MaletRussiaIoni Bowcher NEW
Leja V SchemmerIndiaIoni Bowcher RENEWAL
Aika R SlusarskiBrazilStephen Shaw NEGOTIATION
Johnson P SaylorsArgentinaXuxue Feng QUALIFIED
Tony E MarrierItalyIvan Magalhaes NEW
Nicolas Q SchemmerGermanyAnna Fali UNQUALIFIED
Sinclair V MacleadRussiaStephen Shaw RENEWAL
Nicolas X FollerJapanOnyama Limba QUALIFIED
Octavia J NickaUnited KingdomBernardo Dominic PROPOSAL
Maisha K OstroskyFranceIoni Bowcher NEGOTIATION
David T PaprockiGermanyAnna Fali PROPOSAL
Emily M ButtGermanyAsiya Javayant NEW
Jones C StensethSpainIvan Magalhaes NEW
Adams V GarufiAustraliaAnna Fali UNQUALIFIED
Claire U SaylorsBrazilAmy Elsner QUALIFIED
Smith W RutaJapanIoni Bowcher UNQUALIFIED
Sinclair U FigeroaUnited KingdomAnna Fali NEGOTIATION
David B IturbideCanadaElwin Sharvill NEW
Salvatore W SchemmerArgentinaStephen Shaw PROPOSAL
Nicolas O MarrierBrazilIvan Magalhaes UNQUALIFIED
Smith B CampainBrazilXuxue Feng NEGOTIATION
Clifford L DoeBrazilOnyama Limba RENEWAL
Kadeem S WaycottSpainBernardo Dominic QUALIFIED
Rodrigues T GauchoUnited KingdomIoni Bowcher PROPOSAL
Alejandro Y StensethIndiaAsiya Javayant PROPOSAL
Julie Z AmigonGermanyAmy Elsner UNQUALIFIED
Murillo D GauchoUnited KingdomAsiya Javayant NEW
Munro P RimRussiaAsiya Javayant RENEWAL
Izzy N CaudyIndiaIvan Magalhaes NEGOTIATION
Sinclair T KuskoIndiaIoni Bowcher QUALIFIED
Stacey E TollnerSpainAmy Elsner PROPOSAL
Ashley Y PaprockiCanadaElwin Sharvill QUALIFIED
Emily K WieserFranceIvan Magalhaes RENEWAL
Wickens P RulapaughGermanyAmy Elsner QUALIFIED
Silvio E OldroydAustraliaAnna Fali UNQUALIFIED
Kadeem U InouyeBrazilBernardo Dominic NEGOTIATION
Kadeem M NickaItalyXuxue Feng NEGOTIATION
Rodrigues S KuskoItalyBernardo Dominic RENEWAL

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