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
Morrow L RutaRussiaIvan Magalhaes UNQUALIFIED
Murillo O VenereBrazilStephen Shaw RENEWAL
Smith I InouyeRussiaStephen Shaw QUALIFIED
Emily D PaprockiFranceOnyama Limba NEGOTIATION
Ashley F ChuiGermanyBernardo Dominic NEW
Antonio H TollnerArgentinaAmy Elsner PROPOSAL
Ashley J NestleArgentinaAmy Elsner NEW
Jennifer K ButtCanadaBernardo Dominic PROPOSAL
Murillo K TollnerRussiaOnyama Limba NEW
Leon K ButtAustraliaStephen Shaw RENEWAL
Kaitlin G OldroydArgentinaIoni Bowcher NEW
Kaitlin N RoysterSpainOnyama Limba UNQUALIFIED
Aika I RulapaughGermanyStephen Shaw RENEWAL
Kadeem K InouyeAustraliaXuxue Feng RENEWAL
Arvin I RutaArgentinaXuxue Feng PROPOSAL
Munro M WaycottBrazilElwin Sharvill RENEWAL
Munro H ShinkoFranceOnyama Limba NEW
Leon T PaprockiAustraliaXuxue Feng NEGOTIATION
Smith D NickaRussiaIoni Bowcher UNQUALIFIED
David A KolmetzItalyAnna Fali NEGOTIATION
Darci T DarakjyArgentinaAsiya Javayant NEGOTIATION
Emily M GauchoUnited KingdomStephen Shaw PROPOSAL
Francesco A RulapaughAustraliaElwin Sharvill UNQUALIFIED
Maria E MacleadIndiaBernardo Dominic UNQUALIFIED
Nicolas R FollerCanadaElwin Sharvill UNQUALIFIED
Jennifer T ShinkoRussiaIvan Magalhaes NEW
Ashley D PerinAustraliaBernardo Dominic PROPOSAL
Greenwood B ButtJapanAsiya Javayant RENEWAL
Emily Y KolmetzArgentinaAnna Fali QUALIFIED
Wickens A SlusarskiItalyIoni Bowcher RENEWAL
Chavez J FigeroaRussiaXuxue Feng NEW
Ricardo M WieserItalyIoni Bowcher PROPOSAL
Sinclair L WhobreySpainAnna Fali QUALIFIED
Nicolas E KuskoCanadaElwin Sharvill NEW
Tony T ShinkoGermanyIoni Bowcher RENEWAL
Clifford X SaylorsArgentinaAsiya Javayant UNQUALIFIED
Octavia O MarrierRussiaAsiya Javayant QUALIFIED
Maria T FerenczItalyAmy Elsner UNQUALIFIED
Aruna X MaletSpainAsiya Javayant UNQUALIFIED
Emily Y KolmetzJapanXuxue Feng PROPOSAL
Stacey T NickaSpainIoni Bowcher NEW
Cody C ShinkoCanadaElwin Sharvill RENEWAL
Cody B FigeroaRussiaAmy Elsner PROPOSAL
Leja N AlbaresFranceStephen Shaw NEW
Salvatore X CampainIndiaAsiya Javayant PROPOSAL
Jefferson Z BologniaIndiaIvan Magalhaes UNQUALIFIED
Emily Q BowleyArgentinaAmy Elsner PROPOSAL
Smith Y GlickGermanyOnyama Limba RENEWAL
Silvio A WieserIndiaOnyama Limba RENEWAL
Francesco G BriddickGermanyXuxue Feng QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Costa X FlosiFranceAmy Elsner QUALIFIED
Stacey E FigeroaArgentinaXuxue Feng RENEWAL
Salvatore F ButtArgentinaIoni Bowcher UNQUALIFIED
Julie Z IturbideAustraliaIvan Magalhaes NEW
Ricardo P VenereSpainAmy Elsner NEW
Faith I GlickFranceXuxue Feng NEW
James Z StensethCanadaIoni Bowcher PROPOSAL
Aruna A PaprockiBrazilAmy Elsner QUALIFIED
Aika T OldroydRussiaIvan Magalhaes RENEWAL
Leon Q RutaJapanStephen Shaw RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Kaitlin W InouyeItaly2025-04-16King, Christopher A Esq RENEWAL12Anna Fali
1001Maria Y BowleyUnited Kingdom2025-04-16King, Christopher A Esq NEGOTIATION69Amy Elsner
1002Wickens Q KuskoJapan2025-04-15Morlong Associates PROPOSAL6Onyama Limba
1003Darci Z NestleSpain2025-04-10Dorl, James J Esq PROPOSAL93Xuxue Feng
1004Ivar O PaprockiGermany2025-04-21Commercial Press NEW80Asiya Javayant
1005Stacey B MaletAustralia2025-04-30Printing Dimensions PROPOSAL89Anna Fali
1006Faith J ShinkoItaly2025-04-10Buckley Miller Wright NEGOTIATION59Amy Elsner
1007Faith T FlosiSpain2025-05-01Benton, John B Jr UNQUALIFIED62Anna Fali
1008Emily L BologniaRussia2025-04-16Dorl, James J Esq NEGOTIATION82Amy Elsner
1009Nicolas Y OstroskyRussia2025-04-12Dorl, James J Esq PROPOSAL91Ioni Bowcher
1010James I AlbaresArgentina2025-05-01Chemel, James L Cpa QUALIFIED74Asiya Javayant
1011Deepesh J RulapaughArgentina2025-04-28Truhlar And Truhlar Attys NEGOTIATION21Anna Fali
1012Aditya H CampainBrazil2025-04-26Feiner Bros QUALIFIED65Amy Elsner
1013Wickens K WaycottArgentina2025-04-11Morlong Associates NEGOTIATION97Ioni Bowcher
1014Octavia C PaprockiIndia2025-04-12Feiner Bros RENEWAL28Xuxue Feng
1015Rodrigues V GlickRussia2025-04-24King, Christopher A Esq RENEWAL57Anna Fali
1016Johnson Q MaletItaly2025-04-03Morlong Associates NEW97Ioni Bowcher
1017Octavia F MorascaBrazil2025-04-06Buckley Miller Wright NEW75Anna Fali
1018Munro B NickaUnited Kingdom2025-04-20Chanay, Jeffrey A Esq RENEWAL26Ivan Magalhaes
1019Antonio J WieserSpain2025-04-26King, Christopher A Esq QUALIFIED73Anna Fali
1020Izzy N FerenczArgentina2025-04-17Chapman, Ross E Esq UNQUALIFIED43Asiya Javayant
1021Jennifer K RutaSpain2025-04-13Chapman, Ross E Esq RENEWAL11Ioni Bowcher
1022Johnson S SchemmerAustralia2025-04-02Commercial Press PROPOSAL88Ioni Bowcher
1023Maisha K WhobreySpain2025-04-30Dorl, James J Esq QUALIFIED53Asiya Javayant
1024Aruna M BologniaGermany2025-04-20Rangoni Of Florence NEGOTIATION23Anna Fali
1025Alejandro U BowleyJapan2025-04-22Feltz Printing Service RENEWAL98Ioni Bowcher
1026Arvin F MaletFrance2025-04-17Commercial Press PROPOSAL85Elwin Sharvill
1027Arvin S GauchoItaly2025-04-27Printing Dimensions QUALIFIED51Onyama Limba
1028Maisha F SlusarskiAustralia2025-04-08Chapman, Ross E Esq RENEWAL69Elwin Sharvill
1029Aika R PoquetteAustralia2025-04-28Chemel, James L Cpa NEGOTIATION67Onyama Limba
1030David C MaletGermany2025-04-21Chemel, James L Cpa RENEWAL47Elwin Sharvill
1031Costa U NestleIndia2025-04-09Truhlar And Truhlar Attys NEGOTIATION56Amy Elsner
1032Stacey V SchemmerFrance2025-05-01Rousseaux, Michael Esq UNQUALIFIED94Ivan Magalhaes
1033Faith R SlusarskiAustralia2025-04-25Commercial Press RENEWAL32Stephen Shaw
1034David W BologniaFrance2025-04-12Chanay, Jeffrey A Esq NEW16Xuxue Feng
1035Jeanfrancois R CampainCanada2025-04-21Commercial Press QUALIFIED1Stephen Shaw
1036Kaitlin O DilliardAustralia2025-04-19Truhlar And Truhlar Attys RENEWAL67Ivan Magalhaes
1037Alejandro L StensethItaly2025-04-10Rangoni Of Florence QUALIFIED31Amy Elsner
1038Stacey T IturbideIndia2025-04-29Chapman, Ross E Esq NEGOTIATION98Bernardo Dominic
1039Faith C SchemmerSpain2025-04-16Feltz Printing Service QUALIFIED33Stephen Shaw
1040Murillo G KolmetzAustralia2025-04-18Buckley Miller Wright QUALIFIED0Bernardo Dominic
1041Francesco H DarakjyAustralia2025-04-29Chapman, Ross E Esq UNQUALIFIED16Ivan Magalhaes
1042Julie Z VocelkaAustralia2025-04-08Feiner Bros NEW71Bernardo Dominic
1043Jeanfrancois Z PerinIndia2025-04-25King, Christopher A Esq PROPOSAL31Ivan Magalhaes
1044Antonio W InouyeCanada2025-04-20Feiner Bros RENEWAL16Elwin Sharvill
1045David C DoeIndia2025-04-21Printing Dimensions NEW43Ivan Magalhaes
1046Cody C SergiFrance2025-04-25Morlong Associates QUALIFIED68Amy Elsner
1047Jennifer G KuskoIndia2025-04-30Printing Dimensions NEGOTIATION51Asiya Javayant
1048Murillo U MaletJapan2025-04-02Feiner Bros NEW12Asiya Javayant
1049Nicolas X MaletJapan2025-04-13King, Christopher A Esq UNQUALIFIED33Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Mayumi G KolmetzAustraliaXuxue Feng PROPOSAL
Munro W SlusarskiGermanyAmy Elsner PROPOSAL
Aruna U RutaItalyOnyama Limba UNQUALIFIED
Aika P WhobreyIndiaStephen Shaw QUALIFIED
Maria P MarrierItalyElwin Sharvill NEW
Aditya F SlusarskiRussiaAsiya Javayant RENEWAL
Salvatore T NickaSpainStephen Shaw PROPOSAL
Leja T VenereSpainAnna Fali RENEWAL
Mujtaba S OstroskyItalyAsiya Javayant NEW
Jeanfrancois B ShinkoItalyXuxue Feng UNQUALIFIED
Murillo I SergiBrazilXuxue Feng RENEWAL
Faith Q CaldareraRussiaXuxue Feng RENEWAL
Silvio S RoysterRussiaStephen Shaw RENEWAL
Cody Z FerenczBrazilElwin Sharvill NEGOTIATION
Jones R WaycottArgentinaAnna Fali QUALIFIED
Mayumi I DilliardBrazilBernardo Dominic UNQUALIFIED
Emily M BologniaItalyElwin Sharvill UNQUALIFIED
Nicolas R PaprockiFranceAmy Elsner UNQUALIFIED
Nicolas U MorascaRussiaAmy Elsner QUALIFIED
Kadeem G KuskoBrazilAsiya Javayant UNQUALIFIED
Stacey U WaycottAustraliaElwin Sharvill NEW
Mayumi H ChuiCanadaOnyama Limba NEW
Munro U AlbaresCanadaAnna Fali NEW
Johnson R FigeroaArgentinaElwin Sharvill PROPOSAL
Aditya H PaprockiArgentinaAsiya Javayant QUALIFIED
Jones Z MaletUnited KingdomElwin Sharvill PROPOSAL
Wickens K CaldareraArgentinaElwin Sharvill UNQUALIFIED
Morrow A WhobreyFranceXuxue Feng NEGOTIATION
Aditya N DarakjyBrazilIvan Magalhaes PROPOSAL
Jones R BriddickGermanyElwin Sharvill UNQUALIFIED
Ashley D NestleArgentinaIvan Magalhaes UNQUALIFIED
Mayumi S KuskoBrazilIvan Magalhaes PROPOSAL
Clifford J AmigonFranceStephen Shaw UNQUALIFIED
Alejandro G StockhamAustraliaIvan Magalhaes PROPOSAL
Misaki Y DoeCanadaOnyama Limba PROPOSAL
Nicolas I BowleyGermanyOnyama Limba PROPOSAL
Mujtaba L PoquetteCanadaIoni Bowcher NEGOTIATION
Emily D MorascaJapanIoni Bowcher PROPOSAL
Misaki B SchemmerIndiaAnna Fali NEW
Costa J MorascaFranceElwin Sharvill RENEWAL
Clifford M BriddickArgentinaAsiya Javayant NEW
Maria L InouyeJapanXuxue Feng UNQUALIFIED
Emily O RulapaughCanadaXuxue Feng PROPOSAL
Costa P OstroskyRussiaOnyama Limba RENEWAL
Francesco K DilliardBrazilStephen Shaw PROPOSAL
Clifford P PerinRussiaBernardo Dominic RENEWAL
Greenwood Q GarufiBrazilOnyama Limba QUALIFIED
Johnson B GillianIndiaXuxue Feng QUALIFIED
Darci Y RulapaughItalyBernardo Dominic UNQUALIFIED
Aruna W NickaAustraliaStephen Shaw QUALIFIED
Frozen Columns
Name
Stacey R Perin
Silvio F Slusarski
Kaitlin Y Venere
Julie W Slusarski
Ivar R Ostrosky
Aruna M Kolmetz
Chavez E Foller
Rodrigues U Glick
Aruna P Rim
Deepesh I Poquette
James W Morasca
Juan U Caudy
Nicolas W Poquette
Kaitlin L Nicka
Juan I Figeroa
Stacey U Waycott
Kadeem P Wieser
Clifford B Bowley
Stacey M Vocelka
Salvatore W Flosi
Darci L Perin
Stacey Z Inouye
Francesco I Kolmetz
Aditya Q Kusko
Silvio P Vocelka
Greenwood V Shinko
Aika R Marrier
Clifford K Darakjy
Julie K Morasca
Jefferson O Rim
Silvio B Iturbide
Jeanfrancois V Albares
Nicolas R Gaucho
Emily U Venere
James O Kolmetz
Ivar W Amigon
Smith B Tollner
Arvin S Inouye
Salvatore L Maclead
Leon D Ostrosky
Maisha B Maclead
Isabel R Nicka
Clifford S Perin
Adams B Waycott
Tony N Royster
Munro R Waycott
Smith U Gillian
Isabel X Paprocki
Adams J Kusko
Jennifer D Chui
IdCountryDate
1000United Kingdom2025-04-14
1001United Kingdom2025-04-05
1002Canada2025-04-21
1003France2025-04-04
1004Germany2025-04-28
1005Germany2025-04-26
1006Japan2025-04-09
1007United Kingdom2025-04-23
1008Germany2025-04-29
1009Japan2025-04-03
1010United Kingdom2025-04-02
1011Spain2025-04-04
1012Argentina2025-04-15
1013France2025-04-12
1014Canada2025-04-22
1015Spain2025-04-20
1016Australia2025-04-07
1017India2025-04-08
1018Russia2025-04-09
1019Australia2025-04-19
1020Germany2025-04-16
1021United Kingdom2025-04-23
1022United Kingdom2025-04-29
1023India2025-04-09
1024France2025-04-09
1025India2025-04-11
1026Russia2025-04-03
1027United Kingdom2025-04-03
1028Brazil2025-04-21
1029United Kingdom2025-04-07
1030Brazil2025-04-28
1031Japan2025-04-10
1032Japan2025-04-06
1033Italy2025-04-14
1034France2025-04-14
1035Argentina2025-04-05
1036Italy2025-04-09
1037Australia2025-04-08
1038Japan2025-04-14
1039United Kingdom2025-04-12
1040Russia2025-04-28
1041Brazil2025-04-29
1042Japan2025-04-15
1043Russia2025-04-18
1044Argentina2025-04-23
1045Argentina2025-04-19
1046Argentina2025-04-04
1047Australia2025-04-23
1048Japan2025-04-26
1049France2025-05-01

On-Demand Data

NameIdCountryDate
Ricardo G Malet1000Italy2025-04-12
Faith X Darakjy1001Germany2025-04-07
Claire K Perin1002Australia2025-04-02
Maria I Inouye1003Germany2025-04-18
Wickens O Wieser1004Italy2025-04-07
Arvin L Chui1005Spain2025-04-24
Arvin C Albares1006United Kingdom2025-04-29
Munro C Perin1007Italy2025-04-06
Clifford F Inouye1008Canada2025-04-26
Aditya I Bowley1009Australia2025-04-06
Jefferson U Flosi1010Australia2025-04-13
Adams G Figeroa1011Russia2025-04-05
Mujtaba E Dilliard1012India2025-04-04
Kaitlin B Figeroa1013Germany2025-04-21
Clifford J Figeroa1014Canada2025-04-30
Cody V Nestle1015Brazil2025-04-29
Salvatore H Maclead1016Japan2025-04-04
Izzy M Stenseth1017France2025-04-07
Jennifer B Bowley1018Brazil2025-04-22
Emily N Ferencz1019Italy2025-04-25
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Greenwood T BowleyCanadaStephen Shaw PROPOSAL
Munro H GauchoFranceStephen Shaw QUALIFIED
Munro X CaldareraIndiaAnna Fali RENEWAL
Wickens A GauchoItalyAsiya Javayant UNQUALIFIED
Stacey Y PerinArgentinaBernardo Dominic RENEWAL
Greenwood L SchemmerSpainElwin Sharvill UNQUALIFIED
Aika H OstroskyFranceAnna Fali RENEWAL
Misaki P VenereIndiaIvan Magalhaes NEGOTIATION
Nicolas P VocelkaArgentinaAsiya Javayant NEGOTIATION
Jones Y NestleUnited KingdomBernardo Dominic RENEWAL
Ivar K GlickSpainAnna Fali UNQUALIFIED
Kaitlin K TollnerJapanElwin Sharvill UNQUALIFIED
Adams R SchemmerUnited KingdomElwin Sharvill PROPOSAL
Claire L OldroydAustraliaBernardo Dominic UNQUALIFIED
Deepesh U BologniaArgentinaXuxue Feng UNQUALIFIED
Francesco K BowleySpainElwin Sharvill QUALIFIED
Aika P StensethIndiaXuxue Feng NEGOTIATION
Costa R CaldareraItalyOnyama Limba NEGOTIATION
Misaki T ButtRussiaXuxue Feng UNQUALIFIED
Ashley P NickaUnited KingdomBernardo Dominic UNQUALIFIED
Deepesh F KuskoJapanAsiya Javayant UNQUALIFIED
Julie E ButtGermanyStephen Shaw PROPOSAL
Juan L DoeIndiaElwin Sharvill QUALIFIED
Emily G VenereArgentinaAsiya Javayant NEW
Jefferson I CaudyAustraliaElwin Sharvill PROPOSAL
Sinclair T SlusarskiItalyBernardo Dominic QUALIFIED
Octavia I SchemmerGermanyOnyama Limba NEGOTIATION
Antonio O StockhamFranceIoni Bowcher QUALIFIED
Murillo S FerenczRussiaAsiya Javayant PROPOSAL
Jeanfrancois J GlickCanadaIvan Magalhaes QUALIFIED
Smith T WhobreySpainOnyama Limba RENEWAL
Claire R SlusarskiUnited KingdomStephen Shaw PROPOSAL
Salvatore R MorascaSpainAmy Elsner PROPOSAL
Smith B RimRussiaIoni Bowcher RENEWAL
Tony H MorascaRussiaIvan Magalhaes NEGOTIATION
Ivar K StockhamRussiaStephen Shaw NEGOTIATION
Alejandro N BriddickItalyAsiya Javayant QUALIFIED
Costa D OstroskyGermanyElwin Sharvill QUALIFIED
Cody G SlusarskiRussiaAsiya Javayant PROPOSAL
Aditya T DoeUnited KingdomAmy Elsner UNQUALIFIED

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