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
Claire P GillianUnited KingdomOnyama Limba PROPOSAL
Rodrigues A FollerBrazilBernardo Dominic PROPOSAL
Maria L GlickIndiaAmy Elsner RENEWAL
Mujtaba W GlickItalyStephen Shaw RENEWAL
Costa J FollerItalyXuxue Feng UNQUALIFIED
Faith A PerinIndiaIoni Bowcher QUALIFIED
Jennifer W BologniaUnited KingdomXuxue Feng QUALIFIED
Smith K IturbideArgentinaAmy Elsner NEW
Maria D SergiGermanyAnna Fali PROPOSAL
Izzy S KuskoAustraliaIoni Bowcher RENEWAL
Morrow F ShinkoCanadaStephen Shaw NEGOTIATION
Clifford R WhobreyJapanAmy Elsner NEW
Ashley U IturbideItalyStephen Shaw PROPOSAL
Isabel X GauchoItalyIvan Magalhaes RENEWAL
Alejandro G ShinkoRussiaElwin Sharvill UNQUALIFIED
Ricardo K GauchoFranceIvan Magalhaes UNQUALIFIED
Julie F CaudySpainXuxue Feng RENEWAL
Tony B StockhamArgentinaBernardo Dominic QUALIFIED
Maria M DilliardJapanStephen Shaw NEW
Faith N OldroydAustraliaXuxue Feng UNQUALIFIED
Faith R SlusarskiItalyBernardo Dominic NEW
Ricardo V RimItalyIvan Magalhaes UNQUALIFIED
Emily X PoquetteAustraliaXuxue Feng PROPOSAL
Silvio V GlickUnited KingdomIvan Magalhaes UNQUALIFIED
Greenwood K RimAustraliaElwin Sharvill RENEWAL
Aruna S CaldareraGermanyXuxue Feng QUALIFIED
Salvatore Z MaletCanadaAsiya Javayant NEGOTIATION
Faith C PoquetteFranceIoni Bowcher UNQUALIFIED
Leon H StensethRussiaAnna Fali QUALIFIED
Mujtaba J GillianFranceIvan Magalhaes PROPOSAL
Alejandro L FerenczSpainAnna Fali UNQUALIFIED
Aruna T SergiFranceAmy Elsner NEW
Johnson R KuskoCanadaBernardo Dominic NEGOTIATION
Claire H MorascaJapanAmy Elsner NEW
Clifford K BriddickJapanStephen Shaw UNQUALIFIED
Jennifer P AmigonJapanXuxue Feng NEW
Francesco Q MacleadSpainIvan Magalhaes NEGOTIATION
Costa Y KolmetzArgentinaIoni Bowcher UNQUALIFIED
Sinclair K MacleadBrazilAnna Fali NEW
Murillo E ChuiBrazilXuxue Feng RENEWAL
Maria H PoquetteFranceOnyama Limba RENEWAL
Sinclair H RutaBrazilBernardo Dominic NEW
Johnson Y ChuiSpainBernardo Dominic NEW
Smith L AmigonJapanIoni Bowcher UNQUALIFIED
Chavez R GauchoItalyIoni Bowcher PROPOSAL
Maisha Q MacleadBrazilStephen Shaw RENEWAL
Johnson T KuskoUnited KingdomOnyama Limba QUALIFIED
Octavia W StockhamItalyIvan Magalhaes RENEWAL
Morrow D MarrierItalyAsiya Javayant RENEWAL
Julie M BriddickBrazilXuxue Feng PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Stacey Y RulapaughFranceIoni Bowcher RENEWAL
Clifford K SaylorsIndiaStephen Shaw NEGOTIATION
Maria O BologniaCanadaStephen Shaw QUALIFIED
Aruna B PerinGermanyIvan Magalhaes UNQUALIFIED
David I GlickArgentinaOnyama Limba RENEWAL
Leja N DilliardSpainAmy Elsner UNQUALIFIED
Mayumi O VenereIndiaBernardo Dominic NEGOTIATION
Ashley R CaudyRussiaXuxue Feng RENEWAL
Izzy T FigeroaUnited KingdomIvan Magalhaes UNQUALIFIED
Alejandro L WaycottBrazilIvan Magalhaes PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Mayumi N PoquetteAustralia2024-09-01Printing Dimensions UNQUALIFIED11Ioni Bowcher
1001Izzy B StockhamItaly2024-09-21Morlong Associates NEGOTIATION59Stephen Shaw
1002Faith S MaletJapan2024-09-18Rangoni Of Florence NEW5Elwin Sharvill
1003Ricardo W DilliardJapan2024-09-16Feltz Printing Service UNQUALIFIED77Stephen Shaw
1004Nicolas V NestleAustralia2024-09-03Chapman, Ross E Esq UNQUALIFIED47Stephen Shaw
1005Claire T WieserCanada2024-09-20Truhlar And Truhlar Attys RENEWAL71Bernardo Dominic
1006James P CaldareraRussia2024-09-16Morlong Associates NEGOTIATION2Ivan Magalhaes
1007Faith V FerenczJapan2024-09-02Buckley Miller Wright UNQUALIFIED91Onyama Limba
1008Claire D KuskoBrazil2024-09-23King, Christopher A Esq PROPOSAL86Ioni Bowcher
1009James X FigeroaSpain2024-08-29Rousseaux, Michael Esq NEGOTIATION87Bernardo Dominic
1010Maisha B OstroskyAustralia2024-09-06Chemel, James L Cpa NEW56Amy Elsner
1011Faith X SergiCanada2024-08-30Buckley Miller Wright QUALIFIED84Stephen Shaw
1012Stacey Q ButtJapan2024-09-20Chapman, Ross E Esq PROPOSAL80Ivan Magalhaes
1013Juan G SchemmerUnited Kingdom2024-09-24Chapman, Ross E Esq NEGOTIATION38Ioni Bowcher
1014Antonio E OstroskyItaly2024-09-25Feiner Bros UNQUALIFIED75Stephen Shaw
1015Isabel H StockhamArgentina2024-09-24Morlong Associates UNQUALIFIED12Bernardo Dominic
1016Leon D DilliardSpain2024-09-07Buckley Miller Wright UNQUALIFIED62Xuxue Feng
1017Jennifer Z BriddickUnited Kingdom2024-08-29Chapman, Ross E Esq RENEWAL32Elwin Sharvill
1018Isabel C RulapaughFrance2024-09-16King, Christopher A Esq NEGOTIATION91Elwin Sharvill
1019Ashley S PerinRussia2024-09-21Feiner Bros RENEWAL2Anna Fali
1020Rodrigues N RutaIndia2024-09-22Printing Dimensions NEGOTIATION13Ioni Bowcher
1021Munro Z BologniaBrazil2024-09-02Chanay, Jeffrey A Esq UNQUALIFIED58Bernardo Dominic
1022Kadeem M RutaSpain2024-09-12Rousseaux, Michael Esq PROPOSAL20Bernardo Dominic
1023Jones V SaylorsIndia2024-08-28Feltz Printing Service NEGOTIATION23Asiya Javayant
1024Aruna V PaprockiSpain2024-09-07Printing Dimensions PROPOSAL26Elwin Sharvill
1025Darci O NestleCanada2024-09-10Morlong Associates PROPOSAL60Onyama Limba
1026Stacey G RimIndia2024-08-27Chemel, James L Cpa NEW4Onyama Limba
1027Isabel Z InouyeArgentina2024-09-08Dorl, James J Esq QUALIFIED42Bernardo Dominic
1028Stacey C MaletItaly2024-09-12Dorl, James J Esq UNQUALIFIED83Bernardo Dominic
1029Faith V FlosiAustralia2024-09-09King, Christopher A Esq UNQUALIFIED78Onyama Limba
1030Aika Y MaletArgentina2024-09-20Morlong Associates NEW54Asiya Javayant
1031Johnson G ChuiRussia2024-09-05Rangoni Of Florence PROPOSAL34Elwin Sharvill
1032Wickens T FigeroaUnited Kingdom2024-09-16Feltz Printing Service UNQUALIFIED63Amy Elsner
1033Ashley Y MarrierGermany2024-09-21Buckley Miller Wright NEGOTIATION37Elwin Sharvill
1034Jeanfrancois U DoeArgentina2024-09-03Truhlar And Truhlar Attys UNQUALIFIED61Ivan Magalhaes
1035Salvatore Y MaletCanada2024-08-29Truhlar And Truhlar Attys NEW86Ivan Magalhaes
1036Tony A GlickGermany2024-09-07Chanay, Jeffrey A Esq PROPOSAL17Onyama Limba
1037Kadeem R RulapaughAustralia2024-09-15Truhlar And Truhlar Attys NEW75Bernardo Dominic
1038Tony J FollerSpain2024-08-30Buckley Miller Wright RENEWAL93Amy Elsner
1039Chavez X FlosiItaly2024-09-10Buckley Miller Wright PROPOSAL26Ioni Bowcher
1040Ricardo D ShinkoRussia2024-09-11Benton, John B Jr NEW75Amy Elsner
1041Sinclair Q WhobreyItaly2024-09-03Morlong Associates UNQUALIFIED65Stephen Shaw
1042Darci D GauchoItaly2024-08-28Rousseaux, Michael Esq NEW83Anna Fali
1043Ivar Y NestleSpain2024-09-06Chemel, James L Cpa NEW44Stephen Shaw
1044Kadeem W BriddickUnited Kingdom2024-08-31Rangoni Of Florence NEW71Anna Fali
1045Smith T AlbaresUnited Kingdom2024-09-15Printing Dimensions NEGOTIATION87Stephen Shaw
1046Emily I CampainIndia2024-09-15Morlong Associates NEW72Asiya Javayant
1047Mayumi J MaletJapan2024-09-06Commercial Press NEW26Amy Elsner
1048Stacey F SlusarskiJapan2024-09-16Chapman, Ross E Esq RENEWAL68Asiya Javayant
1049Juan N NestleGermany2024-09-11Feiner Bros PROPOSAL94Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Isabel Z DilliardIndiaAmy Elsner NEW
Jeanfrancois G FigeroaUnited KingdomAnna Fali QUALIFIED
Stacey H FollerAustraliaAnna Fali NEW
Deepesh Q InouyeJapanAmy Elsner PROPOSAL
Costa C SlusarskiUnited KingdomOnyama Limba NEGOTIATION
Ivar D GarufiCanadaOnyama Limba NEGOTIATION
Emily D AlbaresIndiaElwin Sharvill NEGOTIATION
Juan A SergiCanadaAmy Elsner PROPOSAL
Ivar M RoysterCanadaXuxue Feng NEGOTIATION
Salvatore W VenereGermanyBernardo Dominic PROPOSAL
Emily I GarufiAustraliaIvan Magalhaes NEW
Chavez L GlickItalyBernardo Dominic RENEWAL
Leja V WaycottArgentinaIoni Bowcher QUALIFIED
Mujtaba H StockhamJapanIvan Magalhaes UNQUALIFIED
Alejandro M GillianUnited KingdomAmy Elsner UNQUALIFIED
Clifford E DilliardItalyBernardo Dominic NEW
Aruna T SaylorsRussiaAsiya Javayant NEGOTIATION
Misaki Q RulapaughJapanIvan Magalhaes NEW
Kaitlin H GauchoIndiaAnna Fali PROPOSAL
Salvatore L SlusarskiGermanyIvan Magalhaes UNQUALIFIED
Misaki N KolmetzArgentinaXuxue Feng RENEWAL
Johnson Q ButtIndiaXuxue Feng QUALIFIED
Ashley X IturbideArgentinaIvan Magalhaes PROPOSAL
Mayumi X SchemmerAustraliaAnna Fali NEGOTIATION
Jones F NickaFranceBernardo Dominic NEW
Ricardo Z DilliardIndiaBernardo Dominic NEGOTIATION
Alejandro I MaletGermanyIoni Bowcher NEW
Cody X PoquetteAustraliaStephen Shaw PROPOSAL
Jefferson G NickaGermanyBernardo Dominic QUALIFIED
Tony T FerenczIndiaIoni Bowcher UNQUALIFIED
Alejandro B MacleadGermanyStephen Shaw NEGOTIATION
Chavez W RulapaughIndiaOnyama Limba UNQUALIFIED
Aruna N CaudyItalyIoni Bowcher NEW
Nicolas E VenereRussiaBernardo Dominic PROPOSAL
Salvatore A ShinkoSpainAsiya Javayant QUALIFIED
Ricardo X MorascaGermanyIvan Magalhaes QUALIFIED
Arvin J StockhamBrazilElwin Sharvill RENEWAL
Misaki I TollnerJapanIoni Bowcher NEGOTIATION
Tony G GarufiFranceStephen Shaw NEGOTIATION
Silvio S GillianArgentinaAmy Elsner NEGOTIATION
James P SergiRussiaXuxue Feng UNQUALIFIED
Adams X DarakjyArgentinaAsiya Javayant UNQUALIFIED
Francesco V FollerJapanElwin Sharvill QUALIFIED
Arvin Q TollnerCanadaOnyama Limba NEGOTIATION
Alejandro V PoquetteUnited KingdomIvan Magalhaes UNQUALIFIED
Murillo C RimItalyStephen Shaw UNQUALIFIED
Misaki U PoquetteGermanyIoni Bowcher PROPOSAL
Morrow D MaletCanadaIoni Bowcher NEGOTIATION
Costa S ShinkoIndiaAsiya Javayant RENEWAL
Mujtaba T KolmetzArgentinaAnna Fali QUALIFIED
Frozen Columns
Name
Mayumi K Poquette
Ashley L Marrier
James Q Dilliard
Mayumi M Vocelka
Leon K Ferencz
Jefferson C Garufi
Ivar W Caldarera
Munro Y Kolmetz
Sinclair O Caudy
Cody V Ostrosky
Munro Z Stockham
Claire G Briddick
Emily O Glick
Juan R Bowley
Salvatore B Glick
Costa N Bowley
Leja H Gillian
Francesco C Ostrosky
Isabel N Waycott
Aika Q Royster
Aruna K Schemmer
Aruna T Rim
Costa U Malet
Salvatore C Bolognia
Darci T Nestle
Izzy J Royster
Johnson X Gaucho
Clifford G Bolognia
Jeanfrancois N Kolmetz
Munro A Saylors
Costa M Glick
David D Slusarski
James N Gillian
Cody N Butt
Leja A Stockham
Darci A Bolognia
Aruna D Kusko
Antonio H Inouye
Maisha R Darakjy
Deepesh J Gillian
Claire H Malet
Jeanfrancois J Foller
Leja S Butt
Leja I Whobrey
Rodrigues E Royster
Smith I Inouye
Clifford F Stockham
Julie Z Stenseth
Murillo O Malet
Ivar D Caudy
IdCountryDate
1000Germany2024-09-19
1001Spain2024-09-11
1002Canada2024-09-06
1003India2024-09-05
1004Canada2024-09-03
1005Argentina2024-09-01
1006India2024-09-09
1007Germany2024-09-24
1008Germany2024-09-17
1009Australia2024-09-24
1010Germany2024-09-21
1011Russia2024-09-15
1012India2024-09-10
1013Italy2024-08-31
1014France2024-09-22
1015United Kingdom2024-08-31
1016Italy2024-09-09
1017Brazil2024-09-08
1018Australia2024-09-03
1019France2024-08-27
1020Argentina2024-09-01
1021India2024-09-21
1022Spain2024-09-01
1023France2024-09-01
1024Spain2024-09-08
1025Brazil2024-09-19
1026Canada2024-08-30
1027Australia2024-09-05
1028Australia2024-09-18
1029United Kingdom2024-09-19
1030Spain2024-09-04
1031Canada2024-09-13
1032Argentina2024-09-13
1033United Kingdom2024-09-22
1034United Kingdom2024-09-10
1035Spain2024-09-11
1036United Kingdom2024-09-22
1037France2024-09-17
1038France2024-09-23
1039United Kingdom2024-09-14
1040Japan2024-09-20
1041France2024-09-07
1042France2024-09-03
1043Canada2024-09-25
1044Germany2024-09-21
1045Russia2024-09-16
1046India2024-09-20
1047Russia2024-09-25
1048Germany2024-09-03
1049Australia2024-09-10

On-Demand Data

NameIdCountryDate
Kaitlin U Malet1000France2024-09-23
Jefferson I Ruta1001Germany2024-09-04
Clifford A Amigon1002Italy2024-09-18
Stacey Z Wieser1003Canada2024-09-14
Murillo W Garufi1004France2024-09-01
Smith B Waycott1005Japan2024-09-25
Murillo J Malet1006Japan2024-09-05
Nicolas D Dilliard1007Germany2024-09-12
Chavez M Campain1008Spain2024-09-10
Izzy M Rulapaugh1009India2024-09-01
Aditya A Foller1010Spain2024-09-20
Leon G Campain1011France2024-09-22
Salvatore N Foller1012Brazil2024-09-16
Costa X Waycott1013Japan2024-09-02
Murillo U Poquette1014India2024-08-27
Ricardo U Figeroa1015Germany2024-09-02
Jeanfrancois O Inouye1016Japan2024-09-25
Ivar K Caudy1017Australia2024-09-25
Misaki U Vocelka1018United Kingdom2024-08-28
Chavez W Nicka1019Italy2024-09-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Claire G MorascaRussiaAmy Elsner UNQUALIFIED
James J InouyeJapanStephen Shaw PROPOSAL
Faith R VenereGermanyAnna Fali NEGOTIATION
Tony N AmigonGermanyStephen Shaw PROPOSAL
Nicolas M ChuiCanadaAnna Fali NEW
Jeanfrancois L WieserJapanIoni Bowcher NEW
David A CaudyCanadaOnyama Limba UNQUALIFIED
Darci H OstroskyBrazilElwin Sharvill PROPOSAL
Jefferson M MaletItalyXuxue Feng QUALIFIED
Maisha H AlbaresGermanyBernardo Dominic UNQUALIFIED
Izzy H VenereArgentinaAnna Fali PROPOSAL
Juan W PoquetteSpainXuxue Feng NEGOTIATION
Wickens B BologniaRussiaAnna Fali QUALIFIED
Isabel T FlosiSpainIoni Bowcher QUALIFIED
Adams D FigeroaCanadaAnna Fali QUALIFIED
Leon Y KuskoArgentinaIoni Bowcher PROPOSAL
James C MacleadSpainOnyama Limba QUALIFIED
David K CampainAustraliaXuxue Feng RENEWAL
Salvatore F MarrierIndiaAmy Elsner RENEWAL
Maria Z RoysterGermanyElwin Sharvill RENEWAL
James T MorascaSpainIvan Magalhaes RENEWAL
Isabel Z RulapaughRussiaXuxue Feng QUALIFIED
Silvio Q FerenczIndiaElwin Sharvill NEW
Leon L BologniaGermanyStephen Shaw NEW
James G BologniaAustraliaStephen Shaw PROPOSAL
Smith E OstroskyRussiaAnna Fali RENEWAL
Tony V DilliardFranceXuxue Feng RENEWAL
Arvin N DoeItalyStephen Shaw RENEWAL
Silvio W RoysterIndiaStephen Shaw QUALIFIED
Maisha Z GillianRussiaIoni Bowcher QUALIFIED
Jefferson V OldroydArgentinaBernardo Dominic NEGOTIATION
Chavez M FerenczFranceAsiya Javayant PROPOSAL
Francesco X AmigonSpainAmy Elsner RENEWAL
Cody C PoquetteSpainElwin Sharvill NEGOTIATION
Morrow U DarakjyIndiaElwin Sharvill QUALIFIED
Johnson T WaycottBrazilXuxue Feng PROPOSAL
Jeanfrancois V MaletJapanIvan Magalhaes PROPOSAL
Silvio Z GillianRussiaIoni Bowcher UNQUALIFIED
Izzy X KuskoSpainElwin Sharvill PROPOSAL
Jennifer E BriddickFranceStephen Shaw 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>