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
Jones Z PoquetteUnited KingdomElwin Sharvill NEW
Munro G OldroydItalyOnyama Limba QUALIFIED
Nicolas X BriddickSpainStephen Shaw NEGOTIATION
Alejandro O RutaJapanAnna Fali NEGOTIATION
Jennifer H DilliardFranceXuxue Feng QUALIFIED
Aditya N DilliardItalyAnna Fali RENEWAL
Leja J WaycottSpainIvan Magalhaes PROPOSAL
Faith U BriddickIndiaAsiya Javayant NEW
Darci N CampainIndiaAsiya Javayant PROPOSAL
Julie J OstroskyItalyOnyama Limba PROPOSAL
Rodrigues I SlusarskiBrazilStephen Shaw NEGOTIATION
Clifford X NestleAustraliaAnna Fali NEW
Jennifer S StockhamJapanXuxue Feng PROPOSAL
Rodrigues J CaldareraAustraliaAmy Elsner NEGOTIATION
Chavez Y NestleFranceXuxue Feng QUALIFIED
Faith L InouyeCanadaElwin Sharvill NEGOTIATION
James S DarakjySpainIoni Bowcher NEW
Julie C VenereRussiaAsiya Javayant UNQUALIFIED
Ricardo C GauchoArgentinaIvan Magalhaes QUALIFIED
Arvin E FlosiBrazilElwin Sharvill RENEWAL
Nicolas K SergiSpainBernardo Dominic UNQUALIFIED
Jeanfrancois K OstroskyFranceAmy Elsner UNQUALIFIED
Tony T PaprockiAustraliaXuxue Feng NEW
Rodrigues I PaprockiJapanOnyama Limba NEGOTIATION
Leja B GillianJapanOnyama Limba QUALIFIED
Jefferson M BriddickFranceOnyama Limba NEW
Leja O WaycottIndiaStephen Shaw QUALIFIED
Kadeem B OstroskyJapanBernardo Dominic RENEWAL
Izzy T NestleGermanyIvan Magalhaes NEW
Greenwood S SlusarskiRussiaIoni Bowcher UNQUALIFIED
Deepesh T SergiSpainIoni Bowcher NEW
Rodrigues X KuskoJapanElwin Sharvill NEW
Misaki A SergiFranceAnna Fali NEW
Stacey O MorascaItalyAnna Fali UNQUALIFIED
Sinclair R FlosiItalyAmy Elsner NEGOTIATION
Emily F RimAustraliaStephen Shaw PROPOSAL
Clifford K VocelkaRussiaXuxue Feng PROPOSAL
Darci R CaldareraCanadaBernardo Dominic RENEWAL
Mujtaba S AlbaresFranceOnyama Limba PROPOSAL
Ivar Q DilliardCanadaBernardo Dominic PROPOSAL
Isabel O KolmetzIndiaIvan Magalhaes PROPOSAL
Mayumi Y SergiAustraliaIvan Magalhaes PROPOSAL
Juan L NickaFranceOnyama Limba NEW
Alejandro R WieserSpainXuxue Feng QUALIFIED
Leja N AmigonItalyOnyama Limba RENEWAL
Jeanfrancois M RutaCanadaElwin Sharvill NEGOTIATION
Jennifer D TollnerRussiaAmy Elsner UNQUALIFIED
Francesco M VenereGermanyOnyama Limba UNQUALIFIED
Juan Y ChuiFranceBernardo Dominic RENEWAL
Aika K CaldareraArgentinaAnna Fali PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Arvin I BowleyBrazilAnna Fali NEGOTIATION
Murillo S ButtJapanAmy Elsner QUALIFIED
Claire H KolmetzIndiaAsiya Javayant PROPOSAL
Greenwood G MaletCanadaOnyama Limba QUALIFIED
Costa X IturbideIndiaAsiya Javayant UNQUALIFIED
Adams Q GauchoArgentinaIoni Bowcher QUALIFIED
Francesco X MacleadArgentinaAsiya Javayant NEGOTIATION
Chavez B RutaRussiaElwin Sharvill PROPOSAL
Jennifer X StockhamItalyAsiya Javayant RENEWAL
Tony N NestleFranceIoni Bowcher UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Deepesh Z CampainJapan2024-09-02Rangoni Of Florence NEW64Xuxue Feng
1001Clifford J SergiSpain2024-09-09Feiner Bros NEGOTIATION44Xuxue Feng
1002David Q WhobreyArgentina2024-09-23Benton, John B Jr NEGOTIATION84Stephen Shaw
1003Darci Q PoquetteArgentina2024-08-28Truhlar And Truhlar Attys QUALIFIED73Anna Fali
1004Julie N IturbideUnited Kingdom2024-09-15Dorl, James J Esq UNQUALIFIED17Onyama Limba
1005Tony Z ChuiSpain2024-08-28Chemel, James L Cpa RENEWAL84Xuxue Feng
1006Deepesh H ButtSpain2024-09-04Morlong Associates PROPOSAL23Bernardo Dominic
1007Leja R DilliardAustralia2024-09-03Dorl, James J Esq UNQUALIFIED68Amy Elsner
1008Munro H FerenczSpain2024-09-01Rangoni Of Florence NEW6Ioni Bowcher
1009Leja N VenereBrazil2024-09-04Chemel, James L Cpa UNQUALIFIED66Asiya Javayant
1010Kadeem V GillianBrazil2024-08-31Dorl, James J Esq NEW10Xuxue Feng
1011Isabel Z RulapaughUnited Kingdom2024-09-21Chapman, Ross E Esq NEGOTIATION84Asiya Javayant
1012Costa Z SchemmerSpain2024-08-28Truhlar And Truhlar Attys NEW48Elwin Sharvill
1013Morrow I GlickAustralia2024-09-19Buckley Miller Wright UNQUALIFIED92Elwin Sharvill
1014James A DilliardArgentina2024-09-18Chapman, Ross E Esq RENEWAL4Ioni Bowcher
1015Kadeem Y ChuiIndia2024-08-28Morlong Associates NEGOTIATION49Amy Elsner
1016Izzy U RulapaughJapan2024-09-15Morlong Associates NEW51Anna Fali
1017Adams R ShinkoRussia2024-09-25Chapman, Ross E Esq NEW74Stephen Shaw
1018Silvio P CaldareraIndia2024-09-01Feiner Bros QUALIFIED67Ivan Magalhaes
1019Maisha Q WieserBrazil2024-09-10Morlong Associates NEW29Amy Elsner
1020Deepesh Y InouyeItaly2024-09-02Commercial Press UNQUALIFIED24Ioni Bowcher
1021Alejandro R VenereArgentina2024-09-04Dorl, James J Esq RENEWAL26Amy Elsner
1022Sinclair E VocelkaRussia2024-09-10Chapman, Ross E Esq NEW56Ivan Magalhaes
1023Jones I AmigonBrazil2024-08-31Commercial Press NEGOTIATION51Onyama Limba
1024Mujtaba M BriddickBrazil2024-09-09Benton, John B Jr QUALIFIED13Onyama Limba
1025Octavia J DarakjyAustralia2024-09-05Printing Dimensions UNQUALIFIED44Onyama Limba
1026Izzy R DarakjyBrazil2024-09-13Printing Dimensions NEW24Onyama Limba
1027Alejandro S SchemmerGermany2024-09-07Dorl, James J Esq NEW77Onyama Limba
1028Aditya X ChuiSpain2024-09-06Commercial Press NEW74Ioni Bowcher
1029Tony L AlbaresGermany2024-09-20Buckley Miller Wright PROPOSAL99Stephen Shaw
1030David E KuskoFrance2024-09-08Commercial Press NEGOTIATION39Stephen Shaw
1031Cody L AmigonSpain2024-09-05Morlong Associates UNQUALIFIED28Asiya Javayant
1032Ashley Y FigeroaArgentina2024-09-13Truhlar And Truhlar Attys UNQUALIFIED95Ioni Bowcher
1033Jeanfrancois Y WieserItaly2024-09-25Commercial Press NEW43Ivan Magalhaes
1034Aruna I PerinUnited Kingdom2024-09-04Rangoni Of Florence PROPOSAL63Elwin Sharvill
1035Ricardo B GlickBrazil2024-08-29Chemel, James L Cpa UNQUALIFIED84Asiya Javayant
1036Maria N RutaIndia2024-09-06Chemel, James L Cpa NEW59Onyama Limba
1037Adams I WieserIndia2024-09-10Truhlar And Truhlar Attys UNQUALIFIED69Bernardo Dominic
1038Wickens V CaldareraFrance2024-09-07King, Christopher A Esq NEW30Stephen Shaw
1039Aruna S StockhamJapan2024-09-03Feiner Bros NEGOTIATION42Elwin Sharvill
1040James G RulapaughRussia2024-09-12Commercial Press NEGOTIATION69Bernardo Dominic
1041Johnson H BologniaArgentina2024-08-28Buckley Miller Wright UNQUALIFIED33Stephen Shaw
1042Aika R SergiFrance2024-09-08Feltz Printing Service RENEWAL70Ioni Bowcher
1043Emily V DilliardAustralia2024-09-06Rousseaux, Michael Esq NEGOTIATION61Asiya Javayant
1044Murillo W RoysterArgentina2024-09-23Feiner Bros NEGOTIATION69Ioni Bowcher
1045Murillo U GillianUnited Kingdom2024-09-15Chanay, Jeffrey A Esq NEW80Ivan Magalhaes
1046Aruna C CampainAustralia2024-09-21Feltz Printing Service NEGOTIATION27Ivan Magalhaes
1047Cody I OldroydFrance2024-08-29Feltz Printing Service QUALIFIED76Xuxue Feng
1048Kadeem O RulapaughIndia2024-09-03Feltz Printing Service NEGOTIATION4Anna Fali
1049Maria Z RimBrazil2024-09-18Feiner Bros RENEWAL64Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Wickens P ButtCanadaIoni Bowcher UNQUALIFIED
Aditya V GarufiBrazilIvan Magalhaes RENEWAL
Arvin C ChuiJapanBernardo Dominic NEGOTIATION
Jones K WhobreyItalyOnyama Limba QUALIFIED
Maisha G RulapaughGermanyIvan Magalhaes UNQUALIFIED
Izzy D BowleyJapanStephen Shaw UNQUALIFIED
Morrow D CaldareraJapanXuxue Feng QUALIFIED
Antonio C MaletItalyAsiya Javayant NEGOTIATION
Stacey J GauchoJapanStephen Shaw NEW
Ricardo S IturbideIndiaElwin Sharvill PROPOSAL
Munro M CaudyJapanOnyama Limba UNQUALIFIED
Chavez R IturbideFranceOnyama Limba QUALIFIED
Jeanfrancois J DilliardRussiaElwin Sharvill RENEWAL
Rodrigues A VenereCanadaStephen Shaw NEW
Octavia W KuskoFranceIoni Bowcher NEGOTIATION
Deepesh X ChuiAustraliaStephen Shaw RENEWAL
Deepesh Z SlusarskiSpainOnyama Limba PROPOSAL
Sinclair K TollnerAustraliaElwin Sharvill NEGOTIATION
Ricardo B WhobreyArgentinaIoni Bowcher NEW
Wickens F OldroydCanadaOnyama Limba UNQUALIFIED
Sinclair G MorascaBrazilStephen Shaw PROPOSAL
Rodrigues Z PaprockiSpainXuxue Feng NEW
Alejandro N MaletItalyBernardo Dominic RENEWAL
Juan R RoysterUnited KingdomAmy Elsner RENEWAL
Izzy K ChuiItalyElwin Sharvill NEGOTIATION
Stacey V SergiArgentinaAnna Fali UNQUALIFIED
Ashley X CaudyArgentinaAmy Elsner PROPOSAL
Ashley T SergiJapanElwin Sharvill PROPOSAL
Costa X StensethAustraliaIvan Magalhaes RENEWAL
Costa I DarakjyGermanyElwin Sharvill NEGOTIATION
Isabel U FlosiCanadaBernardo Dominic UNQUALIFIED
Adams U PoquetteJapanAmy Elsner NEW
Costa C GlickRussiaElwin Sharvill UNQUALIFIED
Ivar C RutaCanadaIoni Bowcher QUALIFIED
Maisha Q SchemmerJapanBernardo Dominic QUALIFIED
Leon W SergiAustraliaAnna Fali QUALIFIED
Tony W FigeroaArgentinaAsiya Javayant QUALIFIED
Mayumi K RutaUnited KingdomIoni Bowcher NEW
Munro B MaletJapanAsiya Javayant RENEWAL
Greenwood J PoquetteRussiaElwin Sharvill PROPOSAL
James B IturbideUnited KingdomIoni Bowcher UNQUALIFIED
Leja G VenereIndiaAsiya Javayant RENEWAL
Jennifer I DoeBrazilAmy Elsner RENEWAL
Octavia I WieserFranceElwin Sharvill QUALIFIED
Clifford R RoysterIndiaBernardo Dominic PROPOSAL
Jones A MorascaCanadaAnna Fali NEGOTIATION
Isabel O VenereItalyAmy Elsner NEGOTIATION
Ivar R ShinkoGermanyElwin Sharvill NEW
Adams B MaletUnited KingdomOnyama Limba UNQUALIFIED
Johnson J VenereRussiaXuxue Feng PROPOSAL
Frozen Columns
Name
David K Gillian
Adams Z Bowley
Antonio K Doe
Faith C Inouye
Johnson S Campain
Rodrigues N Ferencz
Greenwood O Caudy
Francesco S Nicka
Chavez P Kusko
James F Stockham
Rodrigues D Whobrey
Kadeem T Kusko
Mayumi N Vocelka
Sinclair B Ferencz
Morrow T Glick
Jennifer E Malet
Munro H Darakjy
Aika O Briddick
Faith W Amigon
Kadeem U Sergi
Misaki W Butt
Maisha P Shinko
Claire V Paprocki
Ricardo A Kolmetz
Adams B Glick
Jeanfrancois V Stockham
Octavia K Tollner
James L Oldroyd
Aruna V Ruta
Maisha T Whobrey
Clifford W Kusko
Francesco C Nestle
Costa J Foller
Kaitlin I Chui
James H Morasca
Silvio N Garufi
Deepesh V Rulapaugh
Adams T Caldarera
Kaitlin I Campain
Kaitlin L Malet
Ivar T Kolmetz
Francesco M Flosi
Tony M Ruta
Jones H Saylors
Misaki G Doe
Munro U Nestle
Kaitlin V Briddick
Salvatore A Maclead
Kadeem A Butt
Jennifer D Malet
IdCountryDate
1000Spain2024-09-06
1001Argentina2024-09-08
1002Russia2024-09-20
1003Australia2024-09-11
1004India2024-09-08
1005Russia2024-09-14
1006France2024-09-17
1007Canada2024-09-16
1008India2024-08-31
1009Canada2024-09-06
1010Russia2024-09-06
1011Germany2024-08-28
1012United Kingdom2024-09-18
1013France2024-09-03
1014Spain2024-08-30
1015France2024-09-07
1016Brazil2024-09-21
1017Italy2024-09-05
1018Russia2024-09-07
1019United Kingdom2024-09-25
1020Italy2024-09-13
1021France2024-09-26
1022United Kingdom2024-08-30
1023France2024-08-31
1024Canada2024-09-25
1025Argentina2024-09-05
1026Germany2024-09-06
1027United Kingdom2024-09-26
1028United Kingdom2024-08-29
1029Brazil2024-09-08
1030Russia2024-09-02
1031Russia2024-08-30
1032Japan2024-09-06
1033India2024-09-03
1034Brazil2024-09-22
1035Japan2024-09-05
1036Italy2024-09-17
1037United Kingdom2024-09-25
1038France2024-09-13
1039Japan2024-08-30
1040Canada2024-09-26
1041Canada2024-09-25
1042India2024-09-05
1043Russia2024-08-31
1044United Kingdom2024-08-31
1045Japan2024-09-24
1046Japan2024-09-09
1047Brazil2024-09-07
1048Russia2024-09-12
1049Japan2024-09-12

On-Demand Data

NameIdCountryDate
Ashley R Caldarera1000Canada2024-09-12
Jennifer W Schemmer1001France2024-09-13
Juan J Figeroa1002France2024-09-16
Tony F Shinko1003India2024-09-04
Julie M Butt1004Australia2024-08-31
Chavez S Sergi1005Argentina2024-09-06
Alejandro R Wieser1006Russia2024-09-15
Darci N Bolognia1007France2024-09-21
Ivar S Caldarera1008Spain2024-09-03
Alejandro E Venere1009France2024-09-24
Misaki F Bolognia1010France2024-09-11
Claire Z Waycott1011Russia2024-09-15
Rodrigues S Sergi1012India2024-09-06
Rodrigues N Schemmer1013Russia2024-09-23
Misaki R Kusko1014Brazil2024-09-17
Kaitlin V Vocelka1015Canada2024-09-01
Smith C Glick1016Germany2024-09-05
Kadeem L Rim1017Spain2024-09-01
Juan W Ruta1018Germany2024-08-28
Arvin E Ruta1019Canada2024-08-31
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Chavez L MaletRussiaOnyama Limba PROPOSAL
Jefferson V WieserArgentinaOnyama Limba RENEWAL
Octavia Z StensethJapanAmy Elsner UNQUALIFIED
Isabel R RoysterAustraliaElwin Sharvill QUALIFIED
Ricardo P SaylorsFranceElwin Sharvill NEW
Salvatore F ChuiRussiaAnna Fali NEGOTIATION
Jeanfrancois A FlosiAustraliaAmy Elsner NEW
Munro X MaletArgentinaXuxue Feng UNQUALIFIED
Munro A ChuiUnited KingdomAsiya Javayant NEGOTIATION
Jennifer W StockhamArgentinaXuxue Feng NEW
Aika D KuskoFranceXuxue Feng QUALIFIED
Izzy B SergiJapanAnna Fali NEGOTIATION
James E TollnerJapanIoni Bowcher PROPOSAL
Aruna Q BologniaUnited KingdomIoni Bowcher QUALIFIED
Morrow P TollnerCanadaStephen Shaw NEW
Alejandro S BologniaItalyXuxue Feng PROPOSAL
Nicolas O DarakjyBrazilAmy Elsner QUALIFIED
Jeanfrancois C GillianArgentinaAsiya Javayant NEW
Johnson I NickaItalyElwin Sharvill UNQUALIFIED
Claire Y FlosiRussiaElwin Sharvill UNQUALIFIED
Ashley S WieserCanadaAsiya Javayant PROPOSAL
Maria U ShinkoAustraliaAsiya Javayant QUALIFIED
Julie L VocelkaRussiaIvan Magalhaes UNQUALIFIED
Kadeem B BriddickRussiaBernardo Dominic QUALIFIED
Greenwood S GarufiIndiaStephen Shaw QUALIFIED
Mujtaba L StensethArgentinaOnyama Limba NEW
Darci W GillianGermanyOnyama Limba QUALIFIED
Aruna I GlickUnited KingdomBernardo Dominic RENEWAL
Darci F TollnerFranceAmy Elsner RENEWAL
Munro M KuskoAustraliaBernardo Dominic PROPOSAL
David A FollerUnited KingdomXuxue Feng NEGOTIATION
Misaki U BowleyBrazilBernardo Dominic NEW
Jeanfrancois R SchemmerUnited KingdomBernardo Dominic NEW
Clifford X IturbideJapanAnna Fali RENEWAL
Emily A MacleadGermanyElwin Sharvill NEW
Rodrigues U FollerRussiaElwin Sharvill QUALIFIED
Misaki O StensethArgentinaIvan Magalhaes UNQUALIFIED
Chavez B GillianAustraliaXuxue Feng NEGOTIATION
Deepesh R KuskoSpainAmy Elsner RENEWAL
Chavez K DoeJapanAsiya Javayant 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>