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
Silvio V PerinArgentinaStephen Shaw RENEWAL
Claire G DoeRussiaOnyama Limba QUALIFIED
Arvin X GarufiItalyBernardo Dominic NEW
Kaitlin B BriddickUnited KingdomAmy Elsner UNQUALIFIED
Francesco I MaletSpainAnna Fali QUALIFIED
Aruna Z SchemmerIndiaOnyama Limba NEW
Johnson H KuskoAustraliaIoni Bowcher NEGOTIATION
Jennifer M VenereGermanyXuxue Feng NEW
David C AlbaresRussiaOnyama Limba RENEWAL
Clifford L FlosiFranceIoni Bowcher QUALIFIED
Ricardo G MaletFranceIoni Bowcher PROPOSAL
Claire F MacleadBrazilIvan Magalhaes NEGOTIATION
Aika B NestleSpainXuxue Feng UNQUALIFIED
Adams F OstroskySpainXuxue Feng NEW
Adams S StensethGermanyAmy Elsner UNQUALIFIED
Octavia B BowleyFranceBernardo Dominic RENEWAL
Claire W CampainJapanAnna Fali PROPOSAL
Jones T SaylorsSpainOnyama Limba PROPOSAL
Johnson L OstroskyRussiaStephen Shaw NEW
Maisha T KuskoArgentinaAnna Fali QUALIFIED
Leon R FerenczSpainStephen Shaw NEW
Sinclair G WhobreyItalyBernardo Dominic QUALIFIED
Smith B SlusarskiFranceOnyama Limba UNQUALIFIED
Alejandro A TollnerUnited KingdomAnna Fali RENEWAL
Misaki Y SergiSpainAmy Elsner NEGOTIATION
David Y BriddickSpainAnna Fali PROPOSAL
Misaki F GauchoItalyStephen Shaw PROPOSAL
Izzy S MacleadSpainAnna Fali RENEWAL
Nicolas W FigeroaCanadaStephen Shaw NEW
Nicolas H RulapaughJapanOnyama Limba NEGOTIATION
Alejandro A DarakjyAustraliaAmy Elsner PROPOSAL
Alejandro R CampainIndiaIoni Bowcher RENEWAL
Jeanfrancois R InouyeGermanyOnyama Limba UNQUALIFIED
Adams J ButtGermanyBernardo Dominic UNQUALIFIED
Isabel E DilliardArgentinaElwin Sharvill NEW
Mayumi S MaletJapanBernardo Dominic RENEWAL
Juan J StensethSpainAnna Fali QUALIFIED
Silvio S MaletAustraliaIoni Bowcher PROPOSAL
Darci K DarakjyArgentinaBernardo Dominic QUALIFIED
Leja V SaylorsRussiaStephen Shaw NEGOTIATION
Ivar V RutaGermanyBernardo Dominic RENEWAL
Ashley O RulapaughRussiaStephen Shaw QUALIFIED
Aditya X ButtFranceBernardo Dominic PROPOSAL
David G DilliardCanadaAnna Fali QUALIFIED
Faith U ButtBrazilAmy Elsner QUALIFIED
Salvatore R FollerGermanyXuxue Feng NEW
Smith J KuskoIndiaBernardo Dominic NEW
Emily S GillianRussiaIoni Bowcher NEW
Jones A DilliardAustraliaIvan Magalhaes PROPOSAL
Leon M MorascaUnited KingdomXuxue Feng UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Antonio C OstroskyFranceOnyama Limba QUALIFIED
Aika G FigeroaAustraliaElwin Sharvill RENEWAL
Stacey Y PaprockiBrazilAnna Fali NEW
Deepesh N SergiItalyAsiya Javayant PROPOSAL
Aika Z GillianFranceStephen Shaw UNQUALIFIED
Johnson W MaletRussiaStephen Shaw RENEWAL
Alejandro V WieserItalyIoni Bowcher NEW
Alejandro Y NestleUnited KingdomIoni Bowcher PROPOSAL
Jefferson W NestleIndiaElwin Sharvill QUALIFIED
Julie Y FollerItalyAnna Fali UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000James W GarufiCanada2025-04-09Morlong Associates NEGOTIATION3Xuxue Feng
1001Silvio Z RimFrance2025-04-20Chanay, Jeffrey A Esq NEGOTIATION61Onyama Limba
1002Rodrigues L AlbaresItaly2025-04-22Commercial Press NEW12Onyama Limba
1003Adams V FlosiUnited Kingdom2025-04-04Buckley Miller Wright QUALIFIED94Amy Elsner
1004Darci G BowleyGermany2025-04-25Truhlar And Truhlar Attys NEW88Bernardo Dominic
1005Izzy H CampainAustralia2025-04-17Morlong Associates NEGOTIATION89Ivan Magalhaes
1006Leon O FollerIndia2025-04-11Buckley Miller Wright RENEWAL11Amy Elsner
1007Chavez F KuskoGermany2025-04-09Buckley Miller Wright QUALIFIED76Asiya Javayant
1008Deepesh E BowleyGermany2025-04-10King, Christopher A Esq PROPOSAL98Elwin Sharvill
1009Ashley W NickaUnited Kingdom2025-04-15Feiner Bros QUALIFIED87Asiya Javayant
1010Kadeem M KuskoBrazil2025-04-22Dorl, James J Esq NEW12Ivan Magalhaes
1011Misaki M GillianArgentina2025-04-06Printing Dimensions NEW16Amy Elsner
1012Juan A SchemmerRussia2025-04-29Feiner Bros RENEWAL66Asiya Javayant
1013Ricardo X SaylorsAustralia2025-04-12Chemel, James L Cpa RENEWAL61Amy Elsner
1014Kaitlin K InouyeIndia2025-04-16King, Christopher A Esq NEW97Anna Fali
1015Faith M KolmetzJapan2025-04-06Buckley Miller Wright NEW70Elwin Sharvill
1016Chavez H TollnerCanada2025-04-09Chemel, James L Cpa NEGOTIATION87Amy Elsner
1017Tony H SaylorsRussia2025-04-19King, Christopher A Esq NEGOTIATION36Onyama Limba
1018Munro H RulapaughAustralia2025-04-25Morlong Associates PROPOSAL40Stephen Shaw
1019Juan P DilliardItaly2025-04-27King, Christopher A Esq RENEWAL99Ivan Magalhaes
1020Adams S SchemmerFrance2025-04-01Buckley Miller Wright RENEWAL73Ivan Magalhaes
1021Kadeem P RoysterUnited Kingdom2025-04-28Rousseaux, Michael Esq NEGOTIATION62Ioni Bowcher
1022Clifford Z OstroskyItaly2025-04-03Benton, John B Jr NEGOTIATION53Ioni Bowcher
1023Izzy Q CaudyRussia2025-04-03Chanay, Jeffrey A Esq QUALIFIED28Xuxue Feng
1024Cody B MaletIndia2025-04-30Benton, John B Jr QUALIFIED97Ioni Bowcher
1025Claire K MorascaSpain2025-04-17Chemel, James L Cpa QUALIFIED93Stephen Shaw
1026Jones W FlosiArgentina2025-04-15Morlong Associates QUALIFIED23Onyama Limba
1027Murillo W PoquetteIndia2025-04-14Morlong Associates NEGOTIATION19Asiya Javayant
1028Aditya K RutaUnited Kingdom2025-04-06Dorl, James J Esq NEGOTIATION26Anna Fali
1029Adams T BologniaAustralia2025-04-22Morlong Associates NEW78Anna Fali
1030Salvatore R DilliardJapan2025-04-27Chanay, Jeffrey A Esq PROPOSAL36Stephen Shaw
1031Nicolas G BologniaJapan2025-04-03Printing Dimensions QUALIFIED19Anna Fali
1032Ricardo S ChuiJapan2025-04-09King, Christopher A Esq UNQUALIFIED47Ioni Bowcher
1033Smith Z GauchoSpain2025-04-13Rangoni Of Florence RENEWAL63Onyama Limba
1034Jeanfrancois N WaycottAustralia2025-04-07Morlong Associates PROPOSAL13Ivan Magalhaes
1035Arvin Z RutaItaly2025-04-19Feiner Bros UNQUALIFIED70Amy Elsner
1036Stacey W PoquetteAustralia2025-04-15Printing Dimensions QUALIFIED77Ioni Bowcher
1037Cody R RulapaughAustralia2025-04-29Feiner Bros QUALIFIED72Stephen Shaw
1038Alejandro F InouyeIndia2025-04-22Chanay, Jeffrey A Esq PROPOSAL72Xuxue Feng
1039Greenwood Z StensethGermany2025-04-18Rangoni Of Florence QUALIFIED36Ioni Bowcher
1040Costa P MacleadFrance2025-04-04Truhlar And Truhlar Attys NEW14Xuxue Feng
1041Tony R OstroskyUnited Kingdom2025-04-16Morlong Associates RENEWAL19Anna Fali
1042Darci C InouyeArgentina2025-04-05Printing Dimensions NEW71Stephen Shaw
1043Munro V StensethItaly2025-04-25Chemel, James L Cpa QUALIFIED96Elwin Sharvill
1044Munro E StockhamRussia2025-04-15Feiner Bros RENEWAL56Amy Elsner
1045Julie J AmigonCanada2025-04-24Chanay, Jeffrey A Esq PROPOSAL14Asiya Javayant
1046Antonio J CampainItaly2025-04-04Chemel, James L Cpa PROPOSAL13Asiya Javayant
1047Francesco Z FlosiFrance2025-04-29Chanay, Jeffrey A Esq QUALIFIED10Elwin Sharvill
1048Munro V SchemmerBrazil2025-04-03Buckley Miller Wright NEW61Ivan Magalhaes
1049Ivar B BriddickArgentina2025-04-02Buckley Miller Wright RENEWAL24Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Greenwood N CaldareraItalyBernardo Dominic RENEWAL
Silvio X RoysterUnited KingdomBernardo Dominic RENEWAL
Julie J GarufiIndiaElwin Sharvill NEGOTIATION
Emily U KuskoFranceXuxue Feng PROPOSAL
Leon T OldroydArgentinaElwin Sharvill NEW
Kaitlin O StockhamRussiaAnna Fali RENEWAL
Leon J KuskoGermanyBernardo Dominic PROPOSAL
Johnson V PoquetteUnited KingdomBernardo Dominic PROPOSAL
Jefferson W OldroydItalyIvan Magalhaes NEGOTIATION
Murillo P RutaGermanyStephen Shaw NEGOTIATION
Salvatore O MaletJapanOnyama Limba UNQUALIFIED
Darci L FlosiUnited KingdomElwin Sharvill UNQUALIFIED
Sinclair Y GlickJapanAsiya Javayant QUALIFIED
Ivar Q DilliardBrazilStephen Shaw NEGOTIATION
Silvio N MorascaArgentinaBernardo Dominic NEW
Alejandro N ChuiFranceAsiya Javayant PROPOSAL
Wickens H IturbideGermanyBernardo Dominic NEGOTIATION
James L WhobreySpainIoni Bowcher NEW
Aika F FigeroaItalyXuxue Feng NEGOTIATION
Jefferson N SergiUnited KingdomIvan Magalhaes NEW
Silvio G PoquetteGermanyAnna Fali PROPOSAL
Emily B CaldareraAustraliaIoni Bowcher UNQUALIFIED
Ricardo Y BologniaArgentinaAnna Fali QUALIFIED
Jefferson H DilliardJapanOnyama Limba NEW
Izzy N PoquetteItalyAmy Elsner RENEWAL
Rodrigues W DilliardAustraliaBernardo Dominic QUALIFIED
Nicolas T OldroydArgentinaElwin Sharvill UNQUALIFIED
Mayumi W WaycottJapanIvan Magalhaes QUALIFIED
Adams X MaletBrazilElwin Sharvill RENEWAL
Mayumi T RoysterCanadaIvan Magalhaes PROPOSAL
Nicolas L RutaCanadaAnna Fali RENEWAL
Faith L AlbaresItalyOnyama Limba UNQUALIFIED
Izzy O StockhamAustraliaIvan Magalhaes QUALIFIED
Isabel I BriddickIndiaOnyama Limba UNQUALIFIED
Aruna Q CaudySpainXuxue Feng PROPOSAL
Murillo L SergiJapanAmy Elsner QUALIFIED
Faith Y GauchoRussiaXuxue Feng NEW
Ivar J WaycottBrazilAnna Fali NEGOTIATION
Adams X KolmetzItalyIvan Magalhaes QUALIFIED
Jennifer L DarakjyGermanyElwin Sharvill PROPOSAL
Murillo A VenereJapanStephen Shaw NEGOTIATION
Leja Y GillianItalyAsiya Javayant PROPOSAL
Jennifer S PerinBrazilIoni Bowcher UNQUALIFIED
Smith S GlickArgentinaBernardo Dominic RENEWAL
Munro H CaudyIndiaIoni Bowcher UNQUALIFIED
Silvio T FerenczIndiaIoni Bowcher RENEWAL
Alejandro J VenereSpainStephen Shaw QUALIFIED
Faith F MarrierCanadaElwin Sharvill NEGOTIATION
Nicolas E MarrierJapanOnyama Limba NEW
Jones C PoquetteRussiaIoni Bowcher NEW
Frozen Columns
Name
Faith E Nicka
Ashley B Flosi
Smith T Waycott
Costa H Foller
Johnson W Chui
Leon T Garufi
Clifford E Albares
Costa M Royster
Antonio M Tollner
Munro D Kolmetz
Cody W Marrier
Darci X Sergi
Faith L Campain
Faith Q Maclead
Misaki N Inouye
Salvatore D Perin
Alejandro U Briddick
Kaitlin Y Dilliard
Munro Z Foller
Leja W Foller
Claire V Ostrosky
Wickens X Ferencz
Jefferson I Perin
Jennifer Q Ostrosky
Morrow L Stenseth
Leja W Vocelka
Aika P Oldroyd
Ricardo X Royster
Stacey M Stenseth
Greenwood B Whobrey
Smith O Inouye
Alejandro O Darakjy
Ricardo G Kusko
Smith P Chui
Jeanfrancois E Rim
Smith S Oldroyd
Ivar N Figeroa
Cody D Whobrey
Juan B Dilliard
Emily F Ferencz
Claire F Malet
Morrow E Sergi
Adams U Kusko
Claire U Nestle
Julie J Tollner
Darci A Nicka
Jeanfrancois F Gaucho
Sinclair Z Marrier
Isabel M Waycott
Silvio I Chui
IdCountryDate
1000Argentina2025-04-24
1001Japan2025-04-29
1002Spain2025-04-28
1003Canada2025-04-07
1004Canada2025-04-09
1005Argentina2025-04-24
1006Argentina2025-04-07
1007United Kingdom2025-04-18
1008Italy2025-04-25
1009Spain2025-04-17
1010Australia2025-04-19
1011United Kingdom2025-04-24
1012Canada2025-04-15
1013Australia2025-04-29
1014France2025-04-07
1015Argentina2025-04-18
1016France2025-04-12
1017Germany2025-04-17
1018Russia2025-04-05
1019Germany2025-04-09
1020United Kingdom2025-04-11
1021Germany2025-04-03
1022Canada2025-04-20
1023Italy2025-04-24
1024Australia2025-04-18
1025Spain2025-04-10
1026India2025-04-25
1027Spain2025-04-09
1028Spain2025-04-15
1029Germany2025-04-14
1030Spain2025-04-02
1031France2025-04-05
1032Italy2025-04-30
1033Australia2025-04-18
1034Italy2025-04-24
1035Spain2025-04-21
1036Australia2025-04-23
1037Russia2025-04-28
1038Australia2025-04-27
1039Brazil2025-04-19
1040Brazil2025-04-04
1041Germany2025-04-08
1042Russia2025-04-25
1043France2025-04-05
1044Brazil2025-04-20
1045United Kingdom2025-04-15
1046Spain2025-04-15
1047United Kingdom2025-04-29
1048Australia2025-04-08
1049India2025-04-09

On-Demand Data

NameIdCountryDate
Deepesh C Glick1000Spain2025-04-02
Claire X Albares1001Brazil2025-04-24
Costa P Stockham1002Spain2025-04-10
Ricardo N Poquette1003Spain2025-04-20
Stacey C Rim1004Italy2025-04-03
James K Rim1005India2025-04-09
Deepesh Z Amigon1006Canada2025-04-16
David K Kusko1007Japan2025-04-01
Maria Y Gillian1008India2025-04-08
Octavia G Perin1009Spain2025-04-23
Ricardo E Venere1010France2025-04-22
Cody R Bolognia1011Russia2025-04-17
Rodrigues Q Rulapaugh1012France2025-04-24
Murillo T Dilliard1013United Kingdom2025-04-19
Jennifer T Sergi1014Brazil2025-04-06
Munro E Bowley1015Japan2025-04-18
Aruna O Dilliard1016Italy2025-04-17
Aika M Kusko1017Argentina2025-04-12
David G Gaucho1018United Kingdom2025-04-13
Jeanfrancois H Figeroa1019Germany2025-04-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Faith Y MarrierBrazilAnna Fali QUALIFIED
Nicolas G BriddickRussiaIoni Bowcher PROPOSAL
Jennifer V SlusarskiJapanIoni Bowcher RENEWAL
Aruna X SaylorsBrazilAsiya Javayant QUALIFIED
Ashley N FlosiFranceIvan Magalhaes PROPOSAL
Antonio K SlusarskiAustraliaAnna Fali NEW
Jefferson E OstroskySpainXuxue Feng RENEWAL
Leja Q SlusarskiArgentinaElwin Sharvill NEW
Jeanfrancois U InouyeUnited KingdomOnyama Limba UNQUALIFIED
Emily J GarufiBrazilElwin Sharvill RENEWAL
Stacey W DoeFranceXuxue Feng NEW
Julie V NestleSpainIoni Bowcher PROPOSAL
Leon S SergiBrazilStephen Shaw NEGOTIATION
Misaki J FigeroaSpainStephen Shaw QUALIFIED
Mujtaba V OldroydAustraliaElwin Sharvill NEW
Faith M TollnerSpainXuxue Feng NEW
Ashley R BologniaArgentinaAnna Fali RENEWAL
Darci G PaprockiItalyXuxue Feng NEW
Morrow W FlosiArgentinaAsiya Javayant PROPOSAL
David F AmigonFranceAnna Fali RENEWAL
Wickens T DilliardBrazilAsiya Javayant NEGOTIATION
Nicolas Z GillianItalyIoni Bowcher PROPOSAL
Mayumi S WaycottGermanyXuxue Feng RENEWAL
Stacey F IturbideArgentinaStephen Shaw NEGOTIATION
Aruna D RulapaughArgentinaAsiya Javayant NEW
Clifford T FlosiBrazilIoni Bowcher RENEWAL
Juan A PoquetteJapanOnyama Limba UNQUALIFIED
Darci B KuskoIndiaIoni Bowcher QUALIFIED
Rodrigues L DoeIndiaIvan Magalhaes UNQUALIFIED
Mujtaba R RimFranceStephen Shaw RENEWAL
Mayumi Z MarrierSpainElwin Sharvill PROPOSAL
Izzy F CampainAustraliaAmy Elsner QUALIFIED
Munro N AlbaresAustraliaAsiya Javayant RENEWAL
Juan D OstroskyFranceIoni Bowcher QUALIFIED
Jennifer Q CaldareraBrazilIvan Magalhaes UNQUALIFIED
Darci W WaycottUnited KingdomXuxue Feng UNQUALIFIED
Maria D PoquetteRussiaAnna Fali UNQUALIFIED
Jones N RutaSpainAsiya Javayant RENEWAL
Clifford A PoquetteIndiaAsiya Javayant NEW
Jeanfrancois B NickaSpainIoni Bowcher PROPOSAL

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