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
Kadeem U FerenczGermanyBernardo Dominic QUALIFIED
Stacey Z NestleUnited KingdomAnna Fali NEW
Octavia D MorascaItalyElwin Sharvill NEW
Kadeem L ButtSpainElwin Sharvill PROPOSAL
Mayumi D WhobreyCanadaAsiya Javayant PROPOSAL
Octavia R ChuiBrazilAmy Elsner NEW
Claire X RimGermanyIoni Bowcher UNQUALIFIED
Ricardo C FollerArgentinaAnna Fali NEW
Leon O PerinGermanyIvan Magalhaes QUALIFIED
Faith N DarakjyFranceElwin Sharvill PROPOSAL
James D RutaRussiaElwin Sharvill UNQUALIFIED
Ivar A DarakjyArgentinaAmy Elsner NEGOTIATION
Aruna M KolmetzAustraliaAnna Fali RENEWAL
David U CaldareraCanadaAsiya Javayant PROPOSAL
Deepesh T CaudyUnited KingdomIoni Bowcher NEGOTIATION
Silvio Z AmigonIndiaIoni Bowcher NEGOTIATION
Murillo U CaldareraFranceIoni Bowcher RENEWAL
Leja X OstroskyCanadaElwin Sharvill PROPOSAL
Mayumi M ChuiFranceAsiya Javayant NEGOTIATION
Faith V RoysterItalyAsiya Javayant QUALIFIED
James K PerinArgentinaElwin Sharvill QUALIFIED
Stacey G CaudyFranceIoni Bowcher NEW
Faith B TollnerGermanyElwin Sharvill NEW
Nicolas U VocelkaJapanStephen Shaw NEGOTIATION
Rodrigues I TollnerBrazilAnna Fali RENEWAL
Nicolas O StockhamItalyStephen Shaw QUALIFIED
Leja J WieserAustraliaBernardo Dominic NEW
Adams H SchemmerJapanIoni Bowcher RENEWAL
Darci Q DilliardItalyIvan Magalhaes UNQUALIFIED
Arvin V SlusarskiArgentinaIoni Bowcher RENEWAL
Isabel N StockhamUnited KingdomIoni Bowcher NEW
Maria N StockhamSpainIoni Bowcher QUALIFIED
Costa U BowleyIndiaAnna Fali NEW
Morrow Z DarakjyAustraliaIvan Magalhaes RENEWAL
Deepesh J SergiItalyIvan Magalhaes UNQUALIFIED
Juan Z RimItalyIvan Magalhaes NEW
Rodrigues X BriddickCanadaOnyama Limba UNQUALIFIED
Jennifer T VenereCanadaStephen Shaw PROPOSAL
Johnson N WieserAustraliaBernardo Dominic RENEWAL
Cody E MaletSpainElwin Sharvill QUALIFIED
Munro C StensethItalyIoni Bowcher QUALIFIED
Cody F GillianJapanAsiya Javayant RENEWAL
Ricardo S CaldareraAustraliaElwin Sharvill PROPOSAL
Wickens Z FlosiIndiaBernardo Dominic PROPOSAL
Ricardo D WhobreyBrazilOnyama Limba NEW
David Y FigeroaSpainAmy Elsner NEW
Jennifer N CaudyBrazilStephen Shaw UNQUALIFIED
Nicolas O BologniaUnited KingdomAsiya Javayant QUALIFIED
Maria A PerinBrazilAmy Elsner NEGOTIATION
Adams F NestleArgentinaAmy Elsner QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Faith J CaudyGermanyStephen Shaw QUALIFIED
Johnson R StensethGermanyBernardo Dominic UNQUALIFIED
Octavia F OldroydFranceAsiya Javayant UNQUALIFIED
Costa Y PerinUnited KingdomBernardo Dominic PROPOSAL
Julie T PaprockiFranceAsiya Javayant PROPOSAL
Misaki X NickaBrazilOnyama Limba PROPOSAL
Costa U MorascaFranceAmy Elsner RENEWAL
Ricardo R RoysterAustraliaAnna Fali NEW
Aruna L GlickItalyAnna Fali PROPOSAL
Alejandro O RulapaughRussiaOnyama Limba NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Johnson N BologniaArgentina2024-10-21Chemel, James L Cpa UNQUALIFIED62Amy Elsner
1001Morrow G PoquetteIndia2024-10-17Dorl, James J Esq NEW66Anna Fali
1002Aruna D FigeroaUnited Kingdom2024-10-21Chanay, Jeffrey A Esq NEGOTIATION56Ioni Bowcher
1003James I KuskoIndia2024-10-14Truhlar And Truhlar Attys PROPOSAL92Ioni Bowcher
1004Ivar U AmigonIndia2024-10-08Morlong Associates RENEWAL81Bernardo Dominic
1005Costa N MaletArgentina2024-10-27Commercial Press NEGOTIATION4Xuxue Feng
1006Leon T InouyeCanada2024-11-03Chanay, Jeffrey A Esq NEGOTIATION38Ioni Bowcher
1007Aika E CampainItaly2024-11-03Benton, John B Jr UNQUALIFIED63Asiya Javayant
1008Silvio D DarakjyAustralia2024-10-27Rousseaux, Michael Esq NEGOTIATION89Elwin Sharvill
1009Rodrigues Q BriddickJapan2024-10-24Truhlar And Truhlar Attys UNQUALIFIED21Asiya Javayant
1010Misaki Y WaycottItaly2024-10-23Benton, John B Jr PROPOSAL92Onyama Limba
1011Jennifer N MarrierBrazil2024-10-10Chemel, James L Cpa NEW30Ivan Magalhaes
1012Alejandro P WieserIndia2024-10-25Chanay, Jeffrey A Esq PROPOSAL14Ivan Magalhaes
1013Ashley P GillianItaly2024-10-25King, Christopher A Esq PROPOSAL73Onyama Limba
1014Claire F StockhamCanada2024-10-08King, Christopher A Esq UNQUALIFIED78Ivan Magalhaes
1015Juan K FlosiGermany2024-10-22Buckley Miller Wright UNQUALIFIED72Stephen Shaw
1016Adams J RutaRussia2024-11-04Dorl, James J Esq RENEWAL24Xuxue Feng
1017Aditya G NickaCanada2024-10-17Dorl, James J Esq UNQUALIFIED18Onyama Limba
1018Julie S GlickJapan2024-11-02Printing Dimensions UNQUALIFIED87Stephen Shaw
1019Leja G KolmetzFrance2024-10-18Feiner Bros RENEWAL26Asiya Javayant
1020Maisha N NickaRussia2024-10-22Dorl, James J Esq PROPOSAL60Bernardo Dominic
1021Aditya E KuskoSpain2024-10-22Benton, John B Jr PROPOSAL47Bernardo Dominic
1022Izzy N OldroydBrazil2024-10-24Morlong Associates UNQUALIFIED25Elwin Sharvill
1023Aruna M StensethRussia2024-10-28Buckley Miller Wright PROPOSAL55Ioni Bowcher
1024Alejandro K WieserFrance2024-11-04Chemel, James L Cpa QUALIFIED45Anna Fali
1025Smith U RoysterAustralia2024-10-21Buckley Miller Wright NEGOTIATION64Asiya Javayant
1026Maisha K InouyeGermany2024-10-21King, Christopher A Esq NEW28Anna Fali
1027Mayumi P VenereFrance2024-10-06Buckley Miller Wright RENEWAL92Xuxue Feng
1028Mayumi O KolmetzAustralia2024-11-01Feiner Bros NEW86Bernardo Dominic
1029Julie Z GillianUnited Kingdom2024-10-22Rousseaux, Michael Esq PROPOSAL22Ivan Magalhaes
1030Maria B RoysterAustralia2024-10-23King, Christopher A Esq NEW66Ioni Bowcher
1031Greenwood E SaylorsUnited Kingdom2024-10-31Chemel, James L Cpa QUALIFIED27Ioni Bowcher
1032Ashley O RoysterCanada2024-10-10Rangoni Of Florence PROPOSAL67Elwin Sharvill
1033Deepesh Y AmigonArgentina2024-11-01Chemel, James L Cpa QUALIFIED46Amy Elsner
1034Ivar Q WieserItaly2024-10-20Chapman, Ross E Esq RENEWAL9Anna Fali
1035Isabel X WieserJapan2024-10-10King, Christopher A Esq NEGOTIATION94Anna Fali
1036Wickens Z SergiAustralia2024-11-03Chanay, Jeffrey A Esq PROPOSAL42Elwin Sharvill
1037Antonio L DarakjyBrazil2024-10-17Dorl, James J Esq RENEWAL63Bernardo Dominic
1038Alejandro Y VenereUnited Kingdom2024-10-09Rousseaux, Michael Esq NEW50Amy Elsner
1039James G SlusarskiSpain2024-10-21Morlong Associates NEW71Anna Fali
1040Kaitlin S CampainArgentina2024-11-01Printing Dimensions RENEWAL7Stephen Shaw
1041Jones A OldroydBrazil2024-10-20Chemel, James L Cpa NEGOTIATION91Ioni Bowcher
1042Juan T RimItaly2024-10-10Morlong Associates RENEWAL13Ioni Bowcher
1043Clifford Z FerenczIndia2024-11-02Feltz Printing Service RENEWAL14Anna Fali
1044Mayumi O MaletBrazil2024-10-11King, Christopher A Esq RENEWAL40Bernardo Dominic
1045Kadeem W WieserJapan2024-10-30Truhlar And Truhlar Attys NEW83Amy Elsner
1046Silvio R MacleadSpain2024-10-17Dorl, James J Esq RENEWAL80Bernardo Dominic
1047Francesco P StensethUnited Kingdom2024-10-16King, Christopher A Esq QUALIFIED18Ioni Bowcher
1048Clifford T WaycottArgentina2024-10-07Rangoni Of Florence NEGOTIATION16Anna Fali
1049David Y PerinRussia2024-10-23Feltz Printing Service NEW44Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Nicolas T OstroskyCanadaAnna Fali QUALIFIED
David I KuskoUnited KingdomIvan Magalhaes PROPOSAL
Jeanfrancois P FollerArgentinaElwin Sharvill QUALIFIED
Jefferson G MorascaRussiaElwin Sharvill RENEWAL
Izzy I KolmetzAustraliaBernardo Dominic PROPOSAL
Alejandro W RimRussiaAnna Fali UNQUALIFIED
Ivar X GauchoAustraliaBernardo Dominic UNQUALIFIED
James B NestleJapanXuxue Feng NEGOTIATION
Aika S InouyeItalyXuxue Feng UNQUALIFIED
Smith D DoeIndiaOnyama Limba QUALIFIED
Julie N SaylorsUnited KingdomAmy Elsner NEGOTIATION
Claire L CaudyBrazilOnyama Limba RENEWAL
Leja U RoysterRussiaXuxue Feng NEGOTIATION
Chavez S GlickFranceAnna Fali NEGOTIATION
Julie O RutaCanadaAsiya Javayant QUALIFIED
Arvin S InouyeArgentinaAmy Elsner QUALIFIED
Aika D FlosiArgentinaElwin Sharvill PROPOSAL
Cody O MaletAustraliaElwin Sharvill RENEWAL
Mujtaba K MaletJapanElwin Sharvill RENEWAL
Aruna N SlusarskiRussiaAmy Elsner UNQUALIFIED
Maisha P WaycottFranceIvan Magalhaes QUALIFIED
Ashley I DilliardAustraliaXuxue Feng PROPOSAL
Ivar F VocelkaRussiaAsiya Javayant NEW
Jennifer F SlusarskiRussiaOnyama Limba UNQUALIFIED
Leon D FollerAustraliaElwin Sharvill NEW
Jones Q KuskoBrazilStephen Shaw QUALIFIED
Aruna M OstroskyGermanyOnyama Limba RENEWAL
Chavez N GauchoUnited KingdomAmy Elsner NEW
Morrow F RutaJapanAsiya Javayant QUALIFIED
Octavia H CaudyArgentinaIvan Magalhaes NEW
Salvatore S NickaBrazilStephen Shaw RENEWAL
Greenwood Z GarufiItalyAnna Fali UNQUALIFIED
Clifford U CaldareraIndiaAmy Elsner UNQUALIFIED
Johnson Y GlickCanadaXuxue Feng UNQUALIFIED
Salvatore C CaldareraAustraliaElwin Sharvill RENEWAL
Tony H SchemmerCanadaIoni Bowcher NEW
Munro X SlusarskiJapanIvan Magalhaes PROPOSAL
Clifford X BologniaIndiaAnna Fali NEW
Maisha I SergiSpainIoni Bowcher NEW
Jennifer Y RulapaughRussiaAnna Fali NEW
Ricardo E GarufiSpainOnyama Limba UNQUALIFIED
Faith L AmigonIndiaElwin Sharvill NEGOTIATION
Ricardo Z DarakjyIndiaAmy Elsner UNQUALIFIED
Adams Y RoysterJapanOnyama Limba PROPOSAL
Isabel W WieserJapanOnyama Limba QUALIFIED
Alejandro E KolmetzCanadaAmy Elsner PROPOSAL
Julie O CaldareraUnited KingdomElwin Sharvill UNQUALIFIED
Leon B TollnerArgentinaIvan Magalhaes QUALIFIED
Silvio H VocelkaAustraliaIoni Bowcher NEW
Izzy N FerenczIndiaAnna Fali NEGOTIATION
Frozen Columns
Name
Tony I Waycott
Jones O Caldarera
Izzy N Foller
Julie V Malet
Jefferson Z Briddick
Julie Q Nestle
Smith E Foller
Silvio N Slusarski
Costa Y Butt
Darci Z Butt
Darci D Flosi
Clifford P Royster
Chavez D Kolmetz
Johnson M Nicka
Leon D Nestle
Ricardo Q Schemmer
Alejandro P Dilliard
Octavia G Ruta
Isabel T Campain
Johnson V Glick
Kaitlin C Shinko
Kaitlin Y Malet
Kadeem T Inouye
Jeanfrancois E Saylors
Chavez F Foller
Jennifer Y Garufi
Faith W Gillian
Cody Q Garufi
Arvin R Saylors
Cody H Darakjy
Jefferson K Albares
Wickens K Waycott
Izzy M Tollner
Claire E Wieser
Arvin L Iturbide
Jones A Venere
Rodrigues R Doe
Silvio I Rulapaugh
Arvin O Kolmetz
Silvio T Wieser
Juan R Waycott
Ashley F Butt
Ivar D Rulapaugh
Leon C Glick
Maisha K Caudy
Costa Q Glick
Isabel E Stenseth
Cody E Briddick
Emily U Nestle
Faith B Rulapaugh
IdCountryDate
1000Spain2024-10-18
1001Argentina2024-10-31
1002Australia2024-10-19
1003India2024-11-04
1004Argentina2024-11-04
1005Russia2024-10-27
1006Argentina2024-11-03
1007Argentina2024-10-18
1008India2024-10-26
1009France2024-11-03
1010Germany2024-10-13
1011Russia2024-11-01
1012United Kingdom2024-10-23
1013India2024-10-23
1014Italy2024-10-23
1015Germany2024-10-15
1016Italy2024-10-26
1017Germany2024-10-21
1018Brazil2024-10-25
1019Australia2024-11-02
1020France2024-10-13
1021Germany2024-10-19
1022Australia2024-11-01
1023India2024-10-25
1024France2024-10-27
1025Russia2024-10-17
1026United Kingdom2024-10-18
1027Italy2024-10-16
1028Brazil2024-10-29
1029Canada2024-10-29
1030Italy2024-10-25
1031Italy2024-10-26
1032Brazil2024-10-31
1033Brazil2024-10-06
1034Japan2024-10-28
1035France2024-10-06
1036Russia2024-10-11
1037Japan2024-10-07
1038United Kingdom2024-10-11
1039Canada2024-10-23
1040Russia2024-10-11
1041France2024-10-07
1042Germany2024-10-06
1043Brazil2024-11-04
1044Spain2024-11-04
1045Japan2024-10-23
1046India2024-11-04
1047United Kingdom2024-11-03
1048United Kingdom2024-10-24
1049Spain2024-10-16

On-Demand Data

NameIdCountryDate
Jennifer W Slusarski1000Italy2024-10-19
Leja H Perin1001United Kingdom2024-10-30
Rodrigues R Wieser1002Australia2024-10-16
Tony Y Wieser1003Canada2024-10-12
Jeanfrancois R Venere1004United Kingdom2024-10-16
Leja H Iturbide1005India2024-10-30
Julie D Oldroyd1006Japan2024-11-02
Antonio O Kusko1007Russia2024-10-17
Wickens K Perin1008United Kingdom2024-10-11
Jennifer S Briddick1009Russia2024-10-13
Morrow B Figeroa1010Brazil2024-10-11
Munro O Ferencz1011Germany2024-10-28
Munro J Tollner1012United Kingdom2024-11-03
Sinclair O Kolmetz1013Italy2024-10-27
Stacey Y Vocelka1014Spain2024-10-16
Izzy X Oldroyd1015Russia2024-11-01
Maisha E Poquette1016Argentina2024-10-06
Murillo K Dilliard1017India2024-11-02
Izzy V Rim1018France2024-10-13
Chavez H Glick1019Russia2024-10-16
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Isabel J CaldareraJapanXuxue Feng QUALIFIED
Ricardo Y DarakjyCanadaOnyama Limba PROPOSAL
Greenwood K GlickJapanOnyama Limba NEGOTIATION
Aditya J ButtFranceOnyama Limba QUALIFIED
Clifford B GlickItalyElwin Sharvill PROPOSAL
Adams Q RimJapanAmy Elsner NEGOTIATION
Johnson P MarrierGermanyElwin Sharvill PROPOSAL
Maisha X PerinUnited KingdomXuxue Feng PROPOSAL
Aika S ChuiCanadaIvan Magalhaes UNQUALIFIED
Ricardo O GillianRussiaAmy Elsner QUALIFIED
Maisha U PoquetteBrazilAsiya Javayant RENEWAL
Greenwood E OstroskyJapanBernardo Dominic NEGOTIATION
Faith R MacleadCanadaOnyama Limba PROPOSAL
Aditya D ButtRussiaElwin Sharvill RENEWAL
James V PaprockiGermanyBernardo Dominic QUALIFIED
Misaki E GarufiCanadaAmy Elsner NEGOTIATION
Emily P SchemmerIndiaIvan Magalhaes QUALIFIED
Aruna L NestleFranceXuxue Feng NEGOTIATION
Costa Y GauchoIndiaElwin Sharvill QUALIFIED
Leon S KuskoGermanyXuxue Feng NEGOTIATION
Francesco W SergiCanadaAsiya Javayant NEW
Murillo M MaletRussiaStephen Shaw QUALIFIED
Munro C NestleBrazilAnna Fali QUALIFIED
Aruna P ButtUnited KingdomAnna Fali QUALIFIED
Rodrigues M DarakjyItalyElwin Sharvill UNQUALIFIED
Aruna W SlusarskiGermanyAnna Fali NEW
Octavia V RimSpainAnna Fali RENEWAL
Maisha V WaycottAustraliaOnyama Limba NEW
Arvin E SaylorsFranceStephen Shaw QUALIFIED
Chavez V VocelkaJapanBernardo Dominic RENEWAL
Greenwood V RimArgentinaIoni Bowcher NEW
Jennifer F WhobreyIndiaAnna Fali RENEWAL
Jefferson H KuskoIndiaStephen Shaw NEGOTIATION
Greenwood F ButtJapanBernardo Dominic PROPOSAL
Sinclair Z WieserBrazilIvan Magalhaes QUALIFIED
Alejandro M GillianArgentinaAsiya Javayant QUALIFIED
Wickens D RutaAustraliaIoni Bowcher NEGOTIATION
Maria G GauchoJapanXuxue Feng UNQUALIFIED
Morrow S MacleadJapanAsiya Javayant UNQUALIFIED
Julie Z MaletUnited KingdomIvan Magalhaes NEGOTIATION

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