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
Tony O SergiItalyAmy Elsner NEGOTIATION
Isabel J RutaCanadaAmy Elsner PROPOSAL
Greenwood H ShinkoIndiaAmy Elsner RENEWAL
Leon L WhobreyArgentinaIoni Bowcher QUALIFIED
Kadeem I MacleadUnited KingdomXuxue Feng PROPOSAL
Izzy K BowleyFranceOnyama Limba QUALIFIED
Julie R KolmetzGermanyElwin Sharvill QUALIFIED
Murillo G KolmetzUnited KingdomAsiya Javayant RENEWAL
Costa T GauchoGermanyAmy Elsner RENEWAL
Ashley O RoysterArgentinaXuxue Feng NEW
Rodrigues M SlusarskiAustraliaIvan Magalhaes NEW
Deepesh E GlickRussiaStephen Shaw UNQUALIFIED
Misaki B MaletIndiaOnyama Limba PROPOSAL
Munro G NickaIndiaAmy Elsner QUALIFIED
Jefferson Y CampainFranceXuxue Feng UNQUALIFIED
Wickens P BriddickGermanyOnyama Limba RENEWAL
Costa Q PerinJapanXuxue Feng RENEWAL
Kadeem Z VenereArgentinaIvan Magalhaes RENEWAL
Claire Q SlusarskiAustraliaStephen Shaw QUALIFIED
James Z SaylorsUnited KingdomIvan Magalhaes UNQUALIFIED
Ashley A RoysterCanadaIvan Magalhaes PROPOSAL
Francesco P DarakjyGermanyIvan Magalhaes UNQUALIFIED
Nicolas V MacleadIndiaBernardo Dominic UNQUALIFIED
Kaitlin O IturbideFranceAnna Fali NEGOTIATION
Maisha X FollerJapanElwin Sharvill QUALIFIED
Munro I PerinIndiaXuxue Feng NEGOTIATION
Julie K MarrierSpainOnyama Limba UNQUALIFIED
Greenwood T BowleyRussiaXuxue Feng UNQUALIFIED
Antonio A ShinkoRussiaOnyama Limba PROPOSAL
Francesco L BologniaItalyXuxue Feng QUALIFIED
Arvin J GauchoGermanyXuxue Feng NEGOTIATION
Mayumi W ShinkoGermanyStephen Shaw PROPOSAL
Murillo I IturbideSpainXuxue Feng NEW
Jennifer G SchemmerIndiaXuxue Feng RENEWAL
Aika S FollerSpainAsiya Javayant NEGOTIATION
Deepesh Z DilliardItalyAsiya Javayant QUALIFIED
Salvatore V WaycottJapanBernardo Dominic NEW
Chavez D SlusarskiRussiaAsiya Javayant NEGOTIATION
Munro L AmigonBrazilIvan Magalhaes NEW
Maria J DilliardItalyStephen Shaw RENEWAL
David T ShinkoJapanXuxue Feng UNQUALIFIED
Greenwood I MarrierIndiaElwin Sharvill RENEWAL
Murillo V FollerSpainOnyama Limba NEW
Mayumi Y MaletUnited KingdomStephen Shaw PROPOSAL
Deepesh P RulapaughUnited KingdomStephen Shaw UNQUALIFIED
Darci I ChuiArgentinaStephen Shaw PROPOSAL
Jennifer F NickaJapanStephen Shaw NEGOTIATION
Mayumi O KolmetzBrazilAmy Elsner NEGOTIATION
Alejandro Q CaudyFranceOnyama Limba UNQUALIFIED
Rodrigues R VocelkaArgentinaStephen Shaw NEW
Horizontal
NameCountryRepresentativeStatus
Misaki D RutaIndiaIvan Magalhaes RENEWAL
Silvio D PerinArgentinaAmy Elsner RENEWAL
Claire M VocelkaCanadaXuxue Feng NEGOTIATION
Silvio Z FlosiJapanAsiya Javayant PROPOSAL
Adams U MorascaCanadaIoni Bowcher UNQUALIFIED
Clifford R FlosiFranceIoni Bowcher NEW
Smith B RutaAustraliaOnyama Limba PROPOSAL
Mayumi O ButtRussiaStephen Shaw RENEWAL
Isabel T BowleyUnited KingdomElwin Sharvill QUALIFIED
David Z AlbaresItalyOnyama Limba NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ivar N IturbideRussia2024-09-07Chanay, Jeffrey A Esq NEW7Stephen Shaw
1001Octavia H AlbaresFrance2024-09-23Truhlar And Truhlar Attys QUALIFIED46Xuxue Feng
1002Kaitlin A BologniaAustralia2024-09-19Dorl, James J Esq QUALIFIED50Bernardo Dominic
1003Costa N SaylorsArgentina2024-09-12Chapman, Ross E Esq NEW73Ioni Bowcher
1004Greenwood J WhobreyArgentina2024-09-12Dorl, James J Esq NEGOTIATION70Ivan Magalhaes
1005Nicolas Z IturbideJapan2024-09-01Buckley Miller Wright NEW10Asiya Javayant
1006Cody F BriddickGermany2024-08-30Dorl, James J Esq UNQUALIFIED56Bernardo Dominic
1007Wickens Z RoysterCanada2024-09-17Commercial Press UNQUALIFIED67Anna Fali
1008Leon V PaprockiIndia2024-08-31Feltz Printing Service QUALIFIED0Ivan Magalhaes
1009Isabel N DarakjyFrance2024-09-04Morlong Associates NEW77Anna Fali
1010Nicolas E PoquetteAustralia2024-09-26Feiner Bros RENEWAL44Elwin Sharvill
1011Aruna I DilliardIndia2024-09-01Morlong Associates QUALIFIED85Ivan Magalhaes
1012Greenwood K GlickAustralia2024-09-17Chanay, Jeffrey A Esq UNQUALIFIED18Bernardo Dominic
1013Cody T NickaAustralia2024-08-31Commercial Press NEW44Ioni Bowcher
1014Misaki L GarufiBrazil2024-09-02Feltz Printing Service PROPOSAL28Ioni Bowcher
1015Aruna Q FlosiItaly2024-09-17Rangoni Of Florence UNQUALIFIED22Bernardo Dominic
1016Claire B FerenczItaly2024-09-24Morlong Associates RENEWAL96Elwin Sharvill
1017Ashley G CampainGermany2024-09-21Morlong Associates UNQUALIFIED24Anna Fali
1018Julie A PerinJapan2024-09-05Rousseaux, Michael Esq UNQUALIFIED56Asiya Javayant
1019Claire P WhobreyIndia2024-09-18Feiner Bros QUALIFIED63Amy Elsner
1020Jennifer O KolmetzSpain2024-09-21Buckley Miller Wright PROPOSAL87Elwin Sharvill
1021Wickens O RutaFrance2024-09-18Truhlar And Truhlar Attys UNQUALIFIED26Xuxue Feng
1022Antonio S WieserAustralia2024-09-03Chapman, Ross E Esq UNQUALIFIED32Bernardo Dominic
1023Leja O CaudyBrazil2024-09-09Rangoni Of Florence QUALIFIED86Xuxue Feng
1024Misaki V InouyeFrance2024-08-29Feiner Bros QUALIFIED3Onyama Limba
1025Greenwood M SlusarskiGermany2024-09-05Dorl, James J Esq NEW21Anna Fali
1026Cody J PerinFrance2024-09-26Chanay, Jeffrey A Esq NEW96Ivan Magalhaes
1027David A OldroydAustralia2024-09-25Printing Dimensions NEGOTIATION43Amy Elsner
1028David B SchemmerIndia2024-09-08Chemel, James L Cpa RENEWAL13Ivan Magalhaes
1029Cody B OldroydCanada2024-09-17Commercial Press UNQUALIFIED65Xuxue Feng
1030Chavez R AmigonSpain2024-09-23Morlong Associates PROPOSAL37Amy Elsner
1031Jones C SchemmerRussia2024-08-29Morlong Associates RENEWAL8Ivan Magalhaes
1032Costa W CaudyBrazil2024-09-02Dorl, James J Esq QUALIFIED33Ioni Bowcher
1033Maisha F PaprockiIndia2024-09-24Rousseaux, Michael Esq PROPOSAL81Xuxue Feng
1034Claire A PaprockiGermany2024-09-26Buckley Miller Wright RENEWAL86Amy Elsner
1035Deepesh G PaprockiBrazil2024-09-18Printing Dimensions NEGOTIATION24Amy Elsner
1036Misaki W RulapaughRussia2024-09-20Chanay, Jeffrey A Esq PROPOSAL58Ioni Bowcher
1037Greenwood D BriddickUnited Kingdom2024-09-03Commercial Press PROPOSAL70Ioni Bowcher
1038Mujtaba A DilliardRussia2024-09-06Commercial Press RENEWAL40Asiya Javayant
1039Murillo Z FlosiCanada2024-09-10Truhlar And Truhlar Attys NEGOTIATION2Ivan Magalhaes
1040Octavia E ButtSpain2024-09-01Printing Dimensions NEW54Anna Fali
1041Isabel J FollerCanada2024-09-19Printing Dimensions RENEWAL68Amy Elsner
1042Munro X ButtGermany2024-09-05Dorl, James J Esq RENEWAL32Elwin Sharvill
1043Maisha Y KolmetzArgentina2024-08-31Feiner Bros UNQUALIFIED96Onyama Limba
1044Emily W CaudySpain2024-08-30Printing Dimensions PROPOSAL54Asiya Javayant
1045Smith P RutaBrazil2024-09-01Feltz Printing Service UNQUALIFIED73Amy Elsner
1046Murillo K AmigonGermany2024-09-23King, Christopher A Esq RENEWAL61Elwin Sharvill
1047Murillo T CampainFrance2024-09-26Rousseaux, Michael Esq RENEWAL13Onyama Limba
1048Francesco L MaletRussia2024-09-15King, Christopher A Esq QUALIFIED0Anna Fali
1049Wickens X VocelkaRussia2024-09-17Buckley Miller Wright RENEWAL71Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Cody N GauchoBrazilElwin Sharvill QUALIFIED
Salvatore N PerinItalyElwin Sharvill RENEWAL
Maisha U OldroydIndiaAmy Elsner NEW
Aditya J BriddickUnited KingdomIvan Magalhaes QUALIFIED
Ricardo G ChuiCanadaXuxue Feng RENEWAL
Salvatore Y VenereGermanyBernardo Dominic UNQUALIFIED
Aditya R WieserUnited KingdomAsiya Javayant RENEWAL
Maisha M MorascaFranceIoni Bowcher NEW
Clifford M FigeroaFranceXuxue Feng NEW
Arvin L PerinIndiaOnyama Limba UNQUALIFIED
Mujtaba K IturbideRussiaStephen Shaw RENEWAL
David F WaycottItalyIoni Bowcher QUALIFIED
Smith C WieserAustraliaOnyama Limba NEGOTIATION
Stacey W MacleadCanadaIvan Magalhaes UNQUALIFIED
Munro D AlbaresFranceIvan Magalhaes QUALIFIED
Arvin R FollerAustraliaAnna Fali QUALIFIED
Deepesh B GillianIndiaStephen Shaw PROPOSAL
Tony L SlusarskiCanadaAsiya Javayant NEW
Julie D CaldareraFranceBernardo Dominic NEGOTIATION
Chavez H KuskoUnited KingdomIoni Bowcher NEW
Nicolas K GarufiFranceXuxue Feng UNQUALIFIED
Ivar N KuskoBrazilAnna Fali NEW
Mujtaba W SlusarskiIndiaAmy Elsner NEW
Munro H FerenczJapanAsiya Javayant QUALIFIED
Jones V RimIndiaIoni Bowcher PROPOSAL
Maisha Q SergiSpainBernardo Dominic NEGOTIATION
Jennifer U PaprockiAustraliaIoni Bowcher UNQUALIFIED
Sinclair A AmigonRussiaAnna Fali QUALIFIED
Leon W AlbaresCanadaElwin Sharvill QUALIFIED
Munro V WieserAustraliaAmy Elsner QUALIFIED
Salvatore N TollnerItalyIoni Bowcher NEGOTIATION
Octavia N FollerUnited KingdomAsiya Javayant UNQUALIFIED
Kadeem I VenereSpainElwin Sharvill NEW
Chavez W RimArgentinaStephen Shaw NEW
Aditya K KuskoAustraliaAmy Elsner PROPOSAL
Deepesh Y MaletRussiaBernardo Dominic NEW
Jeanfrancois G IturbideItalyElwin Sharvill UNQUALIFIED
Greenwood K FigeroaAustraliaIvan Magalhaes UNQUALIFIED
Misaki X IturbideSpainIvan Magalhaes RENEWAL
Misaki S MarrierBrazilBernardo Dominic UNQUALIFIED
Claire P RoysterRussiaStephen Shaw NEW
Octavia F VocelkaGermanyAnna Fali NEW
Silvio G MacleadIndiaElwin Sharvill UNQUALIFIED
Arvin O SaylorsArgentinaXuxue Feng UNQUALIFIED
Faith W MorascaRussiaIoni Bowcher NEW
Claire H RutaGermanyAmy Elsner UNQUALIFIED
Maisha G PaprockiIndiaXuxue Feng PROPOSAL
Claire A MarrierArgentinaAmy Elsner QUALIFIED
Stacey H SergiItalyStephen Shaw RENEWAL
Juan K FlosiIndiaElwin Sharvill PROPOSAL
Frozen Columns
Name
Jones S Inouye
Emily Q Kusko
Juan G Doe
Maisha I Vocelka
Johnson U Malet
Mayumi I Marrier
Izzy O Shinko
Tony F Rim
Maisha B Iturbide
David I Briddick
David I Maclead
Jeanfrancois V Maclead
Jennifer Y Kolmetz
Aika Q Briddick
Greenwood I Campain
Jefferson U Inouye
Leja H Inouye
Julie R Chui
Kadeem M Vocelka
Johnson M Kolmetz
Kaitlin Z Chui
Ashley K Dilliard
Leja I Malet
Murillo G Rulapaugh
Isabel R Iturbide
Julie D Poquette
Ricardo K Malet
Tony L Foller
David K Oldroyd
Aika A Flosi
Arvin E Garufi
Ivar A Figeroa
Claire T Figeroa
Kadeem T Oldroyd
Izzy F Albares
Darci M Amigon
Jennifer C Figeroa
Faith Z Kusko
Deepesh E Kusko
Munro Z Malet
Francesco D Sergi
Misaki S Figeroa
Isabel Q Dilliard
Darci H Inouye
Rodrigues N Inouye
Aruna K Royster
Isabel I Ferencz
Kadeem V Bolognia
Maria Y Glick
Morrow E Marrier
IdCountryDate
1000France2024-08-29
1001Germany2024-09-01
1002Japan2024-09-06
1003Russia2024-08-31
1004Russia2024-08-28
1005Canada2024-09-22
1006India2024-08-30
1007Russia2024-09-13
1008Argentina2024-09-07
1009Germany2024-09-17
1010Brazil2024-09-14
1011India2024-08-28
1012Germany2024-09-19
1013Italy2024-09-15
1014Italy2024-08-28
1015France2024-09-16
1016Canada2024-09-12
1017Russia2024-09-19
1018France2024-08-30
1019Italy2024-09-24
1020Brazil2024-09-20
1021Italy2024-09-22
1022United Kingdom2024-09-12
1023Italy2024-09-12
1024Japan2024-09-25
1025United Kingdom2024-09-13
1026Italy2024-09-04
1027India2024-09-04
1028Japan2024-08-31
1029Spain2024-09-21
1030France2024-08-30
1031Canada2024-08-31
1032Japan2024-09-09
1033Spain2024-09-02
1034Germany2024-08-31
1035Brazil2024-08-29
1036United Kingdom2024-09-21
1037Japan2024-08-29
1038Argentina2024-09-06
1039United Kingdom2024-09-23
1040Canada2024-09-14
1041Italy2024-09-03
1042India2024-09-07
1043India2024-09-22
1044Japan2024-09-09
1045Argentina2024-09-12
1046Australia2024-08-28
1047France2024-09-04
1048Italy2024-09-21
1049Australia2024-09-11

On-Demand Data

NameIdCountryDate
David B Tollner1000Spain2024-09-11
Aika Q Tollner1001Argentina2024-09-24
Cody R Dilliard1002Canada2024-09-08
Costa Z Ostrosky1003Germany2024-09-25
Ricardo J Gillian1004Spain2024-08-31
Deepesh L Glick1005Italy2024-09-24
Nicolas M Slusarski1006United Kingdom2024-09-03
Maisha S Iturbide1007United Kingdom2024-09-22
Maisha I Nestle1008Australia2024-09-02
Jeanfrancois S Caudy1009Germany2024-09-18
Octavia R Kusko1010Japan2024-09-26
Cody G Darakjy1011United Kingdom2024-08-28
Mujtaba J Malet1012India2024-09-03
Murillo X Gaucho1013India2024-09-17
Maisha X Shinko1014Germany2024-09-17
Juan H Stenseth1015Spain2024-09-15
Aika E Royster1016Canada2024-09-17
Johnson P Malet1017France2024-08-31
Izzy C Maclead1018France2024-09-16
Greenwood W Darakjy1019Japan2024-09-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Cody C StockhamSpainStephen Shaw QUALIFIED
Aditya L OstroskyGermanyOnyama Limba NEGOTIATION
Arvin I NestleAustraliaAsiya Javayant RENEWAL
Murillo R GarufiSpainElwin Sharvill QUALIFIED
Ivar T FlosiRussiaBernardo Dominic RENEWAL
Jefferson U BriddickRussiaOnyama Limba QUALIFIED
Morrow F GauchoIndiaOnyama Limba PROPOSAL
Mujtaba Q IturbideFranceOnyama Limba RENEWAL
Adams K WaycottRussiaIoni Bowcher NEGOTIATION
Deepesh G SlusarskiGermanyBernardo Dominic QUALIFIED
Costa Q SlusarskiFranceAsiya Javayant PROPOSAL
Ricardo J CaldareraBrazilAmy Elsner PROPOSAL
Misaki M GlickUnited KingdomIvan Magalhaes NEW
Darci M TollnerArgentinaAmy Elsner UNQUALIFIED
Francesco S IturbideUnited KingdomAnna Fali PROPOSAL
Stacey U StensethSpainIvan Magalhaes RENEWAL
Wickens D AmigonJapanXuxue Feng PROPOSAL
Kaitlin Z FollerGermanyOnyama Limba RENEWAL
Stacey A NestleJapanAnna Fali PROPOSAL
Aditya U VocelkaCanadaBernardo Dominic NEGOTIATION
Alejandro B RoysterIndiaIoni Bowcher NEGOTIATION
Wickens A SlusarskiCanadaOnyama Limba NEGOTIATION
Ricardo J StensethCanadaIvan Magalhaes UNQUALIFIED
Izzy A OldroydRussiaAsiya Javayant QUALIFIED
Ashley Z SlusarskiRussiaIvan Magalhaes UNQUALIFIED
Leon E RutaCanadaAsiya Javayant QUALIFIED
Cody A SaylorsFranceIvan Magalhaes RENEWAL
Munro O PoquetteRussiaIoni Bowcher PROPOSAL
Maria Q MaletRussiaAmy Elsner PROPOSAL
Izzy I GlickUnited KingdomIvan Magalhaes NEW
Leja V StockhamArgentinaIoni Bowcher QUALIFIED
Jennifer F MaletGermanyXuxue Feng RENEWAL
Emily F MacleadJapanElwin Sharvill NEGOTIATION
Julie S RoysterGermanyIvan Magalhaes NEW
Antonio L GillianRussiaIoni Bowcher QUALIFIED
Izzy C MarrierItalyIoni Bowcher RENEWAL
Maria B WhobreyCanadaAmy Elsner NEW
Deepesh M FerenczBrazilAnna Fali PROPOSAL
Juan C OldroydAustraliaElwin Sharvill PROPOSAL
Emily V SchemmerArgentinaIvan Magalhaes PROPOSAL

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