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
Leon M VocelkaCanadaXuxue Feng QUALIFIED
Leja F SergiArgentinaStephen Shaw UNQUALIFIED
Murillo N SergiCanadaOnyama Limba NEW
Emily F PerinArgentinaBernardo Dominic RENEWAL
Jefferson R GillianBrazilAnna Fali UNQUALIFIED
Chavez P GauchoAustraliaAsiya Javayant QUALIFIED
Greenwood L MaletRussiaIvan Magalhaes NEW
Emily K FlosiIndiaAnna Fali QUALIFIED
Wickens C CampainRussiaBernardo Dominic NEW
Jefferson J BologniaBrazilIoni Bowcher UNQUALIFIED
Mujtaba I OstroskyAustraliaElwin Sharvill UNQUALIFIED
Alejandro B VocelkaIndiaElwin Sharvill NEW
Clifford E MorascaJapanBernardo Dominic RENEWAL
Jennifer I NestleBrazilOnyama Limba PROPOSAL
Cody V BologniaBrazilAmy Elsner QUALIFIED
Leja L PerinJapanIvan Magalhaes UNQUALIFIED
Jennifer O DoeUnited KingdomIvan Magalhaes UNQUALIFIED
Sinclair D SergiArgentinaAsiya Javayant NEGOTIATION
Kadeem U OldroydArgentinaXuxue Feng RENEWAL
Aditya F RulapaughGermanyAmy Elsner UNQUALIFIED
Stacey Z GlickUnited KingdomIoni Bowcher NEW
Leja H MarrierRussiaOnyama Limba NEW
Ricardo E AmigonFranceXuxue Feng PROPOSAL
Aditya V CaudyRussiaXuxue Feng UNQUALIFIED
Ricardo V MacleadBrazilOnyama Limba QUALIFIED
Murillo K DarakjyRussiaAsiya Javayant NEGOTIATION
Johnson W GarufiBrazilBernardo Dominic NEGOTIATION
Stacey K RoysterGermanyElwin Sharvill NEGOTIATION
Alejandro Z DarakjyJapanIoni Bowcher NEGOTIATION
Sinclair W MaletGermanyIvan Magalhaes UNQUALIFIED
Aika T OldroydSpainIvan Magalhaes PROPOSAL
Faith P PoquetteFranceBernardo Dominic RENEWAL
David K FerenczAustraliaAsiya Javayant RENEWAL
Julie O RimGermanyAsiya Javayant RENEWAL
James O NickaItalyAsiya Javayant QUALIFIED
Julie R GlickRussiaAnna Fali UNQUALIFIED
Aruna O ButtSpainOnyama Limba UNQUALIFIED
Stacey Z StensethUnited KingdomIvan Magalhaes NEGOTIATION
Arvin Z NickaIndiaAsiya Javayant UNQUALIFIED
Ashley T CaldareraRussiaAmy Elsner NEGOTIATION
Smith U FollerCanadaBernardo Dominic QUALIFIED
Jeanfrancois Z GauchoFranceAmy Elsner PROPOSAL
Maisha D DarakjyRussiaOnyama Limba UNQUALIFIED
Maisha D GillianItalyAmy Elsner UNQUALIFIED
Claire I KuskoFranceIvan Magalhaes NEGOTIATION
Alejandro W VocelkaRussiaXuxue Feng RENEWAL
Deepesh X FerenczIndiaXuxue Feng PROPOSAL
Ashley P GauchoCanadaAsiya Javayant NEGOTIATION
Ashley P SaylorsAustraliaIoni Bowcher PROPOSAL
Leon G PaprockiArgentinaBernardo Dominic RENEWAL
Horizontal
NameCountryRepresentativeStatus
Jones R FigeroaJapanAsiya Javayant NEGOTIATION
Aika Q GauchoGermanyStephen Shaw UNQUALIFIED
Greenwood H CaudyAustraliaElwin Sharvill RENEWAL
Adams E FlosiArgentinaStephen Shaw NEGOTIATION
Antonio W BowleyFranceXuxue Feng UNQUALIFIED
Munro T SergiSpainElwin Sharvill NEW
Tony V GillianSpainAnna Fali PROPOSAL
Deepesh J StockhamJapanXuxue Feng QUALIFIED
Francesco Y MarrierAustraliaAmy Elsner NEW
Jennifer S FerenczAustraliaIvan Magalhaes NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ashley P GauchoIndia2024-09-10Chemel, James L Cpa QUALIFIED84Asiya Javayant
1001Ivar A NickaIndia2024-09-06Dorl, James J Esq RENEWAL26Asiya Javayant
1002Octavia D PaprockiJapan2024-09-09Rangoni Of Florence UNQUALIFIED2Xuxue Feng
1003Morrow L NickaIndia2024-08-23Chapman, Ross E Esq QUALIFIED41Xuxue Feng
1004Darci A DoeGermany2024-09-18King, Christopher A Esq PROPOSAL3Bernardo Dominic
1005Mayumi C TollnerUnited Kingdom2024-09-12Benton, John B Jr UNQUALIFIED38Stephen Shaw
1006Ricardo N WieserSpain2024-09-11Chemel, James L Cpa PROPOSAL61Bernardo Dominic
1007Chavez B IturbideArgentina2024-09-08King, Christopher A Esq NEGOTIATION48Stephen Shaw
1008Kadeem Q SlusarskiFrance2024-08-26Buckley Miller Wright UNQUALIFIED3Ivan Magalhaes
1009Murillo R TollnerItaly2024-08-27Morlong Associates QUALIFIED45Ioni Bowcher
1010Aruna Z CampainSpain2024-09-17Printing Dimensions QUALIFIED77Ioni Bowcher
1011Isabel R PerinRussia2024-09-14Rangoni Of Florence NEW65Ioni Bowcher
1012James O BowleyRussia2024-08-27Truhlar And Truhlar Attys RENEWAL21Amy Elsner
1013Smith W VenereFrance2024-08-28Printing Dimensions NEW11Asiya Javayant
1014Francesco F StockhamBrazil2024-08-27Printing Dimensions PROPOSAL83Anna Fali
1015Izzy Z CaldareraGermany2024-09-13Printing Dimensions UNQUALIFIED6Xuxue Feng
1016Munro X RimJapan2024-09-02Chanay, Jeffrey A Esq UNQUALIFIED4Elwin Sharvill
1017Johnson X FerenczSpain2024-09-08Rangoni Of Florence NEGOTIATION31Elwin Sharvill
1018Silvio M SaylorsItaly2024-09-06Printing Dimensions RENEWAL72Xuxue Feng
1019Leon A FollerFrance2024-09-17Truhlar And Truhlar Attys QUALIFIED64Asiya Javayant
1020Nicolas V PoquetteFrance2024-09-15Dorl, James J Esq PROPOSAL45Ioni Bowcher
1021Murillo F ButtSpain2024-09-14Chapman, Ross E Esq NEGOTIATION65Ivan Magalhaes
1022Wickens X PaprockiAustralia2024-09-09Buckley Miller Wright NEGOTIATION69Amy Elsner
1023Misaki S MaletSpain2024-09-02Commercial Press RENEWAL65Bernardo Dominic
1024Maria N KuskoArgentina2024-09-15Truhlar And Truhlar Attys NEW72Amy Elsner
1025Deepesh N NestleUnited Kingdom2024-09-09King, Christopher A Esq NEW29Amy Elsner
1026Munro H FlosiFrance2024-09-09King, Christopher A Esq PROPOSAL54Elwin Sharvill
1027Izzy O CaldareraIndia2024-09-02Chanay, Jeffrey A Esq QUALIFIED60Stephen Shaw
1028Deepesh Y WhobreyArgentina2024-09-15Buckley Miller Wright RENEWAL55Bernardo Dominic
1029Isabel N BriddickBrazil2024-09-07Chapman, Ross E Esq PROPOSAL89Elwin Sharvill
1030Maisha H ChuiIndia2024-09-18Chemel, James L Cpa UNQUALIFIED4Amy Elsner
1031Claire Q OldroydFrance2024-09-16Feltz Printing Service PROPOSAL74Bernardo Dominic
1032Tony C GlickCanada2024-08-26Feltz Printing Service QUALIFIED99Bernardo Dominic
1033Arvin Q CaudyJapan2024-09-10Truhlar And Truhlar Attys NEGOTIATION91Onyama Limba
1034Leja H PaprockiCanada2024-09-11Truhlar And Truhlar Attys QUALIFIED21Ivan Magalhaes
1035Clifford V DoeIndia2024-08-29Chapman, Ross E Esq NEGOTIATION92Onyama Limba
1036Ricardo Q MorascaCanada2024-09-18Dorl, James J Esq NEW19Xuxue Feng
1037Claire P RutaIndia2024-09-02Chapman, Ross E Esq NEGOTIATION30Ivan Magalhaes
1038Izzy M VocelkaIndia2024-09-09Feltz Printing Service UNQUALIFIED64Anna Fali
1039Silvio D BologniaRussia2024-09-05Rangoni Of Florence NEW13Amy Elsner
1040Deepesh B SlusarskiFrance2024-08-25Rangoni Of Florence QUALIFIED3Xuxue Feng
1041Misaki H VocelkaAustralia2024-09-09Dorl, James J Esq NEW59Ivan Magalhaes
1042Faith Q FlosiSpain2024-09-02Rousseaux, Michael Esq PROPOSAL42Ivan Magalhaes
1043Darci T BriddickArgentina2024-08-27Rangoni Of Florence NEGOTIATION97Onyama Limba
1044Antonio W ButtArgentina2024-09-14Feltz Printing Service UNQUALIFIED87Asiya Javayant
1045Johnson N FollerCanada2024-09-01Chanay, Jeffrey A Esq NEGOTIATION24Onyama Limba
1046Maria L MaletJapan2024-09-11Feltz Printing Service PROPOSAL45Amy Elsner
1047Kadeem E PerinAustralia2024-09-14King, Christopher A Esq NEW64Stephen Shaw
1048Leon X ChuiUnited Kingdom2024-09-04Buckley Miller Wright PROPOSAL34Anna Fali
1049Ricardo N GauchoItaly2024-09-15King, Christopher A Esq NEGOTIATION82Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Arvin N NestleJapanStephen Shaw NEGOTIATION
Tony H CampainGermanyAmy Elsner RENEWAL
Mujtaba J NestleIndiaAmy Elsner NEW
Jones P MacleadUnited KingdomAsiya Javayant QUALIFIED
Maisha T NestleCanadaAsiya Javayant NEGOTIATION
Stacey X PaprockiIndiaElwin Sharvill UNQUALIFIED
Cody J ShinkoGermanyAsiya Javayant UNQUALIFIED
Morrow S ChuiItalyIvan Magalhaes QUALIFIED
James G TollnerCanadaStephen Shaw UNQUALIFIED
Salvatore A KolmetzGermanyBernardo Dominic PROPOSAL
Smith O SergiJapanElwin Sharvill RENEWAL
Alejandro W SergiUnited KingdomElwin Sharvill NEGOTIATION
Costa N BowleyItalyOnyama Limba RENEWAL
Jefferson J VocelkaSpainIoni Bowcher RENEWAL
Ivar H BologniaUnited KingdomAnna Fali UNQUALIFIED
Francesco S DarakjySpainStephen Shaw QUALIFIED
Arvin Y AmigonFranceBernardo Dominic NEW
Jones I GauchoUnited KingdomAmy Elsner UNQUALIFIED
Silvio U RutaBrazilStephen Shaw UNQUALIFIED
Adams T StockhamGermanyStephen Shaw NEGOTIATION
Octavia H AlbaresGermanyAmy Elsner PROPOSAL
Darci J VenereBrazilElwin Sharvill NEGOTIATION
James M CaldareraJapanAsiya Javayant QUALIFIED
David C SaylorsBrazilOnyama Limba RENEWAL
Aruna T GlickSpainStephen Shaw PROPOSAL
Tony W AlbaresCanadaIoni Bowcher UNQUALIFIED
Silvio M AmigonUnited KingdomIvan Magalhaes PROPOSAL
Tony C BologniaItalyElwin Sharvill UNQUALIFIED
Octavia M RutaJapanStephen Shaw PROPOSAL
Silvio F DoeBrazilXuxue Feng QUALIFIED
Leon T AmigonRussiaStephen Shaw PROPOSAL
Julie L OldroydUnited KingdomElwin Sharvill PROPOSAL
Tony C StockhamFranceAnna Fali QUALIFIED
Silvio L CaldareraCanadaIvan Magalhaes UNQUALIFIED
Leja L TollnerGermanyAsiya Javayant NEGOTIATION
Julie B VocelkaRussiaXuxue Feng UNQUALIFIED
Maisha W SchemmerFranceXuxue Feng NEGOTIATION
Wickens D DilliardUnited KingdomElwin Sharvill QUALIFIED
Maisha V SchemmerRussiaElwin Sharvill QUALIFIED
Francesco P SaylorsJapanAmy Elsner RENEWAL
Juan V VocelkaGermanyOnyama Limba QUALIFIED
Sinclair G RimArgentinaAmy Elsner RENEWAL
Kadeem M RutaJapanAmy Elsner RENEWAL
Salvatore J IturbideFranceAsiya Javayant QUALIFIED
Ivar F FlosiJapanAsiya Javayant RENEWAL
Emily D GlickJapanOnyama Limba PROPOSAL
Aruna J StockhamCanadaIoni Bowcher RENEWAL
Rodrigues N VenereJapanIoni Bowcher NEGOTIATION
Jennifer B SchemmerGermanyStephen Shaw QUALIFIED
Kadeem B PoquetteRussiaBernardo Dominic RENEWAL
Frozen Columns
Name
Costa S Oldroyd
Silvio O Malet
Ashley S Ferencz
Sinclair E Stockham
Ashley S Oldroyd
Leon E Sergi
Misaki J Iturbide
Julie L Shinko
Tony A Malet
Mayumi Q Marrier
Ashley G Amigon
Ricardo P Rim
Sinclair H Dilliard
Darci R Iturbide
Rodrigues O Saylors
Jennifer K Gaucho
Greenwood Q Glick
Faith K Nicka
Wickens W Doe
Greenwood K Nicka
Faith X Stockham
Munro O Malet
Leon D Schemmer
Morrow T Gillian
Ricardo G Figeroa
Emily H Kusko
Jennifer T Shinko
Chavez E Malet
Claire T Nicka
Julie N Ruta
Munro Z Venere
Jefferson G Garufi
Octavia Z Butt
Jeanfrancois O Rim
Silvio D Ostrosky
Sinclair M Bolognia
Claire L Ruta
Kadeem L Flosi
Ivar Y Shinko
Wickens W Darakjy
Julie L Marrier
Aruna E Darakjy
Isabel T Inouye
Faith S Shinko
Isabel C Caldarera
Cody O Butt
Antonio Y Nestle
Nicolas P Iturbide
Arvin Q Tollner
Antonio V Doe
IdCountryDate
1000Canada2024-08-23
1001India2024-09-05
1002Canada2024-08-30
1003India2024-09-15
1004Japan2024-09-07
1005Australia2024-09-08
1006Spain2024-09-03
1007Brazil2024-08-29
1008Germany2024-08-27
1009France2024-08-24
1010Spain2024-08-25
1011India2024-09-15
1012Italy2024-09-15
1013Germany2024-09-09
1014Spain2024-09-05
1015France2024-08-24
1016Canada2024-09-03
1017Germany2024-08-28
1018France2024-09-13
1019Brazil2024-08-22
1020Italy2024-08-25
1021Argentina2024-08-25
1022France2024-08-30
1023Australia2024-09-15
1024Canada2024-08-23
1025Japan2024-09-15
1026France2024-08-24
1027United Kingdom2024-09-08
1028Germany2024-08-22
1029United Kingdom2024-08-29
1030Italy2024-09-03
1031United Kingdom2024-09-12
1032Russia2024-09-03
1033Canada2024-08-21
1034Russia2024-09-02
1035Argentina2024-09-19
1036United Kingdom2024-09-01
1037Canada2024-08-21
1038Brazil2024-08-26
1039Brazil2024-09-04
1040Argentina2024-08-31
1041Japan2024-09-07
1042Canada2024-09-08
1043Spain2024-09-18
1044Spain2024-09-07
1045Brazil2024-08-24
1046Brazil2024-09-12
1047Japan2024-09-11
1048Spain2024-09-19
1049Brazil2024-08-31

On-Demand Data

NameIdCountryDate
Munro F Ferencz1000Canada2024-09-17
Adams I Slusarski1001Canada2024-09-11
Chavez P Perin1002Italy2024-09-02
Sinclair L Perin1003Germany2024-08-23
Octavia A Waycott1004United Kingdom2024-09-01
Greenwood U Malet1005Spain2024-09-04
Chavez D Vocelka1006Spain2024-09-01
Chavez J Venere1007Argentina2024-09-05
Francesco H Gillian1008United Kingdom2024-09-19
Morrow N Nestle1009United Kingdom2024-08-28
Julie V Glick1010Italy2024-09-09
David B Venere1011Brazil2024-08-30
Kaitlin Q Shinko1012Australia2024-09-09
Arvin M Marrier1013United Kingdom2024-08-30
Julie I Stenseth1014Russia2024-08-30
James X Rim1015Russia2024-08-21
Ricardo L Butt1016United Kingdom2024-08-26
Claire F Flosi1017France2024-08-30
Juan G Oldroyd1018Argentina2024-08-26
Leon R Briddick1019France2024-09-10
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair P OldroydUnited KingdomIvan Magalhaes NEW
Smith B BriddickUnited KingdomIvan Magalhaes NEGOTIATION
Julie J WhobreyArgentinaAmy Elsner RENEWAL
Rodrigues T InouyeGermanyAnna Fali PROPOSAL
Greenwood A FollerCanadaXuxue Feng RENEWAL
Ashley F TollnerUnited KingdomOnyama Limba RENEWAL
Maisha L BologniaGermanyIoni Bowcher RENEWAL
Greenwood U CaldareraUnited KingdomOnyama Limba NEGOTIATION
Munro S AlbaresItalyXuxue Feng NEW
Greenwood Z FigeroaItalyAmy Elsner PROPOSAL
Jeanfrancois S PaprockiAustraliaAnna Fali NEW
Nicolas Y KuskoIndiaAnna Fali NEW
Octavia O AlbaresUnited KingdomAnna Fali NEW
Jones M MaletCanadaBernardo Dominic PROPOSAL
Jeanfrancois G SaylorsAustraliaAsiya Javayant QUALIFIED
Maria J NestleSpainXuxue Feng QUALIFIED
Adams K CaudyGermanyAnna Fali QUALIFIED
Adams I StensethCanadaElwin Sharvill NEW
Isabel O NestleItalyIoni Bowcher NEW
Morrow G MacleadAustraliaOnyama Limba NEGOTIATION
Greenwood P BologniaAustraliaOnyama Limba QUALIFIED
Maria D NickaItalyAmy Elsner NEW
Munro R PoquetteCanadaIoni Bowcher QUALIFIED
Aika D NickaJapanElwin Sharvill NEW
Jennifer Y ChuiJapanXuxue Feng RENEWAL
Adams J DilliardSpainAnna Fali NEGOTIATION
Ivar W FigeroaArgentinaIoni Bowcher NEGOTIATION
Munro S DilliardRussiaIvan Magalhaes NEGOTIATION
Ivar U SchemmerRussiaAnna Fali NEGOTIATION
Wickens W CampainFranceIoni Bowcher NEGOTIATION
Stacey S PoquetteGermanyIoni Bowcher QUALIFIED
Adams Z KuskoJapanIoni Bowcher NEGOTIATION
Aika K RulapaughBrazilAsiya Javayant RENEWAL
Adams H DilliardBrazilXuxue Feng PROPOSAL
Emily G VocelkaJapanOnyama Limba NEW
Misaki X MacleadSpainIvan Magalhaes QUALIFIED
Aika N DoeRussiaAsiya Javayant NEW
Deepesh C OstroskyBrazilAsiya Javayant RENEWAL
Antonio T FlosiAustraliaAmy Elsner NEW
Leja V WieserAustraliaAnna Fali 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>