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
Ivar Y FollerCanadaXuxue Feng QUALIFIED
Jeanfrancois I MaletItalyOnyama Limba PROPOSAL
Isabel Y CaldareraRussiaXuxue Feng QUALIFIED
David B WhobreyItalyBernardo Dominic PROPOSAL
Kadeem D NickaItalyIvan Magalhaes PROPOSAL
Darci X SaylorsItalyXuxue Feng QUALIFIED
Francesco P AmigonFranceStephen Shaw RENEWAL
Julie R BologniaArgentinaElwin Sharvill NEW
Aditya W SaylorsRussiaAsiya Javayant UNQUALIFIED
David F MaletJapanXuxue Feng PROPOSAL
Jones S BowleyFranceAnna Fali UNQUALIFIED
David H SchemmerJapanAmy Elsner UNQUALIFIED
Johnson K ButtCanadaIvan Magalhaes NEW
Claire U BriddickGermanyBernardo Dominic UNQUALIFIED
Morrow A CampainAustraliaStephen Shaw PROPOSAL
Izzy U MorascaUnited KingdomAsiya Javayant QUALIFIED
Isabel G CaldareraCanadaStephen Shaw QUALIFIED
Costa K RutaAustraliaAmy Elsner NEGOTIATION
Nicolas Z MacleadUnited KingdomAnna Fali NEGOTIATION
Stacey D FigeroaJapanXuxue Feng NEW
Julie C GarufiGermanyBernardo Dominic RENEWAL
Kadeem T KuskoSpainIoni Bowcher PROPOSAL
Cody D ChuiBrazilStephen Shaw NEGOTIATION
Isabel P OstroskyBrazilOnyama Limba NEGOTIATION
Costa M BriddickItalyAsiya Javayant NEW
Maisha R MorascaBrazilIvan Magalhaes PROPOSAL
Adams H NickaGermanyIoni Bowcher UNQUALIFIED
David B GillianFranceAsiya Javayant NEW
Francesco X KolmetzArgentinaIvan Magalhaes NEGOTIATION
Salvatore U ChuiUnited KingdomOnyama Limba NEGOTIATION
Adams A BriddickGermanyXuxue Feng QUALIFIED
Darci Y GarufiSpainStephen Shaw PROPOSAL
Munro X InouyeCanadaElwin Sharvill RENEWAL
Jennifer D OldroydJapanBernardo Dominic QUALIFIED
David L KuskoCanadaIoni Bowcher RENEWAL
Johnson B FollerIndiaOnyama Limba QUALIFIED
Misaki L DarakjyFranceStephen Shaw RENEWAL
Maisha I ChuiUnited KingdomXuxue Feng UNQUALIFIED
Stacey B DilliardAustraliaAmy Elsner NEGOTIATION
Clifford Z SlusarskiItalyOnyama Limba RENEWAL
Antonio A DarakjyAustraliaStephen Shaw PROPOSAL
Adams W KuskoCanadaAsiya Javayant NEGOTIATION
Julie M MorascaUnited KingdomBernardo Dominic UNQUALIFIED
Ashley H WhobreyGermanyAmy Elsner UNQUALIFIED
David S CaudyGermanyBernardo Dominic NEGOTIATION
Jennifer U StockhamArgentinaAsiya Javayant NEW
Jennifer H CaldareraItalyIvan Magalhaes UNQUALIFIED
Ricardo G SlusarskiCanadaAnna Fali NEGOTIATION
Claire L DoeJapanAsiya Javayant PROPOSAL
James W GarufiIndiaBernardo Dominic UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Rodrigues Q InouyeIndiaAsiya Javayant PROPOSAL
Stacey J DoeFranceStephen Shaw RENEWAL
Jones F KolmetzIndiaStephen Shaw NEW
Ricardo H ShinkoJapanElwin Sharvill NEGOTIATION
Costa T DoeArgentinaAnna Fali NEGOTIATION
Antonio C FerenczIndiaXuxue Feng PROPOSAL
Nicolas W ShinkoSpainElwin Sharvill NEW
Jennifer L MaletBrazilIvan Magalhaes QUALIFIED
Jones N MarrierIndiaBernardo Dominic NEW
Aika E MaletFranceIvan Magalhaes RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jennifer A FlosiSpain2026-06-24Morlong Associates UNQUALIFIED18Anna Fali
1001Maria X GillianBrazil2026-06-14Benton, John B Jr PROPOSAL61Asiya Javayant
1002Alejandro S FlosiFrance2026-06-15Printing Dimensions PROPOSAL10Stephen Shaw
1003Darci T MorascaFrance2026-07-01Feiner Bros UNQUALIFIED13Elwin Sharvill
1004Leon E WhobreyUnited Kingdom2026-07-09Truhlar And Truhlar Attys QUALIFIED59Elwin Sharvill
1005Claire U MaletCanada2026-06-19Buckley Miller Wright PROPOSAL3Bernardo Dominic
1006Smith O ShinkoBrazil2026-06-16Buckley Miller Wright RENEWAL86Onyama Limba
1007Darci L GlickAustralia2026-06-14Rousseaux, Michael Esq QUALIFIED58Amy Elsner
1008Jennifer K PaprockiGermany2026-07-09Benton, John B Jr PROPOSAL92Asiya Javayant
1009Isabel L SergiCanada2026-07-06Chemel, James L Cpa NEW17Amy Elsner
1010Ashley L FigeroaIndia2026-06-12Chanay, Jeffrey A Esq PROPOSAL23Stephen Shaw
1011Faith B DilliardArgentina2026-07-10Rousseaux, Michael Esq RENEWAL64Ioni Bowcher
1012Julie N MaletRussia2026-06-15Chapman, Ross E Esq UNQUALIFIED83Amy Elsner
1013Cody D MorascaSpain2026-06-23Chemel, James L Cpa NEGOTIATION16Asiya Javayant
1014Jefferson A KuskoRussia2026-06-22Truhlar And Truhlar Attys UNQUALIFIED79Ioni Bowcher
1015Antonio F MarrierAustralia2026-06-16Feltz Printing Service NEGOTIATION26Onyama Limba
1016Morrow W BologniaBrazil2026-06-16Commercial Press NEGOTIATION82Onyama Limba
1017Maisha T BowleyAustralia2026-06-12Rousseaux, Michael Esq UNQUALIFIED86Amy Elsner
1018Deepesh E BologniaSpain2026-06-13Rangoni Of Florence PROPOSAL26Xuxue Feng
1019Isabel K StensethIndia2026-07-10Benton, John B Jr RENEWAL22Amy Elsner
1020Octavia A ChuiBrazil2026-06-20Morlong Associates NEGOTIATION38Onyama Limba
1021Tony H SaylorsJapan2026-06-15Benton, John B Jr UNQUALIFIED64Asiya Javayant
1022Antonio O SaylorsAustralia2026-06-30Rousseaux, Michael Esq RENEWAL82Onyama Limba
1023Clifford B NickaUnited Kingdom2026-06-30Chemel, James L Cpa UNQUALIFIED12Elwin Sharvill
1024Maria F AmigonArgentina2026-06-13Morlong Associates RENEWAL50Anna Fali
1025Leja R SergiItaly2026-07-10Rangoni Of Florence PROPOSAL74Anna Fali
1026Greenwood Q MacleadBrazil2026-07-08Chapman, Ross E Esq NEGOTIATION94Ioni Bowcher
1027Emily A TollnerJapan2026-07-07Rousseaux, Michael Esq PROPOSAL40Amy Elsner
1028Jeanfrancois R OldroydArgentina2026-06-30Truhlar And Truhlar Attys RENEWAL14Stephen Shaw
1029Francesco F GillianCanada2026-06-27Morlong Associates UNQUALIFIED71Anna Fali
1030Arvin Y RutaItaly2026-07-07Chanay, Jeffrey A Esq UNQUALIFIED6Stephen Shaw
1031Alejandro G MaletGermany2026-07-04Feltz Printing Service PROPOSAL68Bernardo Dominic
1032Alejandro A KuskoBrazil2026-07-06Buckley Miller Wright NEW69Xuxue Feng
1033Smith Y ChuiJapan2026-07-09Printing Dimensions NEW56Elwin Sharvill
1034Ivar A OstroskyArgentina2026-07-07Buckley Miller Wright RENEWAL75Ioni Bowcher
1035Aditya U AlbaresSpain2026-06-19Feiner Bros NEGOTIATION52Stephen Shaw
1036Arvin Q MaletAustralia2026-06-25Rousseaux, Michael Esq QUALIFIED1Bernardo Dominic
1037Costa S WieserJapan2026-06-15Benton, John B Jr NEW57Anna Fali
1038David H InouyeFrance2026-07-06Dorl, James J Esq UNQUALIFIED29Elwin Sharvill
1039Faith T MaletRussia2026-06-16Printing Dimensions RENEWAL13Asiya Javayant
1040Maria K NickaBrazil2026-06-19Chanay, Jeffrey A Esq UNQUALIFIED37Stephen Shaw
1041Costa J CaudyBrazil2026-06-16Buckley Miller Wright QUALIFIED65Ioni Bowcher
1042Mujtaba D DoeFrance2026-06-19Feltz Printing Service NEW24Stephen Shaw
1043Greenwood C GillianGermany2026-07-01Rousseaux, Michael Esq UNQUALIFIED48Ivan Magalhaes
1044Clifford V RimFrance2026-06-24Chanay, Jeffrey A Esq QUALIFIED89Amy Elsner
1045Arvin N FlosiFrance2026-07-08Rousseaux, Michael Esq PROPOSAL33Asiya Javayant
1046James G StockhamRussia2026-06-20Rousseaux, Michael Esq RENEWAL13Asiya Javayant
1047Mayumi H WaycottItaly2026-06-19Feltz Printing Service NEW33Ioni Bowcher
1048Jones Q NestleIndia2026-06-19Chapman, Ross E Esq RENEWAL29Xuxue Feng
1049David U SlusarskiArgentina2026-06-22Buckley Miller Wright NEW61Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Clifford J InouyeCanadaAsiya Javayant RENEWAL
Izzy F VocelkaGermanyAnna Fali NEW
Costa R RulapaughItalyXuxue Feng RENEWAL
Nicolas O MaletSpainAmy Elsner UNQUALIFIED
Antonio L OldroydItalyElwin Sharvill UNQUALIFIED
Misaki S GauchoItalyStephen Shaw NEW
Juan J OldroydArgentinaIvan Magalhaes NEGOTIATION
Murillo K RulapaughBrazilAnna Fali RENEWAL
Aika Y SlusarskiFranceOnyama Limba UNQUALIFIED
Darci E FigeroaItalyAmy Elsner PROPOSAL
Morrow L BologniaUnited KingdomStephen Shaw QUALIFIED
Julie Z ShinkoRussiaStephen Shaw NEW
Francesco Y GlickArgentinaOnyama Limba NEW
Costa X KolmetzAustraliaAsiya Javayant NEGOTIATION
Kaitlin N FlosiUnited KingdomBernardo Dominic NEW
Wickens M CaldareraFranceAnna Fali UNQUALIFIED
Morrow G BologniaBrazilIvan Magalhaes RENEWAL
Ashley X MaletAustraliaIoni Bowcher UNQUALIFIED
Aditya T RoysterItalyStephen Shaw UNQUALIFIED
Clifford M MacleadBrazilStephen Shaw NEGOTIATION
Costa A FerenczAustraliaAsiya Javayant NEW
Nicolas H GlickJapanIoni Bowcher NEGOTIATION
Izzy X MarrierBrazilAmy Elsner NEW
Stacey L PoquetteGermanyStephen Shaw NEGOTIATION
Isabel U ButtFranceAsiya Javayant RENEWAL
Cody B BriddickJapanXuxue Feng PROPOSAL
Morrow B NestleCanadaIoni Bowcher NEW
Mujtaba Z NickaCanadaOnyama Limba QUALIFIED
Ashley H MaletAustraliaElwin Sharvill NEW
Sinclair A TollnerFranceIoni Bowcher RENEWAL
Salvatore P KolmetzAustraliaElwin Sharvill RENEWAL
Jones I StensethSpainAmy Elsner RENEWAL
Francesco Z MorascaUnited KingdomAmy Elsner RENEWAL
Jennifer G StensethIndiaOnyama Limba NEW
Adams P MarrierJapanAnna Fali QUALIFIED
Julie B BologniaIndiaOnyama Limba QUALIFIED
Smith D SergiArgentinaStephen Shaw QUALIFIED
Octavia Y FerenczCanadaElwin Sharvill UNQUALIFIED
Silvio I RutaItalyXuxue Feng QUALIFIED
Morrow F MorascaAustraliaStephen Shaw NEGOTIATION
Maisha V SlusarskiAustraliaIoni Bowcher NEGOTIATION
Faith J RimUnited KingdomAmy Elsner PROPOSAL
Chavez U OstroskyUnited KingdomStephen Shaw QUALIFIED
Aruna S FlosiBrazilStephen Shaw PROPOSAL
Jeanfrancois A WaycottIndiaBernardo Dominic RENEWAL
Aditya N DilliardFranceStephen Shaw UNQUALIFIED
Ashley T OldroydItalyAsiya Javayant NEW
Silvio M TollnerSpainOnyama Limba UNQUALIFIED
Darci D RoysterBrazilXuxue Feng PROPOSAL
Johnson P SchemmerSpainStephen Shaw NEGOTIATION
Frozen Columns
Name
Deepesh S Figeroa
Ashley U Perin
David K Gaucho
Wickens L Inouye
Faith T Inouye
Izzy K Bowley
Darci U Nicka
Murillo R Rulapaugh
Julie W Oldroyd
Ivar C Iturbide
Mujtaba G Schemmer
Chavez D Briddick
Aditya V Royster
Isabel M Malet
Smith L Malet
Leja U Chui
Johnson I Rim
Stacey F Inouye
Silvio E Stockham
Morrow E Darakjy
Aditya C Malet
Maria W Albares
Kaitlin K Waycott
Greenwood E Vocelka
Leon W Foller
Ashley G Gillian
Stacey S Saylors
Arvin K Albares
Mayumi K Whobrey
Leon U Waycott
Jefferson E Darakjy
Jones Q Vocelka
Aruna J Morasca
Jones E Ferencz
Juan L Nicka
Juan O Wieser
Ricardo F Gaucho
Izzy P Butt
David S Marrier
Murillo E Perin
Stacey K Chui
Ivar V Foller
Smith P Stenseth
Antonio D Royster
Johnson A Rulapaugh
Murillo X Rim
Maisha K Stockham
Leja I Whobrey
Francesco M Inouye
Jefferson Q Paprocki
IdCountryDate
1000Brazil2026-07-02
1001France2026-07-04
1002France2026-06-24
1003United Kingdom2026-06-13
1004Brazil2026-06-23
1005Argentina2026-07-10
1006United Kingdom2026-07-11
1007Spain2026-07-03
1008France2026-07-01
1009Argentina2026-06-21
1010Australia2026-06-29
1011Argentina2026-06-21
1012United Kingdom2026-07-06
1013Russia2026-06-12
1014Brazil2026-06-21
1015Argentina2026-07-05
1016United Kingdom2026-06-17
1017India2026-06-24
1018Russia2026-06-13
1019India2026-07-07
1020Japan2026-07-11
1021Brazil2026-06-16
1022Spain2026-06-26
1023Australia2026-06-16
1024Australia2026-06-14
1025United Kingdom2026-07-04
1026United Kingdom2026-06-19
1027India2026-07-07
1028Argentina2026-06-13
1029Australia2026-06-24
1030Germany2026-07-07
1031Japan2026-07-03
1032Argentina2026-07-06
1033Germany2026-07-05
1034Argentina2026-07-07
1035Germany2026-07-02
1036Japan2026-06-17
1037Australia2026-07-09
1038Italy2026-06-23
1039Russia2026-06-21
1040Brazil2026-06-23
1041Brazil2026-06-15
1042Spain2026-06-28
1043Canada2026-06-19
1044Russia2026-07-05
1045Japan2026-06-17
1046Japan2026-07-11
1047Japan2026-06-22
1048Brazil2026-07-07
1049Brazil2026-07-08

On-Demand Data

NameIdCountryDate
Ashley K Marrier1000Brazil2026-06-22
Munro F Whobrey1001Argentina2026-07-08
Antonio E Stenseth1002Argentina2026-06-19
Smith F Ruta1003Italy2026-06-25
Jones U Darakjy1004United Kingdom2026-06-14
Wickens N Royster1005France2026-06-16
Adams B Sergi1006Italy2026-06-28
Costa Q Malet1007Australia2026-06-15
Julie O Royster1008Japan2026-07-04
Aruna Y Butt1009France2026-06-22
Maisha Q Flosi1010India2026-06-29
Octavia R Campain1011United Kingdom2026-06-15
Leon B Malet1012Australia2026-07-08
David N Nestle1013Germany2026-06-17
Costa J Waycott1014Japan2026-06-26
Clifford K Bowley1015Japan2026-06-18
Francesco A Foller1016Argentina2026-07-10
Juan T Venere1017United Kingdom2026-06-21
Costa P Chui1018Germany2026-06-21
Ricardo Q Wieser1019Brazil2026-07-02
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Julie D FlosiIndiaBernardo Dominic NEGOTIATION
Costa T AmigonIndiaAsiya Javayant NEGOTIATION
Smith T CampainIndiaElwin Sharvill NEW
Stacey I StockhamIndiaOnyama Limba RENEWAL
Maria X MorascaFranceElwin Sharvill UNQUALIFIED
Wickens M MaletArgentinaElwin Sharvill PROPOSAL
Darci J SlusarskiJapanAsiya Javayant RENEWAL
Kadeem G SergiFranceAnna Fali QUALIFIED
Isabel G RulapaughFranceElwin Sharvill UNQUALIFIED
Tony X RulapaughSpainBernardo Dominic RENEWAL
Aika L MarrierItalyIoni Bowcher QUALIFIED
Faith V ChuiUnited KingdomXuxue Feng UNQUALIFIED
Izzy F BowleyJapanAsiya Javayant RENEWAL
Wickens N SlusarskiRussiaXuxue Feng PROPOSAL
Emily D DarakjyRussiaBernardo Dominic PROPOSAL
Stacey E WaycottBrazilStephen Shaw NEGOTIATION
Mujtaba X InouyeArgentinaAmy Elsner UNQUALIFIED
Clifford C KuskoRussiaAsiya Javayant NEW
Faith K GarufiSpainStephen Shaw UNQUALIFIED
Maisha T SaylorsIndiaAnna Fali NEW
Claire G RutaBrazilAsiya Javayant NEGOTIATION
Jeanfrancois Z MaletBrazilIoni Bowcher NEGOTIATION
Maria Z BowleyJapanAsiya Javayant PROPOSAL
Leja H OldroydBrazilIvan Magalhaes QUALIFIED
Octavia U DoeAustraliaAmy Elsner NEGOTIATION
Misaki L RulapaughIndiaAmy Elsner QUALIFIED
Jones N PoquetteItalyElwin Sharvill NEW
Julie H StockhamFranceXuxue Feng PROPOSAL
Leja P OstroskyFranceAmy Elsner NEW
Nicolas F RutaGermanyAmy Elsner UNQUALIFIED
Nicolas C StensethBrazilIoni Bowcher NEGOTIATION
Claire Y TollnerUnited KingdomElwin Sharvill PROPOSAL
Ashley C StensethArgentinaAsiya Javayant QUALIFIED
Kaitlin M PerinRussiaXuxue Feng UNQUALIFIED
Morrow O InouyeArgentinaOnyama Limba PROPOSAL
Sinclair F BologniaUnited KingdomStephen Shaw NEGOTIATION
Alejandro S WieserIndiaXuxue Feng QUALIFIED
Faith R CaudyBrazilStephen Shaw UNQUALIFIED
Julie E AlbaresItalyBernardo Dominic RENEWAL
Jones X BowleyArgentinaAsiya 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>