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
Claire X FigeroaCanadaAnna Fali NEW
Ashley N GillianAustraliaBernardo Dominic QUALIFIED
Murillo V SaylorsIndiaAsiya Javayant NEW
Silvio Q VocelkaBrazilAnna Fali UNQUALIFIED
Mayumi S SlusarskiJapanIvan Magalhaes PROPOSAL
Aika B FigeroaFranceBernardo Dominic QUALIFIED
Jennifer H FigeroaFranceStephen Shaw RENEWAL
Ashley N NickaArgentinaAsiya Javayant UNQUALIFIED
Francesco H BologniaJapanIvan Magalhaes PROPOSAL
James S FollerFranceStephen Shaw NEW
Francesco D BriddickGermanyAmy Elsner QUALIFIED
Silvio P WaycottUnited KingdomStephen Shaw NEW
Cody F FigeroaGermanyAsiya Javayant NEW
Adams G ChuiIndiaStephen Shaw NEW
Sinclair L SchemmerIndiaStephen Shaw NEW
Maisha G CaudyItalyXuxue Feng NEGOTIATION
Morrow J GarufiSpainAnna Fali QUALIFIED
Jeanfrancois A OldroydAustraliaElwin Sharvill NEW
Leja I FollerGermanyAsiya Javayant QUALIFIED
Antonio T RimRussiaOnyama Limba NEGOTIATION
Adams M SergiIndiaStephen Shaw NEW
Deepesh H WaycottJapanOnyama Limba NEW
Tony F NestleArgentinaAnna Fali NEW
Alejandro B KolmetzIndiaAnna Fali UNQUALIFIED
Mujtaba K PoquetteFranceXuxue Feng NEGOTIATION
Mujtaba V GillianItalyXuxue Feng RENEWAL
Izzy B DarakjyGermanyXuxue Feng UNQUALIFIED
Chavez U WaycottBrazilAsiya Javayant PROPOSAL
Mayumi H FigeroaArgentinaIoni Bowcher QUALIFIED
Mayumi N ChuiAustraliaElwin Sharvill NEW
Emily Q CaudySpainStephen Shaw NEW
Munro S KuskoCanadaAnna Fali NEGOTIATION
Ricardo X VenereSpainBernardo Dominic RENEWAL
Ivar I ButtRussiaOnyama Limba QUALIFIED
Wickens K RulapaughFranceIoni Bowcher RENEWAL
Deepesh S FollerSpainXuxue Feng RENEWAL
Costa Z RulapaughItalyIvan Magalhaes QUALIFIED
Rodrigues R PerinBrazilXuxue Feng NEGOTIATION
Jones Z PoquetteJapanXuxue Feng NEGOTIATION
Leja Z CaudyRussiaIoni Bowcher NEGOTIATION
Costa Q TollnerCanadaAsiya Javayant RENEWAL
Emily B GauchoSpainXuxue Feng QUALIFIED
Wickens O AmigonAustraliaXuxue Feng PROPOSAL
Misaki N BriddickBrazilXuxue Feng PROPOSAL
Faith P FollerItalyStephen Shaw NEGOTIATION
Maisha K BologniaFranceIoni Bowcher QUALIFIED
Aika K WieserJapanXuxue Feng PROPOSAL
Sinclair D GauchoSpainOnyama Limba PROPOSAL
Ivar Q SaylorsArgentinaAmy Elsner PROPOSAL
Clifford D GlickArgentinaAnna Fali UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Octavia V ButtJapanStephen Shaw NEGOTIATION
Tony W VenereItalyBernardo Dominic QUALIFIED
Nicolas J GillianBrazilAnna Fali NEGOTIATION
Cody J MorascaCanadaAsiya Javayant NEGOTIATION
James R RimGermanyElwin Sharvill PROPOSAL
Jennifer C RulapaughAustraliaStephen Shaw QUALIFIED
Rodrigues N DilliardFranceOnyama Limba UNQUALIFIED
Alejandro R KuskoItalyIoni Bowcher PROPOSAL
Rodrigues U GlickArgentinaBernardo Dominic RENEWAL
Nicolas F InouyeSpainXuxue Feng PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mayumi E RoysterItaly2025-04-09Chemel, James L Cpa QUALIFIED41Amy Elsner
1001Leja I BowleyCanada2025-04-24King, Christopher A Esq RENEWAL22Amy Elsner
1002Murillo O InouyeIndia2025-04-19Commercial Press RENEWAL28Amy Elsner
1003Mayumi G NickaCanada2025-05-06Morlong Associates PROPOSAL76Elwin Sharvill
1004Izzy E MaletCanada2025-04-26Benton, John B Jr UNQUALIFIED77Ioni Bowcher
1005Mayumi S SchemmerAustralia2025-04-11Benton, John B Jr UNQUALIFIED5Anna Fali
1006Nicolas Y OldroydSpain2025-04-12Chanay, Jeffrey A Esq UNQUALIFIED16Stephen Shaw
1007Kaitlin T FollerIndia2025-04-19Feiner Bros UNQUALIFIED65Xuxue Feng
1008Aruna D MorascaArgentina2025-04-21Benton, John B Jr QUALIFIED7Asiya Javayant
1009Aika D MaletRussia2025-04-11Dorl, James J Esq UNQUALIFIED11Stephen Shaw
1010Julie H FerenczRussia2025-04-28Buckley Miller Wright NEGOTIATION37Xuxue Feng
1011Greenwood W KuskoGermany2025-04-25Morlong Associates PROPOSAL82Asiya Javayant
1012Jefferson R IturbideJapan2025-04-13Rousseaux, Michael Esq PROPOSAL66Ivan Magalhaes
1013Francesco Z NickaFrance2025-04-30King, Christopher A Esq NEGOTIATION69Onyama Limba
1014Mayumi E MaletFrance2025-04-24Morlong Associates NEW53Elwin Sharvill
1015Darci V FerenczJapan2025-05-03King, Christopher A Esq QUALIFIED8Xuxue Feng
1016Izzy Y DarakjyJapan2025-05-08Morlong Associates NEGOTIATION61Anna Fali
1017Julie H WieserSpain2025-05-01Chemel, James L Cpa QUALIFIED61Xuxue Feng
1018James B VocelkaJapan2025-05-07Chanay, Jeffrey A Esq NEGOTIATION61Asiya Javayant
1019Smith L WaycottCanada2025-04-25King, Christopher A Esq UNQUALIFIED10Ioni Bowcher
1020Leja R KuskoUnited Kingdom2025-04-21Benton, John B Jr QUALIFIED89Asiya Javayant
1021Maria A MaletRussia2025-04-12Feltz Printing Service QUALIFIED9Stephen Shaw
1022Faith U BriddickIndia2025-05-04Printing Dimensions RENEWAL44Elwin Sharvill
1023Smith N DoeBrazil2025-04-09Commercial Press PROPOSAL53Asiya Javayant
1024Julie O DoeCanada2025-04-23Morlong Associates QUALIFIED93Elwin Sharvill
1025Greenwood L AmigonAustralia2025-05-07Commercial Press PROPOSAL89Stephen Shaw
1026Chavez D VenereIndia2025-05-05Chanay, Jeffrey A Esq NEW1Anna Fali
1027Julie U MacleadSpain2025-04-24Morlong Associates NEW57Stephen Shaw
1028Morrow M OstroskyBrazil2025-05-02Morlong Associates UNQUALIFIED29Anna Fali
1029Morrow F BologniaSpain2025-04-21Rangoni Of Florence NEW93Xuxue Feng
1030Murillo C GlickUnited Kingdom2025-04-17Benton, John B Jr UNQUALIFIED9Onyama Limba
1031Deepesh X AmigonItaly2025-04-21Benton, John B Jr PROPOSAL14Stephen Shaw
1032Alejandro O FigeroaItaly2025-04-10Truhlar And Truhlar Attys UNQUALIFIED13Amy Elsner
1033Greenwood K ShinkoItaly2025-04-15Chanay, Jeffrey A Esq PROPOSAL91Elwin Sharvill
1034Leon A FollerCanada2025-04-15Rangoni Of Florence PROPOSAL53Xuxue Feng
1035Izzy I DarakjyUnited Kingdom2025-04-15Morlong Associates UNQUALIFIED61Ioni Bowcher
1036David T VenereBrazil2025-04-16Dorl, James J Esq NEGOTIATION77Onyama Limba
1037Deepesh L FerenczSpain2025-04-22Buckley Miller Wright PROPOSAL63Amy Elsner
1038Izzy K ButtItaly2025-05-05Commercial Press PROPOSAL35Asiya Javayant
1039Isabel Q SaylorsFrance2025-04-12Rousseaux, Michael Esq QUALIFIED95Ivan Magalhaes
1040Mayumi D StockhamArgentina2025-05-06Rousseaux, Michael Esq UNQUALIFIED1Stephen Shaw
1041Mayumi W SaylorsArgentina2025-04-15Chemel, James L Cpa PROPOSAL99Ivan Magalhaes
1042Smith M GarufiBrazil2025-05-02Printing Dimensions UNQUALIFIED5Asiya Javayant
1043Smith S WaycottSpain2025-04-21Feltz Printing Service NEGOTIATION49Anna Fali
1044Wickens G FerenczGermany2025-05-03Rangoni Of Florence QUALIFIED1Amy Elsner
1045Adams P ChuiArgentina2025-05-02Chapman, Ross E Esq NEW75Xuxue Feng
1046Chavez Y PoquetteCanada2025-04-15King, Christopher A Esq NEGOTIATION76Stephen Shaw
1047Isabel F VocelkaGermany2025-04-25Dorl, James J Esq QUALIFIED71Xuxue Feng
1048Mujtaba N BologniaJapan2025-04-30Truhlar And Truhlar Attys QUALIFIED40Ivan Magalhaes
1049Leon R SergiArgentina2025-04-28Rousseaux, Michael Esq UNQUALIFIED81Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Morrow K BriddickUnited KingdomElwin Sharvill RENEWAL
Aika S FlosiSpainAsiya Javayant QUALIFIED
Kaitlin W ChuiRussiaIoni Bowcher QUALIFIED
Kaitlin W RutaFranceAnna Fali UNQUALIFIED
Aditya V StockhamItalyElwin Sharvill RENEWAL
Ricardo B WieserArgentinaIoni Bowcher QUALIFIED
Chavez R IturbideRussiaElwin Sharvill NEGOTIATION
Ricardo G SergiRussiaElwin Sharvill NEGOTIATION
Tony H ShinkoJapanAmy Elsner NEGOTIATION
Morrow P GlickJapanElwin Sharvill NEW
Faith S RutaJapanOnyama Limba NEW
Salvatore C NestleRussiaXuxue Feng UNQUALIFIED
Arvin U SchemmerGermanyAsiya Javayant PROPOSAL
Adams D SchemmerJapanAnna Fali PROPOSAL
Emily M MorascaArgentinaElwin Sharvill PROPOSAL
Ricardo X PaprockiJapanIoni Bowcher QUALIFIED
Morrow G RutaSpainStephen Shaw QUALIFIED
Nicolas W FerenczFranceAnna Fali RENEWAL
Rodrigues N SaylorsBrazilIvan Magalhaes NEGOTIATION
Johnson U FigeroaIndiaAsiya Javayant RENEWAL
Salvatore H SaylorsUnited KingdomOnyama Limba QUALIFIED
Wickens O KuskoAustraliaAnna Fali UNQUALIFIED
Julie A SaylorsGermanyAmy Elsner PROPOSAL
Stacey X BowleyItalyXuxue Feng QUALIFIED
Sinclair L DoeUnited KingdomIvan Magalhaes PROPOSAL
Clifford Q SchemmerRussiaOnyama Limba NEGOTIATION
Julie W SchemmerFranceIoni Bowcher RENEWAL
Jefferson X InouyeRussiaAnna Fali QUALIFIED
Antonio R ButtItalyStephen Shaw UNQUALIFIED
Murillo D RutaIndiaIoni Bowcher QUALIFIED
Silvio L RimSpainIvan Magalhaes NEGOTIATION
Antonio Q PaprockiFranceStephen Shaw RENEWAL
Leja Y ChuiItalyStephen Shaw PROPOSAL
Leon Z FlosiUnited KingdomIoni Bowcher NEGOTIATION
Jefferson V InouyeSpainOnyama Limba PROPOSAL
Costa D RimJapanOnyama Limba QUALIFIED
Mujtaba H MacleadUnited KingdomStephen Shaw QUALIFIED
Francesco V PerinSpainIvan Magalhaes PROPOSAL
Antonio A SlusarskiRussiaAnna Fali RENEWAL
Chavez A InouyeGermanyAnna Fali UNQUALIFIED
Aruna U GauchoGermanyXuxue Feng NEW
Mujtaba L TollnerAustraliaAnna Fali QUALIFIED
Salvatore H ShinkoIndiaAmy Elsner PROPOSAL
Francesco S BowleyGermanyAmy Elsner QUALIFIED
Maisha J InouyeAustraliaStephen Shaw PROPOSAL
Johnson O CaldareraSpainStephen Shaw PROPOSAL
Kadeem G PaprockiRussiaBernardo Dominic RENEWAL
Maisha N AlbaresRussiaAsiya Javayant QUALIFIED
Arvin Q PerinSpainBernardo Dominic UNQUALIFIED
Alejandro H OstroskyCanadaStephen Shaw QUALIFIED
Frozen Columns
Name
Clifford O Malet
Smith Z Albares
Deepesh O Malet
Kadeem I Ruta
Sinclair U Tollner
Silvio C Inouye
Deepesh M Ostrosky
Clifford A Iturbide
Kadeem S Waycott
Juan H Whobrey
Aruna G Doe
Juan H Bowley
David L Glick
Smith E Ruta
Aruna T Waycott
Chavez D Iturbide
Octavia H Rulapaugh
Murillo R Campain
Maria I Poquette
Faith I Darakjy
James C Rulapaugh
James S Ferencz
Claire O Chui
Adams V Iturbide
Ivar G Darakjy
Sinclair B Maclead
Smith Z Ruta
Ashley L Ostrosky
Murillo F Garufi
Ivar G Rim
Arvin I Poquette
Faith M Wieser
Mayumi F Venere
Johnson A Albares
Aruna U Caudy
Chavez B Marrier
Greenwood U Poquette
Leja R Ferencz
David O Shinko
Alejandro A Nicka
Costa D Nestle
Tony V Marrier
Costa D Caudy
Maisha S Chui
Mujtaba G Poquette
Ivar L Kusko
Jefferson K Flosi
Silvio M Ruta
Antonio B Vocelka
Antonio E Slusarski
IdCountryDate
1000Italy2025-05-08
1001Germany2025-04-19
1002India2025-04-22
1003Japan2025-04-09
1004United Kingdom2025-04-14
1005Germany2025-05-08
1006France2025-05-02
1007Brazil2025-04-26
1008India2025-04-26
1009Italy2025-04-10
1010Spain2025-04-24
1011India2025-05-05
1012Italy2025-04-11
1013Russia2025-04-18
1014Brazil2025-04-15
1015Australia2025-04-23
1016United Kingdom2025-04-16
1017Argentina2025-05-07
1018Canada2025-05-07
1019Australia2025-05-08
1020United Kingdom2025-04-13
1021Italy2025-04-27
1022Brazil2025-04-25
1023Spain2025-04-14
1024Italy2025-04-23
1025Japan2025-04-18
1026Russia2025-04-11
1027France2025-05-03
1028United Kingdom2025-04-30
1029Japan2025-04-20
1030Japan2025-04-14
1031Spain2025-05-01
1032Brazil2025-05-07
1033Argentina2025-05-03
1034India2025-04-27
1035Russia2025-05-08
1036Australia2025-05-01
1037Spain2025-04-12
1038Australia2025-04-21
1039Russia2025-05-08
1040Russia2025-04-26
1041Italy2025-04-29
1042Japan2025-04-19
1043United Kingdom2025-04-25
1044Germany2025-04-25
1045Italy2025-04-26
1046Brazil2025-04-09
1047Australia2025-04-29
1048Germany2025-04-22
1049Canada2025-04-10

On-Demand Data

NameIdCountryDate
Faith H Nestle1000Germany2025-04-30
Aruna G Figeroa1001United Kingdom2025-05-06
Izzy N Flosi1002Brazil2025-04-20
Silvio B Sergi1003France2025-05-04
Leon A Tollner1004Canada2025-04-28
James L Shinko1005India2025-04-18
David N Caudy1006Canada2025-04-23
Tony V Garufi1007Argentina2025-05-08
Octavia L Ruta1008Germany2025-04-09
Jeanfrancois P Darakjy1009Japan2025-04-09
Ivar A Nicka1010Canada2025-04-23
Nicolas R Caudy1011India2025-04-19
Cody H Malet1012France2025-04-13
Salvatore H Kolmetz1013Australia2025-04-24
Arvin V Iturbide1014Spain2025-05-01
Cody V Rulapaugh1015Argentina2025-04-17
Leon T Figeroa1016Argentina2025-04-11
Aruna U Albares1017Spain2025-04-20
Adams C Poquette1018Australia2025-04-10
Francesco C Royster1019Russia2025-04-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Arvin E FlosiItalyIvan Magalhaes QUALIFIED
Tony Q StensethItalyIvan Magalhaes RENEWAL
Ashley D VocelkaIndiaOnyama Limba PROPOSAL
Sinclair J VenereSpainBernardo Dominic RENEWAL
Stacey B PaprockiRussiaStephen Shaw RENEWAL
Costa T WaycottIndiaAsiya Javayant NEGOTIATION
Tony C TollnerRussiaStephen Shaw PROPOSAL
Juan M TollnerArgentinaAsiya Javayant RENEWAL
Kadeem L ShinkoIndiaBernardo Dominic RENEWAL
Stacey V MarrierArgentinaAnna Fali UNQUALIFIED
David X PerinItalyBernardo Dominic PROPOSAL
Sinclair X MorascaCanadaElwin Sharvill NEGOTIATION
Jeanfrancois C WieserJapanAsiya Javayant RENEWAL
Julie U WaycottUnited KingdomXuxue Feng NEGOTIATION
Deepesh A AmigonAustraliaBernardo Dominic NEW
Silvio U ShinkoItalyAnna Fali NEW
Wickens T MacleadJapanStephen Shaw NEGOTIATION
Cody W ButtFranceIoni Bowcher UNQUALIFIED
Munro C KuskoAustraliaStephen Shaw RENEWAL
Kadeem Z AmigonCanadaBernardo Dominic UNQUALIFIED
Maria N GarufiJapanOnyama Limba QUALIFIED
Tony E ShinkoIndiaElwin Sharvill UNQUALIFIED
Wickens W RoysterSpainIvan Magalhaes QUALIFIED
James G MaletUnited KingdomBernardo Dominic RENEWAL
Aditya S StockhamRussiaXuxue Feng PROPOSAL
Juan E MacleadJapanOnyama Limba NEW
Isabel O OldroydFranceAnna Fali NEGOTIATION
Silvio L MaletGermanyAsiya Javayant NEGOTIATION
James B OldroydUnited KingdomXuxue Feng NEW
Alejandro W DoeBrazilOnyama Limba QUALIFIED
Smith C SaylorsIndiaOnyama Limba QUALIFIED
Octavia J DilliardUnited KingdomStephen Shaw PROPOSAL
David Q PaprockiIndiaIvan Magalhaes QUALIFIED
Emily J ShinkoRussiaIoni Bowcher RENEWAL
Mujtaba L AlbaresArgentinaBernardo Dominic NEW
Leon U VocelkaJapanBernardo Dominic RENEWAL
Mayumi M GarufiArgentinaAmy Elsner PROPOSAL
Salvatore D PerinFranceBernardo Dominic NEW
Faith J KolmetzUnited KingdomBernardo Dominic RENEWAL
Munro X SaylorsBrazilBernardo 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>