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
Jefferson C WieserSpainAmy Elsner QUALIFIED
Leon K TollnerFranceElwin Sharvill RENEWAL
Tony G DoeFranceBernardo Dominic UNQUALIFIED
Stacey U PaprockiUnited KingdomIoni Bowcher NEGOTIATION
Jones O SlusarskiBrazilOnyama Limba QUALIFIED
Tony K ButtArgentinaAnna Fali UNQUALIFIED
Silvio E SchemmerSpainOnyama Limba RENEWAL
Munro P VenereJapanElwin Sharvill QUALIFIED
Francesco J RutaRussiaElwin Sharvill NEW
Claire L FigeroaCanadaAsiya Javayant QUALIFIED
Juan Q OstroskyAustraliaAmy Elsner UNQUALIFIED
Aditya V MarrierJapanAmy Elsner NEGOTIATION
Smith C MacleadUnited KingdomIvan Magalhaes NEGOTIATION
Stacey S ButtIndiaAnna Fali RENEWAL
Kaitlin B MaletGermanyStephen Shaw QUALIFIED
Isabel G CaldareraSpainAnna Fali UNQUALIFIED
Isabel R SaylorsFranceIoni Bowcher UNQUALIFIED
Morrow A NickaCanadaAmy Elsner RENEWAL
Aruna A FollerBrazilAnna Fali NEGOTIATION
Chavez I AlbaresAustraliaStephen Shaw NEW
Antonio P PaprockiBrazilOnyama Limba NEW
Ivar Q FlosiUnited KingdomStephen Shaw QUALIFIED
Murillo Y FollerUnited KingdomXuxue Feng RENEWAL
Deepesh L RutaBrazilStephen Shaw RENEWAL
Aika B GarufiSpainIvan Magalhaes RENEWAL
Izzy X DarakjyJapanIoni Bowcher NEW
Emily V KuskoBrazilBernardo Dominic NEW
Izzy C GlickGermanyOnyama Limba UNQUALIFIED
Jennifer V PerinUnited KingdomOnyama Limba NEGOTIATION
Aika A DilliardSpainXuxue Feng PROPOSAL
Darci J InouyeItalyXuxue Feng RENEWAL
Munro T RoysterJapanIoni Bowcher NEGOTIATION
Nicolas F RutaJapanXuxue Feng RENEWAL
Misaki Y GlickItalyXuxue Feng NEGOTIATION
Nicolas V GarufiItalyIvan Magalhaes RENEWAL
Smith F MaletBrazilStephen Shaw NEGOTIATION
Sinclair G PerinItalyXuxue Feng NEGOTIATION
Jennifer B StensethCanadaXuxue Feng PROPOSAL
Aika T WaycottIndiaXuxue Feng QUALIFIED
Adams Y MaletJapanOnyama Limba RENEWAL
Francesco S MacleadGermanyIvan Magalhaes PROPOSAL
Darci F MacleadCanadaOnyama Limba NEW
Misaki T RimUnited KingdomIvan Magalhaes UNQUALIFIED
Jennifer D WieserJapanAnna Fali NEW
Leja K StensethUnited KingdomIvan Magalhaes PROPOSAL
Arvin F CaldareraBrazilIoni Bowcher QUALIFIED
Juan N IturbideRussiaBernardo Dominic NEW
Mujtaba L SchemmerFranceAmy Elsner RENEWAL
Misaki A PoquetteBrazilBernardo Dominic NEGOTIATION
Jefferson V GarufiItalyBernardo Dominic PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Deepesh U SlusarskiSpainElwin Sharvill NEW
Ashley M MacleadSpainAsiya Javayant NEGOTIATION
Aruna T AmigonBrazilIvan Magalhaes PROPOSAL
Murillo H VenereGermanyOnyama Limba NEGOTIATION
Isabel Z OldroydUnited KingdomIoni Bowcher NEW
Juan I CaudyIndiaAmy Elsner NEGOTIATION
Maria T MacleadJapanAmy Elsner NEW
Silvio I WaycottGermanyXuxue Feng NEGOTIATION
Juan X RoysterRussiaAmy Elsner QUALIFIED
Smith D RulapaughGermanyElwin Sharvill RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mujtaba F SergiGermany2026-06-09King, Christopher A Esq NEGOTIATION43Amy Elsner
1001Misaki U NickaFrance2026-06-08Rousseaux, Michael Esq QUALIFIED49Anna Fali
1002Emily O WaycottJapan2026-06-07Feltz Printing Service NEW73Ivan Magalhaes
1003Francesco N MorascaArgentina2026-06-08Benton, John B Jr UNQUALIFIED25Elwin Sharvill
1004Jeanfrancois J FlosiItaly2026-06-29Feltz Printing Service QUALIFIED79Elwin Sharvill
1005Deepesh M AmigonUnited Kingdom2026-06-26Buckley Miller Wright PROPOSAL20Stephen Shaw
1006Aika J MacleadFrance2026-06-24Chanay, Jeffrey A Esq NEGOTIATION56Ivan Magalhaes
1007Antonio C FigeroaCanada2026-06-18Buckley Miller Wright QUALIFIED53Onyama Limba
1008Octavia T DoeItaly2026-06-20Rousseaux, Michael Esq NEW93Onyama Limba
1009Nicolas N SchemmerRussia2026-06-08Rousseaux, Michael Esq NEGOTIATION53Amy Elsner
1010Antonio Q IturbideGermany2026-06-18Buckley Miller Wright QUALIFIED66Ivan Magalhaes
1011Aika K FigeroaCanada2026-06-07Commercial Press NEW40Stephen Shaw
1012Aika W MaletFrance2026-06-18Feiner Bros QUALIFIED46Elwin Sharvill
1013Claire B MacleadCanada2026-06-28Morlong Associates PROPOSAL1Asiya Javayant
1014Jeanfrancois C ShinkoCanada2026-06-16Rangoni Of Florence UNQUALIFIED96Asiya Javayant
1015Ashley Z AlbaresUnited Kingdom2026-06-23King, Christopher A Esq RENEWAL61Amy Elsner
1016Isabel T CaudyBrazil2026-06-11Chemel, James L Cpa NEGOTIATION8Ivan Magalhaes
1017Salvatore P GlickCanada2026-07-02Chapman, Ross E Esq PROPOSAL18Ivan Magalhaes
1018Wickens Q DarakjyRussia2026-06-26Buckley Miller Wright NEGOTIATION92Ivan Magalhaes
1019Smith Z BologniaItaly2026-06-19Chapman, Ross E Esq NEW46Xuxue Feng
1020Jones Y AmigonArgentina2026-06-19Chanay, Jeffrey A Esq QUALIFIED58Anna Fali
1021Ricardo B ButtRussia2026-06-12Truhlar And Truhlar Attys NEGOTIATION38Stephen Shaw
1022Silvio E MorascaFrance2026-06-30Benton, John B Jr PROPOSAL29Ioni Bowcher
1023Johnson D OstroskyArgentina2026-07-01King, Christopher A Esq PROPOSAL10Asiya Javayant
1024Jefferson A FlosiBrazil2026-06-28Benton, John B Jr PROPOSAL4Xuxue Feng
1025Salvatore J StensethJapan2026-06-19Printing Dimensions UNQUALIFIED2Bernardo Dominic
1026Mujtaba T ChuiItaly2026-06-11King, Christopher A Esq PROPOSAL27Anna Fali
1027Smith L SchemmerArgentina2026-06-05Dorl, James J Esq UNQUALIFIED41Xuxue Feng
1028Emily G TollnerSpain2026-06-06Rousseaux, Michael Esq UNQUALIFIED38Onyama Limba
1029Salvatore V RimBrazil2026-06-10Truhlar And Truhlar Attys QUALIFIED34Amy Elsner
1030Chavez R RimRussia2026-06-09Rangoni Of Florence NEW27Ioni Bowcher
1031Morrow P BowleyItaly2026-07-02King, Christopher A Esq NEGOTIATION62Ioni Bowcher
1032Kaitlin Z ChuiJapan2026-06-19Chapman, Ross E Esq RENEWAL42Bernardo Dominic
1033Costa N PoquetteIndia2026-06-22Truhlar And Truhlar Attys UNQUALIFIED34Elwin Sharvill
1034Aika P FerenczArgentina2026-06-29King, Christopher A Esq RENEWAL78Stephen Shaw
1035Deepesh J CaudySpain2026-06-21Feiner Bros RENEWAL13Elwin Sharvill
1036Octavia Z ChuiBrazil2026-06-10Chemel, James L Cpa QUALIFIED89Amy Elsner
1037Cody B BriddickBrazil2026-06-23Rousseaux, Michael Esq PROPOSAL40Elwin Sharvill
1038Adams X DilliardUnited Kingdom2026-07-01Benton, John B Jr RENEWAL39Bernardo Dominic
1039Smith S FerenczBrazil2026-06-06Rousseaux, Michael Esq RENEWAL65Anna Fali
1040Julie Q StensethItaly2026-06-07Benton, John B Jr PROPOSAL39Asiya Javayant
1041Emily N StockhamGermany2026-06-07Truhlar And Truhlar Attys NEGOTIATION39Asiya Javayant
1042Maisha S IturbideJapan2026-07-04Feltz Printing Service QUALIFIED54Onyama Limba
1043Ashley H NickaGermany2026-06-17Buckley Miller Wright NEGOTIATION71Amy Elsner
1044Costa Z WhobreyBrazil2026-06-07Benton, John B Jr NEW58Ioni Bowcher
1045Deepesh Z RulapaughIndia2026-06-22Printing Dimensions NEW39Anna Fali
1046Arvin P MarrierJapan2026-06-21Rousseaux, Michael Esq UNQUALIFIED98Onyama Limba
1047Aditya C WhobreyUnited Kingdom2026-06-06Printing Dimensions RENEWAL50Asiya Javayant
1048Smith H NickaBrazil2026-06-06Chanay, Jeffrey A Esq RENEWAL86Anna Fali
1049Isabel O GlickFrance2026-06-25Morlong Associates PROPOSAL52Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Arvin A VenereUnited KingdomAsiya Javayant UNQUALIFIED
Stacey W PaprockiItalyXuxue Feng PROPOSAL
Julie A KuskoUnited KingdomOnyama Limba NEW
Murillo D NestleArgentinaAsiya Javayant QUALIFIED
Antonio M GauchoCanadaIoni Bowcher RENEWAL
Rodrigues Y AmigonFranceAnna Fali PROPOSAL
Maria K OldroydUnited KingdomIvan Magalhaes UNQUALIFIED
Jeanfrancois H MaletJapanOnyama Limba PROPOSAL
Murillo L FollerAustraliaAnna Fali PROPOSAL
Julie M RulapaughUnited KingdomBernardo Dominic PROPOSAL
Clifford Q StockhamBrazilOnyama Limba PROPOSAL
Maria D PaprockiGermanyStephen Shaw NEW
Ricardo Q NestleItalyXuxue Feng QUALIFIED
Claire R PerinGermanyStephen Shaw RENEWAL
Izzy M VenereJapanBernardo Dominic PROPOSAL
Aditya M PerinRussiaAsiya Javayant RENEWAL
Jefferson C KolmetzSpainAnna Fali NEGOTIATION
Claire Y ButtAustraliaXuxue Feng QUALIFIED
Deepesh U GillianItalyXuxue Feng RENEWAL
Deepesh Y OstroskyUnited KingdomStephen Shaw PROPOSAL
Deepesh Q BowleyAustraliaAmy Elsner RENEWAL
Darci U SlusarskiArgentinaIoni Bowcher NEGOTIATION
Alejandro Z CaudyJapanElwin Sharvill QUALIFIED
Leon C MorascaIndiaIvan Magalhaes QUALIFIED
Antonio I FollerUnited KingdomAsiya Javayant PROPOSAL
Munro H FollerItalyBernardo Dominic NEGOTIATION
Maisha G MaletAustraliaIoni Bowcher NEW
Mayumi X FigeroaRussiaIvan Magalhaes NEW
Cody U BriddickItalyAmy Elsner UNQUALIFIED
Maisha D DarakjyRussiaAsiya Javayant QUALIFIED
Stacey M DilliardBrazilIvan Magalhaes RENEWAL
Deepesh Z NestleFranceIvan Magalhaes QUALIFIED
Juan E VocelkaIndiaBernardo Dominic PROPOSAL
Maisha M PerinSpainElwin Sharvill UNQUALIFIED
Jeanfrancois X BriddickCanadaOnyama Limba PROPOSAL
Izzy S AmigonGermanyElwin Sharvill NEW
Francesco Y PoquetteArgentinaBernardo Dominic NEW
Jefferson C RutaJapanIvan Magalhaes PROPOSAL
Izzy X OstroskyArgentinaStephen Shaw RENEWAL
Murillo G RimUnited KingdomIvan Magalhaes NEGOTIATION
Antonio T ButtBrazilOnyama Limba RENEWAL
Smith Y SergiArgentinaAsiya Javayant QUALIFIED
Stacey W DoeBrazilElwin Sharvill NEW
David Q PerinArgentinaStephen Shaw NEGOTIATION
Chavez L DoeFranceXuxue Feng NEGOTIATION
Jefferson D FlosiGermanyBernardo Dominic NEGOTIATION
Rodrigues P KuskoRussiaAnna Fali PROPOSAL
Clifford A BriddickArgentinaAmy Elsner UNQUALIFIED
Munro W PoquetteGermanyBernardo Dominic UNQUALIFIED
Deepesh J GillianCanadaAmy Elsner NEW
Frozen Columns
Name
Antonio U Waycott
Greenwood A Foller
Jones D Chui
Isabel S Figeroa
Alejandro A Kolmetz
Juan F Glick
Claire J Dilliard
Deepesh V Saylors
Maisha W Oldroyd
Smith P Slusarski
Izzy K Kolmetz
Leon Y Rulapaugh
Aditya D Rulapaugh
Smith J Perin
Silvio N Stockham
Izzy C Saylors
Aditya P Flosi
Jones I Poquette
Cody K Malet
Ashley R Slusarski
Izzy O Garufi
Chavez U Chui
David N Kolmetz
Tony S Amigon
Aditya N Ferencz
Misaki W Schemmer
Ashley R Oldroyd
David O Campain
Wickens B Bowley
Jennifer E Figeroa
Mujtaba N Campain
Ashley I Malet
Maria H Oldroyd
Leon L Malet
Jennifer V Gillian
Aditya K Nicka
Sinclair Y Gillian
Leon Q Bolognia
Smith G Sergi
Chavez U Vocelka
Smith D Amigon
Deepesh P Malet
Munro I Waycott
Jones U Malet
Chavez B Gillian
Izzy H Rulapaugh
Jennifer L Stockham
Ricardo G Nestle
Silvio V Ruta
Francesco R Glick
IdCountryDate
1000Australia2026-07-03
1001India2026-06-20
1002Germany2026-06-22
1003Russia2026-07-01
1004Brazil2026-06-07
1005Spain2026-06-18
1006Canada2026-06-18
1007Italy2026-06-26
1008Germany2026-06-06
1009Australia2026-06-22
1010Russia2026-06-08
1011United Kingdom2026-07-03
1012Australia2026-06-26
1013Spain2026-07-01
1014Brazil2026-06-25
1015Germany2026-06-07
1016Germany2026-06-20
1017India2026-07-02
1018Russia2026-06-18
1019Germany2026-06-19
1020Russia2026-06-24
1021Australia2026-06-24
1022Australia2026-06-08
1023Germany2026-06-25
1024Australia2026-06-20
1025Australia2026-06-29
1026Brazil2026-07-03
1027Canada2026-06-08
1028Germany2026-06-12
1029Argentina2026-06-07
1030Russia2026-07-04
1031United Kingdom2026-07-01
1032Spain2026-06-15
1033Germany2026-06-27
1034India2026-06-27
1035Spain2026-06-17
1036Spain2026-06-26
1037United Kingdom2026-06-29
1038Australia2026-06-27
1039India2026-06-06
1040Russia2026-07-01
1041France2026-06-19
1042Australia2026-06-14
1043Australia2026-06-18
1044United Kingdom2026-06-24
1045Italy2026-06-30
1046Italy2026-07-04
1047France2026-06-08
1048India2026-06-12
1049Australia2026-06-09

On-Demand Data

NameIdCountryDate
Alejandro H Albares1000Russia2026-06-20
James R Paprocki1001India2026-06-21
Mujtaba G Slusarski1002Germany2026-06-14
Ivar D Rulapaugh1003India2026-06-05
Maisha X Caldarera1004Canada2026-06-07
Leja J Royster1005India2026-06-19
Deepesh T Tollner1006Russia2026-06-24
Alejandro R Stenseth1007United Kingdom2026-06-18
Octavia Z Rulapaugh1008Italy2026-06-19
Misaki U Dilliard1009United Kingdom2026-06-19
Octavia S Inouye1010Canada2026-06-15
Jennifer E Amigon1011Russia2026-07-03
Mujtaba D Royster1012Russia2026-06-30
Leja I Glick1013Argentina2026-06-26
Antonio O Kusko1014Russia2026-06-12
Jennifer W Tollner1015Japan2026-06-11
Antonio U Foller1016Canada2026-06-17
Ivar X Stockham1017Italy2026-06-05
Emily Y Sergi1018Italy2026-06-18
Francesco P Whobrey1019Japan2026-06-10
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Costa I KuskoGermanyOnyama Limba NEW
Maisha P GarufiItalyAnna Fali UNQUALIFIED
Antonio K ChuiFranceAmy Elsner NEGOTIATION
Francesco G FigeroaRussiaOnyama Limba UNQUALIFIED
Francesco V NickaGermanyElwin Sharvill NEW
Maria J MarrierRussiaXuxue Feng NEW
Tony J WaycottRussiaIvan Magalhaes UNQUALIFIED
Izzy S KolmetzArgentinaOnyama Limba NEGOTIATION
Francesco L CaldareraSpainXuxue Feng RENEWAL
Sinclair P RutaItalyAmy Elsner NEGOTIATION
Nicolas A InouyeFranceIvan Magalhaes QUALIFIED
Misaki U DoeCanadaElwin Sharvill UNQUALIFIED
Arvin D FlosiItalyIoni Bowcher RENEWAL
Costa V BowleyRussiaIoni Bowcher PROPOSAL
Deepesh S MaletSpainAmy Elsner QUALIFIED
Johnson O BowleyItalyOnyama Limba QUALIFIED
Wickens T FlosiSpainStephen Shaw UNQUALIFIED
Isabel I RulapaughAustraliaIvan Magalhaes QUALIFIED
Julie P NestleFranceOnyama Limba NEW
Maisha N KolmetzArgentinaOnyama Limba PROPOSAL
Morrow N WieserAustraliaAnna Fali NEW
Deepesh C FerenczJapanElwin Sharvill NEW
Mayumi N MaletJapanOnyama Limba PROPOSAL
Izzy S PoquetteFranceStephen Shaw RENEWAL
Ashley A KolmetzArgentinaIoni Bowcher QUALIFIED
Munro T GillianSpainXuxue Feng RENEWAL
Alejandro A RulapaughRussiaOnyama Limba NEGOTIATION
Rodrigues X RutaRussiaElwin Sharvill NEGOTIATION
Murillo G SlusarskiUnited KingdomIvan Magalhaes QUALIFIED
Murillo N PaprockiCanadaAnna Fali PROPOSAL
Octavia S AmigonCanadaAsiya Javayant NEW
Jefferson F AmigonRussiaStephen Shaw PROPOSAL
Murillo F NickaAustraliaElwin Sharvill UNQUALIFIED
Chavez M VocelkaSpainAnna Fali PROPOSAL
Aika D GlickFranceAnna Fali NEGOTIATION
Francesco L PerinJapanIvan Magalhaes QUALIFIED
Aditya U KuskoIndiaAmy Elsner NEW
Kadeem F DilliardBrazilStephen Shaw RENEWAL
Tony H BologniaItalyAmy Elsner PROPOSAL
Rodrigues Q InouyeArgentinaAnna 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>