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 A FerenczIndiaElwin Sharvill NEGOTIATION
Cody M ButtArgentinaOnyama Limba NEGOTIATION
Mujtaba M TollnerAustraliaElwin Sharvill QUALIFIED
Jefferson Z DilliardGermanyAmy Elsner NEGOTIATION
Adams H KuskoBrazilOnyama Limba UNQUALIFIED
Stacey K CampainUnited KingdomAmy Elsner RENEWAL
James C StensethBrazilAnna Fali PROPOSAL
Deepesh W SergiCanadaElwin Sharvill NEGOTIATION
Mayumi L CaudyItalyOnyama Limba UNQUALIFIED
Mujtaba Z MaletJapanAnna Fali UNQUALIFIED
Claire S FollerFranceStephen Shaw NEW
Wickens D FerenczCanadaStephen Shaw PROPOSAL
Ashley E KolmetzJapanAnna Fali NEGOTIATION
Ricardo S DarakjyCanadaElwin Sharvill RENEWAL
Ashley T DoeIndiaElwin Sharvill NEGOTIATION
Jones I ShinkoJapanIvan Magalhaes PROPOSAL
Rodrigues R GillianIndiaIvan Magalhaes RENEWAL
Leon M DoeSpainIvan Magalhaes PROPOSAL
Francesco T BowleyAustraliaOnyama Limba RENEWAL
Misaki L RulapaughItalyXuxue Feng UNQUALIFIED
Faith S StockhamGermanyBernardo Dominic PROPOSAL
Murillo N BriddickUnited KingdomElwin Sharvill PROPOSAL
Francesco S MorascaIndiaAnna Fali QUALIFIED
Ashley E FerenczCanadaAnna Fali PROPOSAL
Francesco D MaletBrazilAnna Fali NEGOTIATION
Deepesh Y PaprockiRussiaAsiya Javayant PROPOSAL
Greenwood Q PaprockiBrazilAmy Elsner UNQUALIFIED
Nicolas O NestleCanadaAmy Elsner QUALIFIED
Costa H GarufiBrazilAmy Elsner PROPOSAL
Munro G InouyeRussiaStephen Shaw RENEWAL
Jeanfrancois G RulapaughBrazilOnyama Limba PROPOSAL
Faith B VocelkaUnited KingdomAnna Fali QUALIFIED
Leon I SergiCanadaBernardo Dominic NEGOTIATION
Juan F FigeroaItalyIoni Bowcher QUALIFIED
Izzy H NickaGermanyOnyama Limba RENEWAL
Deepesh K TollnerAustraliaIvan Magalhaes PROPOSAL
Ashley Q RulapaughCanadaBernardo Dominic QUALIFIED
Jeanfrancois F SergiIndiaIvan Magalhaes NEGOTIATION
Aditya N FerenczSpainStephen Shaw NEGOTIATION
Emily W FigeroaUnited KingdomStephen Shaw QUALIFIED
Jefferson S GarufiRussiaStephen Shaw NEW
Isabel U ButtGermanyIoni Bowcher QUALIFIED
Silvio G RoysterUnited KingdomXuxue Feng NEGOTIATION
Cody U AlbaresArgentinaOnyama Limba NEW
Juan M DarakjyFranceIoni Bowcher QUALIFIED
Tony D MorascaCanadaOnyama Limba QUALIFIED
Silvio R VenereJapanXuxue Feng RENEWAL
Octavia Q AmigonFranceIoni Bowcher RENEWAL
Izzy Q PoquetteAustraliaElwin Sharvill PROPOSAL
Aika G AmigonIndiaXuxue Feng QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Maria J VocelkaRussiaOnyama Limba PROPOSAL
Smith P FlosiUnited KingdomElwin Sharvill QUALIFIED
Jennifer Y SchemmerJapanIoni Bowcher NEGOTIATION
Nicolas D InouyeBrazilIoni Bowcher RENEWAL
Izzy D OstroskyUnited KingdomIoni Bowcher UNQUALIFIED
Munro E SergiBrazilBernardo Dominic QUALIFIED
Adams D MaletFranceAnna Fali NEGOTIATION
Kadeem Y MacleadJapanOnyama Limba PROPOSAL
Chavez X NestleAustraliaOnyama Limba QUALIFIED
Deepesh D BowleyUnited KingdomAmy Elsner UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Isabel I PaprockiAustralia2025-04-22Morlong Associates UNQUALIFIED44Amy Elsner
1001Izzy U SlusarskiGermany2025-04-25Chapman, Ross E Esq UNQUALIFIED44Amy Elsner
1002Kadeem M MacleadFrance2025-04-08Commercial Press PROPOSAL42Anna Fali
1003Aika F PoquetteCanada2025-04-03Truhlar And Truhlar Attys UNQUALIFIED99Ioni Bowcher
1004Costa W PoquetteFrance2025-04-29Chemel, James L Cpa RENEWAL79Ivan Magalhaes
1005James T SlusarskiBrazil2025-04-10Morlong Associates PROPOSAL42Ivan Magalhaes
1006Tony F GillianArgentina2025-04-02Rangoni Of Florence QUALIFIED93Ioni Bowcher
1007Johnson V SlusarskiIndia2025-04-28Feiner Bros RENEWAL54Xuxue Feng
1008Jones V NickaFrance2025-04-20Morlong Associates PROPOSAL63Ioni Bowcher
1009Faith J RoysterAustralia2025-04-25Commercial Press NEW39Ioni Bowcher
1010Alejandro E MacleadAustralia2025-04-14Rousseaux, Michael Esq QUALIFIED30Ioni Bowcher
1011Clifford W WhobreyBrazil2025-04-17Rangoni Of Florence QUALIFIED45Ioni Bowcher
1012Julie U FerenczJapan2025-04-12Feltz Printing Service NEW84Xuxue Feng
1013Ashley J StockhamGermany2025-04-22Commercial Press QUALIFIED16Ivan Magalhaes
1014Johnson F VocelkaGermany2025-04-12Morlong Associates RENEWAL22Onyama Limba
1015Jeanfrancois X GillianArgentina2025-04-29Morlong Associates UNQUALIFIED61Asiya Javayant
1016Kaitlin U BriddickFrance2025-04-30Printing Dimensions PROPOSAL66Bernardo Dominic
1017Smith K MaletSpain2025-04-03Printing Dimensions RENEWAL32Xuxue Feng
1018Isabel S FigeroaBrazil2025-04-15Chapman, Ross E Esq NEGOTIATION69Bernardo Dominic
1019Jefferson A GarufiGermany2025-04-07Dorl, James J Esq UNQUALIFIED60Stephen Shaw
1020Aditya K RulapaughCanada2025-04-22Chapman, Ross E Esq PROPOSAL45Xuxue Feng
1021James S MaletGermany2025-04-26Morlong Associates RENEWAL59Stephen Shaw
1022Kaitlin M DoeBrazil2025-04-19Rangoni Of Florence PROPOSAL22Bernardo Dominic
1023Juan V SlusarskiJapan2025-04-19King, Christopher A Esq RENEWAL1Anna Fali
1024Nicolas O BriddickAustralia2025-04-12Rousseaux, Michael Esq QUALIFIED85Bernardo Dominic
1025Isabel P MacleadJapan2025-04-29Chapman, Ross E Esq RENEWAL16Anna Fali
1026Aditya E CaldareraCanada2025-04-30Morlong Associates UNQUALIFIED13Stephen Shaw
1027Rodrigues Q SchemmerSpain2025-04-28Dorl, James J Esq UNQUALIFIED53Ioni Bowcher
1028Kaitlin H SchemmerItaly2025-04-24Chapman, Ross E Esq PROPOSAL57Xuxue Feng
1029Wickens O SergiSpain2025-04-02Chanay, Jeffrey A Esq QUALIFIED26Bernardo Dominic
1030Julie D RulapaughAustralia2025-04-23Benton, John B Jr PROPOSAL56Bernardo Dominic
1031Adams V MaletUnited Kingdom2025-04-20Chemel, James L Cpa PROPOSAL1Elwin Sharvill
1032Greenwood L MacleadUnited Kingdom2025-04-19Rousseaux, Michael Esq NEGOTIATION62Stephen Shaw
1033Jones S RutaGermany2025-04-20Chemel, James L Cpa QUALIFIED58Ivan Magalhaes
1034James M StockhamUnited Kingdom2025-04-02Chanay, Jeffrey A Esq NEGOTIATION31Anna Fali
1035Mujtaba O AlbaresCanada2025-04-26Truhlar And Truhlar Attys RENEWAL0Ivan Magalhaes
1036Jefferson T MaletAustralia2025-04-05Chemel, James L Cpa NEW74Xuxue Feng
1037Julie S OldroydIndia2025-04-17Buckley Miller Wright PROPOSAL30Ivan Magalhaes
1038Faith K WaycottJapan2025-04-04Chapman, Ross E Esq PROPOSAL29Xuxue Feng
1039Jeanfrancois W VenereJapan2025-04-24King, Christopher A Esq PROPOSAL32Bernardo Dominic
1040Tony Y PoquetteCanada2025-04-13Rousseaux, Michael Esq NEW26Stephen Shaw
1041Alejandro O CaudyArgentina2025-04-22Chapman, Ross E Esq RENEWAL60Bernardo Dominic
1042Alejandro O OstroskyJapan2025-04-21Printing Dimensions RENEWAL29Anna Fali
1043Murillo T RimGermany2025-04-15Commercial Press NEGOTIATION19Amy Elsner
1044Jeanfrancois C ShinkoGermany2025-04-08Commercial Press NEW24Stephen Shaw
1045Jennifer L OstroskyUnited Kingdom2025-04-12Benton, John B Jr PROPOSAL32Ivan Magalhaes
1046Ricardo O MaletSpain2025-04-06Buckley Miller Wright QUALIFIED8Asiya Javayant
1047Nicolas R GillianBrazil2025-04-10Truhlar And Truhlar Attys UNQUALIFIED95Amy Elsner
1048Sinclair U DarakjySpain2025-04-18Benton, John B Jr PROPOSAL55Xuxue Feng
1049Johnson X WieserArgentina2025-04-20Morlong Associates RENEWAL12Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Silvio G CaudyArgentinaXuxue Feng PROPOSAL
Jones T PerinGermanyXuxue Feng RENEWAL
Aruna P SchemmerBrazilOnyama Limba NEW
Antonio U WaycottFranceStephen Shaw UNQUALIFIED
Octavia H MacleadAustraliaStephen Shaw NEW
Cody X IturbideUnited KingdomAnna Fali NEGOTIATION
Maisha W StensethAustraliaBernardo Dominic RENEWAL
Murillo X DoeUnited KingdomAmy Elsner RENEWAL
Cody M KuskoJapanIvan Magalhaes UNQUALIFIED
Leja A ChuiRussiaAsiya Javayant NEGOTIATION
Munro Z WieserSpainBernardo Dominic UNQUALIFIED
Salvatore G PerinBrazilElwin Sharvill NEW
Deepesh L FerenczArgentinaElwin Sharvill NEW
Darci C InouyeGermanyXuxue Feng PROPOSAL
Jones E PerinSpainIoni Bowcher NEGOTIATION
Rodrigues M GillianGermanyIoni Bowcher NEGOTIATION
Mayumi Z FlosiJapanAnna Fali NEW
Ivar E WhobreySpainIvan Magalhaes RENEWAL
Johnson E PaprockiCanadaAsiya Javayant QUALIFIED
Isabel B AlbaresAustraliaBernardo Dominic UNQUALIFIED
Chavez P RutaUnited KingdomAnna Fali NEW
Ashley E StockhamSpainBernardo Dominic NEW
James T CaudyIndiaAsiya Javayant RENEWAL
Jones T ChuiGermanyOnyama Limba RENEWAL
Aditya W BowleyArgentinaIvan Magalhaes PROPOSAL
Chavez Q WaycottRussiaAsiya Javayant NEW
Jones Q FollerUnited KingdomAmy Elsner UNQUALIFIED
Chavez W KolmetzBrazilXuxue Feng UNQUALIFIED
Leja B CaudyGermanyStephen Shaw NEGOTIATION
Morrow F DoeCanadaAmy Elsner PROPOSAL
Antonio W NestleArgentinaIvan Magalhaes NEGOTIATION
Ashley G CampainCanadaAsiya Javayant NEW
Clifford G NickaItalyAsiya Javayant NEW
David Q WhobreyItalyAsiya Javayant PROPOSAL
James T VenereCanadaIoni Bowcher NEGOTIATION
Chavez T SergiArgentinaAsiya Javayant RENEWAL
Aika A WaycottBrazilBernardo Dominic PROPOSAL
Alejandro Y BologniaCanadaBernardo Dominic QUALIFIED
James W VocelkaJapanXuxue Feng QUALIFIED
Salvatore J BowleyCanadaOnyama Limba PROPOSAL
Maria B ButtBrazilElwin Sharvill PROPOSAL
Cody F WhobreyJapanStephen Shaw NEGOTIATION
Juan B MorascaCanadaElwin Sharvill PROPOSAL
Johnson E MaletCanadaIvan Magalhaes NEGOTIATION
Rodrigues K NestleSpainAsiya Javayant QUALIFIED
Isabel T IturbideItalyOnyama Limba NEGOTIATION
Cody F InouyeItalyElwin Sharvill PROPOSAL
Juan U DarakjyJapanIoni Bowcher UNQUALIFIED
Leon H CaudyIndiaBernardo Dominic QUALIFIED
James C SaylorsJapanElwin Sharvill NEW
Frozen Columns
Name
Misaki H Shinko
Darci W Gillian
Nicolas W Dilliard
Isabel H Wieser
Jefferson D Bolognia
Isabel I Iturbide
James E Figeroa
Jennifer O Malet
Ricardo V Slusarski
Kaitlin Q Perin
Mayumi A Wieser
Silvio E Caldarera
Aika F Marrier
James I Butt
Mayumi F Malet
Rodrigues Q Butt
Johnson S Butt
Clifford A Sergi
Jeanfrancois Z Rim
Chavez W Ferencz
Leon E Whobrey
Ashley Z Amigon
Salvatore Z Inouye
Deepesh M Glick
Francesco C Briddick
Kaitlin E Ruta
Emily F Nestle
Leja Z Poquette
Deepesh G Tollner
Leon N Ostrosky
Deepesh V Figeroa
Antonio I Gaucho
Rodrigues M Darakjy
Arvin X Briddick
James E Whobrey
Rodrigues S Darakjy
Aditya D Garufi
Murillo K Bolognia
Chavez V Paprocki
Adams R Kusko
Kadeem X Vocelka
Cody B Caldarera
Misaki H Rulapaugh
Clifford A Rulapaugh
Julie A Bowley
Jennifer K Darakjy
Clifford Q Sergi
Francesco B Whobrey
Claire Y Garufi
Francesco T Doe
IdCountryDate
1000Spain2025-04-06
1001Argentina2025-04-27
1002Argentina2025-04-03
1003Brazil2025-04-19
1004Australia2025-04-27
1005Japan2025-04-12
1006Italy2025-04-07
1007France2025-04-13
1008Italy2025-04-17
1009Australia2025-04-15
1010Australia2025-04-21
1011India2025-04-27
1012Canada2025-04-07
1013India2025-04-09
1014Brazil2025-04-09
1015Argentina2025-04-23
1016Canada2025-04-16
1017Brazil2025-04-06
1018Italy2025-04-25
1019Italy2025-04-27
1020Spain2025-04-11
1021Australia2025-04-30
1022France2025-04-12
1023Argentina2025-04-26
1024Brazil2025-04-18
1025Japan2025-04-28
1026Brazil2025-04-16
1027Canada2025-04-09
1028Russia2025-04-18
1029Australia2025-04-23
1030Canada2025-04-09
1031India2025-04-08
1032Argentina2025-04-19
1033India2025-04-16
1034Canada2025-04-26
1035Italy2025-04-21
1036Italy2025-04-16
1037United Kingdom2025-04-14
1038Brazil2025-04-02
1039Canada2025-04-27
1040Brazil2025-04-07
1041Australia2025-04-18
1042Russia2025-04-01
1043United Kingdom2025-04-15
1044India2025-04-20
1045Russia2025-04-13
1046Brazil2025-04-24
1047Australia2025-04-09
1048Italy2025-04-23
1049Canada2025-04-10

On-Demand Data

NameIdCountryDate
Arvin B Gaucho1000Canada2025-04-25
Silvio X Dilliard1001Germany2025-04-14
Jennifer D Whobrey1002Germany2025-04-11
Juan S Shinko1003Germany2025-04-06
Ivar B Rulapaugh1004Russia2025-04-10
Morrow H Slusarski1005Russia2025-04-05
Antonio A Ruta1006Australia2025-04-12
Adams K Whobrey1007France2025-04-14
Izzy G Figeroa1008India2025-04-11
Alejandro F Tollner1009United Kingdom2025-04-06
Kaitlin O Kusko1010Japan2025-04-26
Adams L Slusarski1011Canada2025-04-06
Mayumi Q Sergi1012France2025-04-29
Jones Z Albares1013Japan2025-04-01
Arvin R Waycott1014Japan2025-04-04
Emily B Maclead1015Australia2025-04-16
Clifford N Nestle1016Australia2025-04-30
David L Tollner1017Spain2025-04-21
Greenwood U Butt1018Brazil2025-04-21
Clifford W Bolognia1019Brazil2025-04-19
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair H ShinkoArgentinaStephen Shaw NEGOTIATION
Costa R MaletFranceOnyama Limba PROPOSAL
Arvin Y RutaSpainBernardo Dominic RENEWAL
Cody C GauchoArgentinaXuxue Feng RENEWAL
David A FollerRussiaElwin Sharvill QUALIFIED
Clifford K GillianAustraliaBernardo Dominic NEGOTIATION
Jefferson F BriddickGermanyStephen Shaw PROPOSAL
Julie X NickaIndiaAmy Elsner NEGOTIATION
Smith D SchemmerIndiaAmy Elsner NEGOTIATION
Silvio L RutaCanadaAsiya Javayant NEW
Adams P GlickAustraliaAmy Elsner PROPOSAL
Misaki Y FollerUnited KingdomXuxue Feng QUALIFIED
Darci V DarakjyRussiaStephen Shaw QUALIFIED
Juan J BologniaJapanAnna Fali PROPOSAL
Juan Y RimAustraliaIoni Bowcher UNQUALIFIED
Alejandro K GauchoRussiaOnyama Limba RENEWAL
Nicolas U RimSpainBernardo Dominic RENEWAL
Izzy N GlickIndiaIoni Bowcher NEW
Clifford U StockhamCanadaXuxue Feng RENEWAL
Darci C OldroydIndiaIvan Magalhaes UNQUALIFIED
Morrow I ShinkoBrazilAnna Fali RENEWAL
Clifford L WieserArgentinaIvan Magalhaes NEW
Julie H RoysterRussiaXuxue Feng RENEWAL
Mujtaba N RutaItalyIvan Magalhaes PROPOSAL
Jeanfrancois Y RulapaughSpainIoni Bowcher RENEWAL
Mujtaba G VenereFranceBernardo Dominic NEW
Kadeem J MaletItalyAmy Elsner RENEWAL
Ricardo W TollnerRussiaElwin Sharvill NEGOTIATION
Maria E StensethArgentinaElwin Sharvill NEW
Cody V BowleyRussiaXuxue Feng NEGOTIATION
Munro F DilliardCanadaElwin Sharvill PROPOSAL
Juan R VocelkaItalyOnyama Limba UNQUALIFIED
Misaki J InouyeIndiaOnyama Limba NEGOTIATION
Johnson J CaudyItalyXuxue Feng NEW
Leon K RutaRussiaIvan Magalhaes QUALIFIED
Costa C PaprockiIndiaAsiya Javayant NEGOTIATION
Mujtaba H IturbideIndiaIoni Bowcher QUALIFIED
Emily W ShinkoUnited KingdomBernardo Dominic PROPOSAL
Darci C SchemmerCanadaIvan Magalhaes PROPOSAL
David R GlickAustraliaAmy Elsner NEW

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