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
Mujtaba D RutaRussiaBernardo Dominic NEGOTIATION
Jennifer P IturbideJapanElwin Sharvill UNQUALIFIED
Maisha E TollnerCanadaOnyama Limba NEW
Murillo G BowleyItalyBernardo Dominic QUALIFIED
Mujtaba B NestleArgentinaOnyama Limba PROPOSAL
Emily K SchemmerCanadaElwin Sharvill UNQUALIFIED
Misaki K RulapaughIndiaXuxue Feng RENEWAL
Wickens B BologniaRussiaBernardo Dominic UNQUALIFIED
James W SchemmerAustraliaIoni Bowcher PROPOSAL
Antonio Z CaudyIndiaAnna Fali RENEWAL
Ricardo U DarakjyCanadaAsiya Javayant NEW
Francesco B StensethSpainAnna Fali NEW
Clifford N PerinIndiaXuxue Feng PROPOSAL
Kaitlin W MaletAustraliaAsiya Javayant NEGOTIATION
Nicolas D BowleyIndiaAsiya Javayant NEW
Sinclair X AmigonRussiaAsiya Javayant NEW
Leon D KuskoIndiaBernardo Dominic UNQUALIFIED
Deepesh C PerinBrazilIvan Magalhaes RENEWAL
Silvio Q RulapaughFranceStephen Shaw RENEWAL
Maisha C DarakjyAustraliaStephen Shaw QUALIFIED
Izzy V PaprockiGermanyIoni Bowcher NEGOTIATION
Ricardo G PerinAustraliaBernardo Dominic QUALIFIED
Jones Z NickaBrazilOnyama Limba QUALIFIED
Leon W PerinSpainElwin Sharvill QUALIFIED
Stacey A KuskoGermanyAsiya Javayant PROPOSAL
Munro U FerenczArgentinaStephen Shaw NEW
Sinclair R GauchoUnited KingdomElwin Sharvill NEW
Greenwood V SaylorsAustraliaElwin Sharvill PROPOSAL
Ashley W CampainSpainStephen Shaw RENEWAL
Julie S SaylorsJapanOnyama Limba UNQUALIFIED
Adams T CampainBrazilBernardo Dominic QUALIFIED
Jeanfrancois D StensethGermanyAmy Elsner PROPOSAL
Cody J DarakjyIndiaStephen Shaw NEGOTIATION
Murillo C CampainIndiaStephen Shaw QUALIFIED
Aruna E GlickAustraliaStephen Shaw NEGOTIATION
Antonio B FerenczSpainElwin Sharvill UNQUALIFIED
Octavia X AlbaresItalyIvan Magalhaes NEW
Adams S OldroydIndiaOnyama Limba PROPOSAL
Smith E ChuiIndiaElwin Sharvill UNQUALIFIED
Julie B WaycottItalyIoni Bowcher QUALIFIED
Arvin J GarufiIndiaAnna Fali RENEWAL
Ashley P CaldareraRussiaXuxue Feng NEW
Faith Y VenereGermanyElwin Sharvill UNQUALIFIED
Isabel K GlickGermanyOnyama Limba NEGOTIATION
Claire B FollerAustraliaAnna Fali UNQUALIFIED
Jeanfrancois I BologniaSpainStephen Shaw UNQUALIFIED
Clifford G MacleadRussiaIoni Bowcher PROPOSAL
Aruna E MorascaSpainXuxue Feng NEW
Kaitlin A StensethBrazilStephen Shaw NEW
Sinclair H MacleadJapanStephen Shaw RENEWAL
Horizontal
NameCountryRepresentativeStatus
Faith R NickaBrazilAmy Elsner PROPOSAL
Leja X StensethCanadaStephen Shaw UNQUALIFIED
Jennifer C FlosiItalyAsiya Javayant NEW
Misaki Z DoeUnited KingdomXuxue Feng RENEWAL
Silvio Q AmigonCanadaAmy Elsner PROPOSAL
Maria V MaletAustraliaIoni Bowcher RENEWAL
Ashley S NickaItalyAsiya Javayant UNQUALIFIED
Isabel Q RimArgentinaAsiya Javayant NEW
Greenwood V WaycottItalyElwin Sharvill PROPOSAL
Rodrigues H VenereUnited KingdomIoni Bowcher UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Antonio T DoeRussia2025-05-29Chemel, James L Cpa QUALIFIED57Onyama Limba
1001Aruna G ChuiUnited Kingdom2025-06-06Printing Dimensions NEGOTIATION67Ioni Bowcher
1002Costa Z InouyeRussia2025-05-19Chapman, Ross E Esq RENEWAL13Ioni Bowcher
1003Darci K StockhamGermany2025-05-31Morlong Associates RENEWAL96Amy Elsner
1004Silvio C KolmetzUnited Kingdom2025-05-26Truhlar And Truhlar Attys RENEWAL23Stephen Shaw
1005Jones J BriddickBrazil2025-05-24Buckley Miller Wright NEW92Stephen Shaw
1006Wickens M WhobreyArgentina2025-06-14Truhlar And Truhlar Attys NEGOTIATION90Ioni Bowcher
1007Maria M PoquetteUnited Kingdom2025-06-16Buckley Miller Wright NEGOTIATION41Onyama Limba
1008Murillo L StensethItaly2025-06-16Rousseaux, Michael Esq PROPOSAL47Xuxue Feng
1009Munro K MaletGermany2025-05-21Feiner Bros UNQUALIFIED18Xuxue Feng
1010Jones O BriddickJapan2025-05-19Benton, John B Jr NEGOTIATION59Anna Fali
1011Ricardo J AmigonIndia2025-05-28Truhlar And Truhlar Attys RENEWAL50Onyama Limba
1012Claire B WaycottBrazil2025-05-20Benton, John B Jr RENEWAL35Ivan Magalhaes
1013Chavez N OstroskyCanada2025-06-09Printing Dimensions NEW58Asiya Javayant
1014Ricardo L SergiFrance2025-05-31Buckley Miller Wright PROPOSAL15Amy Elsner
1015Ivar X StensethIndia2025-06-14Commercial Press NEGOTIATION55Xuxue Feng
1016Isabel C SergiJapan2025-06-01Printing Dimensions PROPOSAL30Ivan Magalhaes
1017Nicolas J WieserCanada2025-06-02King, Christopher A Esq PROPOSAL68Bernardo Dominic
1018Aika B MacleadCanada2025-06-08Feiner Bros QUALIFIED64Onyama Limba
1019Kaitlin S PerinCanada2025-05-18Chanay, Jeffrey A Esq NEW30Stephen Shaw
1020Adams M SlusarskiArgentina2025-05-31Chanay, Jeffrey A Esq PROPOSAL29Asiya Javayant
1021Silvio K InouyeAustralia2025-06-02Morlong Associates RENEWAL45Amy Elsner
1022Munro C WaycottJapan2025-05-30Commercial Press PROPOSAL33Bernardo Dominic
1023Silvio H OstroskyFrance2025-05-18Feiner Bros PROPOSAL18Elwin Sharvill
1024Salvatore D StockhamRussia2025-06-13Chapman, Ross E Esq PROPOSAL66Ivan Magalhaes
1025Kadeem A RoysterFrance2025-06-13Chanay, Jeffrey A Esq NEGOTIATION76Bernardo Dominic
1026Kaitlin K ButtCanada2025-06-03Benton, John B Jr RENEWAL28Elwin Sharvill
1027Julie Y SlusarskiItaly2025-06-09Buckley Miller Wright QUALIFIED44Xuxue Feng
1028Clifford S PerinGermany2025-05-18Truhlar And Truhlar Attys QUALIFIED47Ivan Magalhaes
1029Wickens I IturbideIndia2025-05-25Morlong Associates NEW4Stephen Shaw
1030Aika P DarakjyArgentina2025-05-21Feltz Printing Service RENEWAL32Ioni Bowcher
1031Maisha S OstroskyItaly2025-06-15Chanay, Jeffrey A Esq NEGOTIATION78Stephen Shaw
1032Ricardo E MaletCanada2025-06-09Benton, John B Jr UNQUALIFIED5Onyama Limba
1033Chavez M MarrierUnited Kingdom2025-06-06Rousseaux, Michael Esq NEW97Ioni Bowcher
1034Sinclair G RoysterArgentina2025-06-14Buckley Miller Wright NEW90Ioni Bowcher
1035Munro A WhobreyArgentina2025-06-04Chanay, Jeffrey A Esq NEGOTIATION26Bernardo Dominic
1036Mayumi B FerenczUnited Kingdom2025-06-15Commercial Press NEGOTIATION43Asiya Javayant
1037Silvio D MorascaBrazil2025-06-05Rangoni Of Florence PROPOSAL95Amy Elsner
1038Deepesh O BriddickBrazil2025-05-31King, Christopher A Esq RENEWAL73Ivan Magalhaes
1039Wickens L MaletSpain2025-05-23Morlong Associates QUALIFIED13Anna Fali
1040Murillo N ButtArgentina2025-06-09Dorl, James J Esq NEW10Ioni Bowcher
1041Adams C WaycottCanada2025-06-16Feiner Bros NEW0Anna Fali
1042Cody O KuskoArgentina2025-05-22Chanay, Jeffrey A Esq NEW19Bernardo Dominic
1043Nicolas C PoquetteFrance2025-06-12Buckley Miller Wright RENEWAL40Onyama Limba
1044Isabel T GarufiArgentina2025-06-10Benton, John B Jr NEGOTIATION8Bernardo Dominic
1045Emily J NestleBrazil2025-06-01Truhlar And Truhlar Attys PROPOSAL38Xuxue Feng
1046Clifford R SaylorsSpain2025-06-04Chapman, Ross E Esq UNQUALIFIED65Ioni Bowcher
1047Cody M IturbideIndia2025-05-27Chapman, Ross E Esq UNQUALIFIED63Onyama Limba
1048Morrow O OstroskyFrance2025-05-25Benton, John B Jr RENEWAL7Stephen Shaw
1049Octavia L WieserJapan2025-06-11Rangoni Of Florence QUALIFIED4Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Sinclair Y DarakjyArgentinaStephen Shaw QUALIFIED
Misaki F MaletIndiaAsiya Javayant NEW
Wickens E GillianUnited KingdomOnyama Limba NEGOTIATION
Morrow M ChuiUnited KingdomAnna Fali PROPOSAL
Salvatore O MorascaItalyAsiya Javayant NEW
Deepesh K KuskoCanadaOnyama Limba NEW
Johnson N SergiItalyAnna Fali RENEWAL
Antonio W RimSpainIoni Bowcher UNQUALIFIED
Silvio J GauchoCanadaOnyama Limba NEW
David R VocelkaRussiaStephen Shaw UNQUALIFIED
Rodrigues Z SergiAustraliaIvan Magalhaes NEW
Alejandro Y NestleJapanStephen Shaw NEW
Leon A NestleSpainAnna Fali NEGOTIATION
Murillo S PerinItalyBernardo Dominic PROPOSAL
Leon P MarrierBrazilAnna Fali RENEWAL
Chavez T GarufiSpainIvan Magalhaes UNQUALIFIED
Jefferson J MacleadSpainBernardo Dominic QUALIFIED
Misaki K MorascaJapanStephen Shaw NEGOTIATION
Mayumi K WieserFranceOnyama Limba NEGOTIATION
Jefferson G SlusarskiItalyAsiya Javayant UNQUALIFIED
Jones J SchemmerIndiaIvan Magalhaes PROPOSAL
Stacey P GillianUnited KingdomElwin Sharvill NEW
Maisha S WaycottCanadaIoni Bowcher UNQUALIFIED
Julie E CaudyAustraliaIoni Bowcher NEW
Stacey S DarakjyIndiaOnyama Limba UNQUALIFIED
Adams B WhobreyJapanElwin Sharvill PROPOSAL
Deepesh V CaldareraGermanyXuxue Feng RENEWAL
Ivar D SchemmerSpainIoni Bowcher UNQUALIFIED
Maisha G ButtJapanElwin Sharvill QUALIFIED
Deepesh A FerenczJapanAnna Fali RENEWAL
Juan I FlosiJapanAsiya Javayant PROPOSAL
Tony N FollerRussiaIvan Magalhaes UNQUALIFIED
Francesco V MaletJapanIvan Magalhaes RENEWAL
Leja U FlosiBrazilAmy Elsner NEGOTIATION
Misaki M PaprockiItalyElwin Sharvill NEGOTIATION
Silvio E CaudyFranceElwin Sharvill RENEWAL
Wickens Q CampainBrazilAnna Fali RENEWAL
Ricardo G InouyeIndiaIvan Magalhaes NEW
Silvio D InouyeArgentinaIoni Bowcher NEGOTIATION
Tony Q RulapaughItalyAsiya Javayant NEGOTIATION
Johnson I DarakjyFranceElwin Sharvill PROPOSAL
Adams R FerenczAustraliaXuxue Feng NEGOTIATION
Clifford A RimRussiaBernardo Dominic PROPOSAL
Alejandro W OstroskyUnited KingdomElwin Sharvill UNQUALIFIED
Morrow G WieserJapanIoni Bowcher NEW
Aruna C GlickArgentinaBernardo Dominic NEW
Arvin J PoquetteBrazilOnyama Limba NEW
Mujtaba D ShinkoFranceIoni Bowcher RENEWAL
Claire U InouyeBrazilIvan Magalhaes UNQUALIFIED
Murillo Q MaletIndiaXuxue Feng UNQUALIFIED
Frozen Columns
Name
Silvio V Tollner
Izzy O Bolognia
Salvatore J Sergi
Adams L Amigon
Jeanfrancois I Vocelka
Smith Z Campain
David A Waycott
Izzy S Wieser
Jones Q Ferencz
Jennifer D Bolognia
Johnson P Royster
David X Darakjy
James R Dilliard
Octavia J Kolmetz
Greenwood T Nestle
Jefferson T Tollner
James Y Tollner
Cody J Stenseth
Jeanfrancois R Caldarera
Izzy Z Bowley
Mujtaba C Dilliard
Chavez X Nicka
Silvio T Bowley
Mayumi E Morasca
Leon R Morasca
Jeanfrancois S Inouye
Ricardo W Oldroyd
Adams U Iturbide
Cody Y Paprocki
Salvatore D Doe
Rodrigues G Kusko
Antonio N Venere
Stacey U Nestle
Aruna N Royster
Julie G Royster
Mayumi H Morasca
Munro J Rulapaugh
Claire K Kusko
Izzy U Shinko
Aruna F Paprocki
Costa F Ostrosky
Silvio A Rim
Aditya A Nicka
Jeanfrancois O Butt
Francesco G Dilliard
Greenwood U Slusarski
Mayumi N Nicka
Greenwood K Bolognia
Leja B Ruta
Aika F Flosi
IdCountryDate
1000Brazil2025-05-18
1001Italy2025-06-12
1002India2025-05-18
1003Spain2025-06-16
1004Germany2025-06-04
1005Japan2025-05-29
1006Spain2025-06-10
1007Canada2025-05-21
1008United Kingdom2025-06-11
1009Japan2025-06-10
1010Australia2025-06-01
1011Australia2025-06-09
1012Argentina2025-06-16
1013Japan2025-05-31
1014Argentina2025-05-31
1015Italy2025-06-05
1016Germany2025-06-14
1017United Kingdom2025-05-25
1018Russia2025-06-13
1019France2025-06-11
1020Japan2025-05-23
1021Italy2025-05-18
1022Japan2025-06-13
1023Spain2025-05-27
1024Germany2025-05-20
1025Italy2025-06-11
1026Russia2025-06-15
1027Italy2025-05-20
1028Russia2025-06-09
1029Russia2025-05-31
1030Italy2025-06-01
1031Argentina2025-06-01
1032United Kingdom2025-05-19
1033France2025-05-19
1034United Kingdom2025-06-05
1035France2025-05-26
1036Germany2025-06-08
1037Argentina2025-06-10
1038Canada2025-05-22
1039Canada2025-05-28
1040France2025-06-02
1041Australia2025-06-02
1042France2025-06-12
1043Australia2025-06-04
1044Australia2025-05-30
1045Spain2025-05-21
1046Australia2025-06-09
1047India2025-06-01
1048Russia2025-05-22
1049Russia2025-05-23

On-Demand Data

NameIdCountryDate
Leon U Shinko1000United Kingdom2025-06-14
Munro P Butt1001Brazil2025-06-05
Jones B Slusarski1002Spain2025-06-08
Aruna J Darakjy1003France2025-05-30
Maria P Briddick1004Canada2025-05-18
Claire Q Figeroa1005Spain2025-06-13
Greenwood I Nicka1006France2025-06-11
Ivar L Tollner1007Argentina2025-05-19
Leon V Vocelka1008Italy2025-05-21
Stacey G Stockham1009Argentina2025-05-30
Ivar B Morasca1010Germany2025-05-25
Maisha A Inouye1011Canada2025-06-16
Aditya B Gaucho1012Australia2025-06-14
David M Nestle1013United Kingdom2025-06-11
Chavez O Morasca1014Russia2025-06-01
Costa M Foller1015Canada2025-06-06
Arvin G Wieser1016France2025-06-01
Morrow Z Amigon1017Spain2025-06-09
Jones W Stenseth1018Russia2025-05-29
Jennifer H Nicka1019Russia2025-06-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Kadeem C TollnerFranceAmy Elsner NEGOTIATION
Tony Z OldroydJapanAsiya Javayant PROPOSAL
Greenwood B CaldareraJapanBernardo Dominic UNQUALIFIED
Clifford H BowleyRussiaIoni Bowcher PROPOSAL
Kadeem A NickaGermanyAsiya Javayant NEGOTIATION
Deepesh R SchemmerJapanBernardo Dominic RENEWAL
Misaki D ChuiItalyStephen Shaw QUALIFIED
Ricardo U SergiBrazilElwin Sharvill NEW
Francesco W MaletAustraliaElwin Sharvill QUALIFIED
Aika X AlbaresSpainBernardo Dominic QUALIFIED
Kaitlin J GlickItalyIoni Bowcher PROPOSAL
Isabel Y BologniaBrazilElwin Sharvill NEW
Arvin X FlosiArgentinaOnyama Limba QUALIFIED
Kaitlin F CampainCanadaElwin Sharvill RENEWAL
Misaki Q VenereAustraliaIvan Magalhaes UNQUALIFIED
Francesco M BriddickSpainIvan Magalhaes NEGOTIATION
Kaitlin E WieserGermanyXuxue Feng NEW
Chavez Q FigeroaCanadaAsiya Javayant UNQUALIFIED
Julie C OldroydItalyAnna Fali RENEWAL
Kadeem S GarufiJapanIoni Bowcher NEGOTIATION
Ivar E WaycottItalyElwin Sharvill QUALIFIED
Emily V DoeAustraliaXuxue Feng NEGOTIATION
Stacey C PoquetteAustraliaBernardo Dominic NEGOTIATION
Deepesh E RimJapanStephen Shaw PROPOSAL
Greenwood V BowleyJapanXuxue Feng UNQUALIFIED
Clifford E PerinGermanyOnyama Limba PROPOSAL
Maisha Z WaycottSpainAmy Elsner UNQUALIFIED
Misaki V DarakjySpainOnyama Limba PROPOSAL
Jones M SaylorsGermanyXuxue Feng NEGOTIATION
Leja L BriddickIndiaIvan Magalhaes PROPOSAL
Claire D GauchoCanadaBernardo Dominic PROPOSAL
Antonio P FigeroaSpainOnyama Limba UNQUALIFIED
Alejandro X DarakjyJapanStephen Shaw NEW
Sinclair W KuskoBrazilElwin Sharvill QUALIFIED
Darci B PerinRussiaXuxue Feng QUALIFIED
Isabel O RutaCanadaElwin Sharvill UNQUALIFIED
Greenwood Y MaletCanadaElwin Sharvill NEGOTIATION
Smith M InouyeAustraliaOnyama Limba UNQUALIFIED
James X RutaSpainBernardo Dominic RENEWAL
Johnson M FlosiSpainElwin Sharvill NEW

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