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
Greenwood B DoeItalyAsiya Javayant NEGOTIATION
Adams I FigeroaSpainAmy Elsner QUALIFIED
Juan D WieserUnited KingdomOnyama Limba RENEWAL
Kaitlin B DilliardAustraliaBernardo Dominic QUALIFIED
Adams P WieserJapanIoni Bowcher NEGOTIATION
Chavez O AlbaresGermanyIoni Bowcher UNQUALIFIED
Murillo L InouyeAustraliaAmy Elsner NEGOTIATION
Arvin Y KolmetzFranceElwin Sharvill NEW
Leon X MaletGermanyIvan Magalhaes UNQUALIFIED
Cody N BriddickFranceIoni Bowcher NEW
Clifford G GarufiGermanyXuxue Feng RENEWAL
Munro J DilliardSpainAsiya Javayant PROPOSAL
Leon S RoysterAustraliaAsiya Javayant NEGOTIATION
Cody M KolmetzRussiaAsiya Javayant QUALIFIED
Claire C NickaUnited KingdomStephen Shaw PROPOSAL
Leja N BowleyIndiaElwin Sharvill NEW
Aika W SergiFranceAmy Elsner NEW
Antonio F FollerIndiaOnyama Limba NEW
Chavez L SlusarskiArgentinaAsiya Javayant RENEWAL
Misaki W NickaItalyAnna Fali PROPOSAL
Julie G RutaBrazilBernardo Dominic RENEWAL
Murillo M AlbaresArgentinaOnyama Limba QUALIFIED
Costa F StensethAustraliaOnyama Limba NEGOTIATION
Juan A MacleadAustraliaXuxue Feng PROPOSAL
Adams E ButtSpainStephen Shaw RENEWAL
Clifford E WieserArgentinaIoni Bowcher NEW
Morrow R RulapaughRussiaXuxue Feng RENEWAL
Mujtaba Z CaudyIndiaAmy Elsner UNQUALIFIED
Salvatore P StockhamSpainAmy Elsner RENEWAL
Mayumi S CaldareraItalyIoni Bowcher UNQUALIFIED
Maisha L DilliardJapanElwin Sharvill PROPOSAL
Jefferson F StockhamSpainStephen Shaw NEGOTIATION
Mayumi H VenereItalyAmy Elsner NEGOTIATION
Darci I MarrierAustraliaXuxue Feng NEGOTIATION
Jefferson V AmigonArgentinaAsiya Javayant UNQUALIFIED
Silvio S GarufiFranceAsiya Javayant UNQUALIFIED
Misaki W GillianJapanOnyama Limba NEGOTIATION
Silvio T RutaArgentinaAmy Elsner NEW
Munro D VenereBrazilXuxue Feng PROPOSAL
Cody D RutaUnited KingdomStephen Shaw PROPOSAL
Aruna W BowleyRussiaOnyama Limba PROPOSAL
Mayumi Z MacleadRussiaOnyama Limba RENEWAL
Nicolas L FerenczRussiaXuxue Feng RENEWAL
Faith Y NestleFranceBernardo Dominic RENEWAL
Julie K ButtRussiaXuxue Feng NEW
Ashley T CampainItalyIoni Bowcher UNQUALIFIED
Tony P FigeroaCanadaStephen Shaw UNQUALIFIED
Izzy L MarrierUnited KingdomStephen Shaw RENEWAL
Jennifer I InouyeArgentinaStephen Shaw NEGOTIATION
Aruna U OldroydArgentinaOnyama Limba RENEWAL
Horizontal
NameCountryRepresentativeStatus
Chavez I DarakjyArgentinaElwin Sharvill PROPOSAL
Alejandro Q GauchoItalyAsiya Javayant QUALIFIED
Costa P OstroskyItalyElwin Sharvill QUALIFIED
Costa N WaycottRussiaBernardo Dominic UNQUALIFIED
Jefferson K BowleyBrazilIoni Bowcher NEW
Aruna D BologniaIndiaElwin Sharvill NEW
Maria N WaycottCanadaAsiya Javayant UNQUALIFIED
Adams W AlbaresAustraliaIoni Bowcher NEW
Francesco X NickaIndiaBernardo Dominic UNQUALIFIED
Jeanfrancois F OstroskyAustraliaStephen Shaw NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Smith O AmigonGermany2026-06-28King, Christopher A Esq NEW86Xuxue Feng
1001Octavia P WieserAustralia2026-07-06Chapman, Ross E Esq QUALIFIED61Anna Fali
1002Smith B DoeAustralia2026-07-15Chanay, Jeffrey A Esq PROPOSAL0Amy Elsner
1003Munro Z GlickIndia2026-06-29Benton, John B Jr NEGOTIATION93Elwin Sharvill
1004Smith N CaldareraUnited Kingdom2026-06-25King, Christopher A Esq PROPOSAL40Onyama Limba
1005Octavia N NestleArgentina2026-06-26Truhlar And Truhlar Attys PROPOSAL86Ioni Bowcher
1006Darci Z TollnerJapan2026-06-28King, Christopher A Esq PROPOSAL73Ioni Bowcher
1007Aika U BriddickIndia2026-07-14Feltz Printing Service QUALIFIED54Anna Fali
1008Octavia Q KolmetzArgentina2026-07-02Commercial Press PROPOSAL79Onyama Limba
1009Maria N CaudySpain2026-06-24Feltz Printing Service UNQUALIFIED85Onyama Limba
1010Greenwood X DilliardArgentina2026-06-18Rousseaux, Michael Esq UNQUALIFIED93Ivan Magalhaes
1011Juan V OldroydAustralia2026-06-24Feiner Bros QUALIFIED20Asiya Javayant
1012Antonio I ShinkoJapan2026-06-21Chapman, Ross E Esq NEGOTIATION33Xuxue Feng
1013Ashley H DarakjyJapan2026-06-21Dorl, James J Esq NEW27Ivan Magalhaes
1014Cody F OldroydItaly2026-07-03Feiner Bros NEGOTIATION40Stephen Shaw
1015Alejandro Y RutaFrance2026-07-09Commercial Press RENEWAL8Elwin Sharvill
1016Chavez K BowleyCanada2026-07-15Dorl, James J Esq NEGOTIATION39Stephen Shaw
1017Ashley G FerenczJapan2026-07-02Feltz Printing Service UNQUALIFIED30Asiya Javayant
1018Ricardo A PoquetteRussia2026-07-01Rangoni Of Florence UNQUALIFIED9Anna Fali
1019Maria B FlosiIndia2026-06-20Printing Dimensions PROPOSAL78Anna Fali
1020Leja L GillianGermany2026-07-11Buckley Miller Wright PROPOSAL61Asiya Javayant
1021Maria I InouyeAustralia2026-06-23Chemel, James L Cpa UNQUALIFIED99Onyama Limba
1022Leon C SaylorsRussia2026-06-18Rangoni Of Florence NEGOTIATION32Anna Fali
1023Emily D TollnerAustralia2026-07-15Truhlar And Truhlar Attys NEGOTIATION0Elwin Sharvill
1024Aika S FlosiUnited Kingdom2026-06-25Truhlar And Truhlar Attys NEW56Onyama Limba
1025Smith U RutaUnited Kingdom2026-06-20Benton, John B Jr NEGOTIATION59Ivan Magalhaes
1026Silvio M VenereCanada2026-06-30Chanay, Jeffrey A Esq UNQUALIFIED16Ioni Bowcher
1027Morrow Y GauchoArgentina2026-07-08Printing Dimensions UNQUALIFIED2Elwin Sharvill
1028Tony E OstroskyAustralia2026-07-07King, Christopher A Esq NEW24Onyama Limba
1029Smith G WieserJapan2026-06-22King, Christopher A Esq PROPOSAL95Anna Fali
1030Costa Y VocelkaCanada2026-07-15Truhlar And Truhlar Attys QUALIFIED21Ivan Magalhaes
1031Jones L SaylorsFrance2026-07-13Rousseaux, Michael Esq RENEWAL86Anna Fali
1032Costa L NestleUnited Kingdom2026-07-16Chapman, Ross E Esq UNQUALIFIED9Stephen Shaw
1033Salvatore H CampainCanada2026-06-21Chapman, Ross E Esq UNQUALIFIED65Stephen Shaw
1034Johnson X AmigonCanada2026-06-29Benton, John B Jr NEGOTIATION64Amy Elsner
1035Tony P GlickArgentina2026-06-26Rangoni Of Florence QUALIFIED86Ivan Magalhaes
1036Jeanfrancois J DilliardFrance2026-07-06Buckley Miller Wright NEW82Asiya Javayant
1037Johnson B GarufiArgentina2026-07-09Chapman, Ross E Esq PROPOSAL72Ivan Magalhaes
1038Leon S SlusarskiUnited Kingdom2026-07-16Commercial Press NEGOTIATION37Bernardo Dominic
1039Alejandro Q BologniaAustralia2026-07-01Truhlar And Truhlar Attys PROPOSAL77Stephen Shaw
1040Murillo J BriddickFrance2026-06-20Rousseaux, Michael Esq NEW48Ivan Magalhaes
1041David I AmigonJapan2026-06-22Commercial Press PROPOSAL10Xuxue Feng
1042Leon I BowleyCanada2026-07-09Chanay, Jeffrey A Esq QUALIFIED97Onyama Limba
1043Izzy G DoeCanada2026-06-30Feiner Bros NEW7Elwin Sharvill
1044Adams Q CaudyAustralia2026-07-04Dorl, James J Esq NEGOTIATION90Ioni Bowcher
1045Aika C GarufiJapan2026-07-01King, Christopher A Esq RENEWAL81Asiya Javayant
1046Izzy V OstroskyItaly2026-06-20Feltz Printing Service PROPOSAL69Bernardo Dominic
1047Faith U SlusarskiFrance2026-07-12Truhlar And Truhlar Attys QUALIFIED4Ivan Magalhaes
1048Salvatore B KolmetzJapan2026-06-29Chemel, James L Cpa PROPOSAL91Anna Fali
1049Nicolas K GauchoFrance2026-07-05Morlong Associates PROPOSAL6Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Jones R GauchoGermanyAsiya Javayant NEW
Silvio L SergiIndiaIvan Magalhaes NEW
Juan Y SlusarskiAustraliaStephen Shaw RENEWAL
Johnson Y KolmetzAustraliaIoni Bowcher QUALIFIED
Ricardo O WaycottAustraliaElwin Sharvill PROPOSAL
Arvin O CampainFranceAnna Fali NEGOTIATION
Aditya R MacleadCanadaElwin Sharvill QUALIFIED
Emily L FlosiJapanAmy Elsner UNQUALIFIED
Ashley K BologniaJapanXuxue Feng RENEWAL
Nicolas H AlbaresItalyIoni Bowcher NEGOTIATION
Faith G NestleJapanStephen Shaw QUALIFIED
Deepesh Z BriddickCanadaStephen Shaw RENEWAL
Kaitlin O GauchoRussiaElwin Sharvill NEGOTIATION
Deepesh V StensethAustraliaIvan Magalhaes RENEWAL
Maisha D RulapaughAustraliaAsiya Javayant PROPOSAL
Murillo U MarrierItalyIvan Magalhaes RENEWAL
Alejandro J FollerBrazilAmy Elsner PROPOSAL
Claire P CampainIndiaAmy Elsner NEW
Alejandro O SlusarskiGermanyAnna Fali UNQUALIFIED
Leon C WaycottUnited KingdomAsiya Javayant RENEWAL
Aditya V NestleFranceXuxue Feng QUALIFIED
Kadeem R MaletJapanOnyama Limba QUALIFIED
Jones J DilliardAustraliaStephen Shaw PROPOSAL
Ivar L CampainJapanElwin Sharvill QUALIFIED
Maisha I SchemmerIndiaAnna Fali QUALIFIED
David N GauchoIndiaIoni Bowcher NEGOTIATION
Tony U StensethJapanOnyama Limba PROPOSAL
Ashley N CampainIndiaXuxue Feng QUALIFIED
James P IturbideSpainStephen Shaw NEGOTIATION
Salvatore I KolmetzCanadaIoni Bowcher RENEWAL
David N ButtBrazilOnyama Limba NEW
Costa M BologniaBrazilAsiya Javayant NEW
Arvin A WieserGermanyElwin Sharvill QUALIFIED
James O DarakjyItalyXuxue Feng QUALIFIED
Mujtaba C GillianCanadaStephen Shaw QUALIFIED
Aruna A GauchoSpainIvan Magalhaes RENEWAL
Ivar J WaycottItalyElwin Sharvill QUALIFIED
Deepesh Q StockhamIndiaAsiya Javayant UNQUALIFIED
Julie Z SergiAustraliaAnna Fali NEGOTIATION
Leon Q IturbideAustraliaOnyama Limba UNQUALIFIED
Rodrigues M AmigonGermanyAnna Fali NEGOTIATION
James M RimArgentinaBernardo Dominic NEGOTIATION
Octavia N RutaArgentinaAsiya Javayant RENEWAL
Kaitlin V TollnerFranceElwin Sharvill NEW
Darci R NickaBrazilStephen Shaw QUALIFIED
Sinclair N RimAustraliaBernardo Dominic QUALIFIED
Chavez Y CaudyFranceAsiya Javayant UNQUALIFIED
Sinclair K AmigonRussiaOnyama Limba RENEWAL
James L IturbideArgentinaBernardo Dominic PROPOSAL
Jefferson Q PaprockiCanadaIoni Bowcher QUALIFIED
Frozen Columns
Name
Alejandro D Nicka
Murillo M Darakjy
Kadeem A Poquette
Maisha H Stockham
Morrow G Wieser
Clifford C Gaucho
Cody H Oldroyd
Izzy M Paprocki
Aditya L Shinko
Adams S Butt
Deepesh B Briddick
Emily L Bowley
Antonio N Foller
Silvio X Stenseth
Kadeem E Perin
Chavez M Tollner
Morrow S Foller
Francesco G Stenseth
Stacey Q Iturbide
Ricardo G Vocelka
Deepesh D Darakjy
Stacey Z Gillian
Deepesh D Iturbide
Jefferson P Flosi
Jefferson G Inouye
Munro Q Garufi
Deepesh H Waycott
Aruna X Sergi
Clifford J Rulapaugh
Leon N Garufi
James B Oldroyd
Smith S Butt
Sinclair B Bolognia
Faith X Tollner
Clifford A Poquette
Ricardo K Stockham
Cody I Whobrey
Aditya N Kolmetz
Maria Z Venere
Darci O Amigon
Mayumi S Butt
Arvin G Figeroa
Kaitlin E Figeroa
David K Albares
Stacey S Marrier
Salvatore M Venere
Stacey H Ferencz
Salvatore K Briddick
Isabel R Morasca
Jones B Saylors
IdCountryDate
1000Brazil2026-06-24
1001Russia2026-07-08
1002Australia2026-06-29
1003Australia2026-06-26
1004Argentina2026-07-02
1005Brazil2026-07-08
1006France2026-07-08
1007Brazil2026-06-26
1008Germany2026-06-27
1009Italy2026-06-30
1010Japan2026-06-19
1011United Kingdom2026-07-01
1012France2026-07-14
1013Brazil2026-06-18
1014Japan2026-06-20
1015Italy2026-06-17
1016Germany2026-06-18
1017Brazil2026-07-14
1018Brazil2026-07-03
1019Russia2026-07-04
1020France2026-06-25
1021Germany2026-06-24
1022France2026-07-05
1023Brazil2026-07-13
1024Spain2026-07-07
1025Australia2026-06-18
1026Italy2026-07-04
1027Russia2026-07-13
1028Germany2026-06-26
1029United Kingdom2026-07-14
1030Italy2026-06-29
1031United Kingdom2026-07-07
1032United Kingdom2026-06-26
1033France2026-07-11
1034Spain2026-07-01
1035Brazil2026-06-30
1036Japan2026-07-07
1037Japan2026-06-24
1038Germany2026-07-02
1039Russia2026-06-20
1040Italy2026-06-30
1041India2026-07-16
1042Argentina2026-06-29
1043Spain2026-06-21
1044Australia2026-06-24
1045India2026-06-19
1046India2026-06-23
1047Spain2026-07-11
1048Canada2026-07-02
1049United Kingdom2026-07-14

On-Demand Data

NameIdCountryDate
Isabel P Inouye1000Russia2026-07-13
Jennifer B Figeroa1001Canada2026-06-17
Kadeem D Caldarera1002Germany2026-07-05
Stacey X Caldarera1003Italy2026-07-01
Sinclair J Paprocki1004France2026-06-22
Mujtaba A Ruta1005India2026-06-24
Alejandro H Saylors1006Russia2026-07-01
Maria W Morasca1007Germany2026-06-19
Jeanfrancois G Kolmetz1008United Kingdom2026-06-24
Antonio L Albares1009Germany2026-07-09
Sinclair Y Kolmetz1010France2026-07-07
Greenwood C Caudy1011Japan2026-06-17
Isabel A Ferencz1012United Kingdom2026-06-18
Clifford K Glick1013Japan2026-07-09
Alejandro M Venere1014Canada2026-07-11
Kadeem L Paprocki1015India2026-06-22
Tony G Vocelka1016Brazil2026-07-05
Antonio M Marrier1017France2026-07-16
Wickens N Foller1018Canada2026-07-05
Jones I Schemmer1019Brazil2026-06-18
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Kadeem R RoysterBrazilAnna Fali PROPOSAL
Stacey I RulapaughBrazilElwin Sharvill QUALIFIED
Arvin Z GillianRussiaAsiya Javayant NEGOTIATION
Ivar W CaldareraItalyAnna Fali NEW
James J OldroydIndiaBernardo Dominic UNQUALIFIED
Leja W NestleArgentinaIvan Magalhaes UNQUALIFIED
Mujtaba E IturbideRussiaElwin Sharvill NEGOTIATION
Salvatore B WieserSpainElwin Sharvill QUALIFIED
Ashley I CaldareraFranceAmy Elsner PROPOSAL
Leon X StockhamArgentinaElwin Sharvill QUALIFIED
David F GillianArgentinaElwin Sharvill NEW
Jennifer X StensethArgentinaStephen Shaw RENEWAL
Maisha X KolmetzJapanBernardo Dominic QUALIFIED
Smith T VenereGermanyXuxue Feng PROPOSAL
Smith J RulapaughGermanyAmy Elsner PROPOSAL
Nicolas L GarufiGermanyXuxue Feng RENEWAL
Tony K BowleyAustraliaBernardo Dominic RENEWAL
Aditya A MorascaBrazilAmy Elsner QUALIFIED
Jefferson R InouyeFranceIvan Magalhaes NEW
Juan P NestleBrazilXuxue Feng NEGOTIATION
Aruna L MacleadGermanyXuxue Feng PROPOSAL
Claire U RulapaughAustraliaIvan Magalhaes RENEWAL
Costa M CampainGermanyIvan Magalhaes NEGOTIATION
Jennifer P IturbideRussiaStephen Shaw RENEWAL
Ricardo P InouyeArgentinaStephen Shaw UNQUALIFIED
Mayumi C ButtFranceXuxue Feng NEGOTIATION
Murillo O RimRussiaIvan Magalhaes NEGOTIATION
Chavez Y RutaArgentinaBernardo Dominic NEGOTIATION
Faith B WieserBrazilXuxue Feng UNQUALIFIED
Aruna W WhobreyCanadaIoni Bowcher NEW
Rodrigues C SaylorsJapanOnyama Limba NEW
Deepesh O BriddickSpainAnna Fali NEW
Isabel Z FollerSpainIoni Bowcher UNQUALIFIED
Ivar H MorascaFranceOnyama Limba NEGOTIATION
Maisha Y RoysterFranceStephen Shaw QUALIFIED
Maisha E CampainIndiaXuxue Feng QUALIFIED
Emily M DarakjySpainAnna Fali UNQUALIFIED
Leja B PaprockiSpainAsiya Javayant NEGOTIATION
Darci I GauchoArgentinaStephen Shaw NEW
Julie F CampainArgentinaElwin Sharvill 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>