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
Greenwood A RoysterAustraliaBernardo Dominic NEGOTIATION
Ivar M GlickSpainAnna Fali QUALIFIED
Faith M CaudyGermanyBernardo Dominic QUALIFIED
Maisha E RoysterCanadaOnyama Limba NEW
Alejandro K RoysterJapanAmy Elsner QUALIFIED
Clifford Q SaylorsAustraliaElwin Sharvill NEW
Octavia M FollerGermanyAsiya Javayant QUALIFIED
Juan B GarufiUnited KingdomAsiya Javayant PROPOSAL
Adams G GarufiGermanyElwin Sharvill NEGOTIATION
Wickens J TollnerCanadaElwin Sharvill NEW
Nicolas I WhobreyUnited KingdomElwin Sharvill QUALIFIED
James R SlusarskiBrazilIoni Bowcher UNQUALIFIED
Jones C SlusarskiJapanAsiya Javayant QUALIFIED
Francesco C GauchoArgentinaIoni Bowcher NEW
Ashley B BologniaAustraliaBernardo Dominic RENEWAL
Nicolas A StockhamRussiaIvan Magalhaes NEW
Deepesh H MaletSpainIoni Bowcher NEGOTIATION
Octavia J BologniaBrazilBernardo Dominic RENEWAL
Emily T PaprockiGermanyElwin Sharvill NEW
Jennifer T FlosiGermanyXuxue Feng NEGOTIATION
Isabel P OstroskySpainStephen Shaw PROPOSAL
Aruna O NestleFranceIvan Magalhaes PROPOSAL
Leja R VenereGermanyAmy Elsner UNQUALIFIED
Johnson F BologniaItalyAsiya Javayant RENEWAL
Emily M WieserItalyXuxue Feng RENEWAL
Juan Z MacleadCanadaIvan Magalhaes UNQUALIFIED
Leon Y StockhamBrazilOnyama Limba NEGOTIATION
Darci M IturbideGermanyAsiya Javayant NEGOTIATION
Jennifer H FlosiGermanyXuxue Feng NEW
Misaki F MorascaFranceXuxue Feng RENEWAL
Nicolas O SaylorsItalyElwin Sharvill RENEWAL
Tony L AmigonArgentinaElwin Sharvill NEW
Salvatore T ChuiGermanyAmy Elsner NEGOTIATION
Izzy Y PaprockiItalyAsiya Javayant NEW
Morrow E InouyeAustraliaIvan Magalhaes PROPOSAL
Ashley F NestleRussiaIoni Bowcher QUALIFIED
Clifford N AlbaresBrazilAmy Elsner NEGOTIATION
Faith Q MarrierUnited KingdomOnyama Limba NEW
Morrow S CaudyJapanStephen Shaw QUALIFIED
Salvatore V VenereRussiaElwin Sharvill UNQUALIFIED
Greenwood I PoquetteItalyAmy Elsner QUALIFIED
Chavez O SaylorsRussiaXuxue Feng QUALIFIED
Leja E VenereUnited KingdomIvan Magalhaes NEW
Leon E NestleRussiaStephen Shaw PROPOSAL
Nicolas O SlusarskiBrazilAsiya Javayant QUALIFIED
Aruna Q MaletRussiaElwin Sharvill PROPOSAL
Cody M RimBrazilBernardo Dominic NEGOTIATION
Costa O SlusarskiJapanStephen Shaw NEW
Clifford C PoquetteGermanyOnyama Limba NEW
Alejandro T WhobreyIndiaXuxue Feng RENEWAL
Horizontal
NameCountryRepresentativeStatus
Rodrigues Z KolmetzItalyIoni Bowcher UNQUALIFIED
Nicolas J AlbaresCanadaIvan Magalhaes NEW
Johnson R RimFranceElwin Sharvill NEW
Mujtaba C SergiJapanXuxue Feng PROPOSAL
Tony M VenereItalyAsiya Javayant NEW
Maria V MaletRussiaIvan Magalhaes PROPOSAL
Antonio P SlusarskiRussiaElwin Sharvill NEGOTIATION
Alejandro S SaylorsRussiaStephen Shaw PROPOSAL
Ivar M MorascaCanadaBernardo Dominic RENEWAL
Isabel J VenereCanadaStephen Shaw UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Antonio S BowleyUnited Kingdom2026-08-22Rangoni Of Florence RENEWAL40Bernardo Dominic
1001Jennifer E IturbideAustralia2026-07-31King, Christopher A Esq PROPOSAL81Ivan Magalhaes
1002Murillo J BologniaCanada2026-08-25Dorl, James J Esq RENEWAL28Anna Fali
1003Morrow C OstroskyIndia2026-08-04Feltz Printing Service UNQUALIFIED18Ivan Magalhaes
1004Smith J DoeJapan2026-08-06Rangoni Of Florence RENEWAL75Xuxue Feng
1005Ivar V MaletUnited Kingdom2026-08-22Feltz Printing Service PROPOSAL83Amy Elsner
1006Maisha X BowleyItaly2026-08-26Chemel, James L Cpa PROPOSAL80Xuxue Feng
1007Wickens I PerinFrance2026-08-13Rousseaux, Michael Esq UNQUALIFIED24Stephen Shaw
1008Johnson G TollnerCanada2026-08-29Dorl, James J Esq QUALIFIED35Ioni Bowcher
1009Jeanfrancois X FollerCanada2026-08-23Truhlar And Truhlar Attys UNQUALIFIED67Stephen Shaw
1010Munro F MaletArgentina2026-08-07Rangoni Of Florence RENEWAL3Asiya Javayant
1011Claire M StockhamUnited Kingdom2026-08-18Chemel, James L Cpa NEW32Onyama Limba
1012Ivar M BowleyFrance2026-08-21Feltz Printing Service NEW49Amy Elsner
1013Misaki O BriddickBrazil2026-08-12Chemel, James L Cpa PROPOSAL16Bernardo Dominic
1014Darci R RimGermany2026-08-23Feltz Printing Service PROPOSAL39Onyama Limba
1015Smith W StockhamArgentina2026-08-15Printing Dimensions PROPOSAL1Amy Elsner
1016Nicolas O KolmetzBrazil2026-08-05Chemel, James L Cpa NEGOTIATION3Elwin Sharvill
1017Juan M KuskoIndia2026-08-18Chanay, Jeffrey A Esq NEW30Asiya Javayant
1018Antonio Y SlusarskiItaly2026-08-04Chapman, Ross E Esq QUALIFIED59Ioni Bowcher
1019Ashley W SaylorsArgentina2026-08-18Chanay, Jeffrey A Esq RENEWAL24Stephen Shaw
1020Adams C KolmetzIndia2026-08-16King, Christopher A Esq QUALIFIED75Amy Elsner
1021Darci F RoysterBrazil2026-08-20Chanay, Jeffrey A Esq UNQUALIFIED63Amy Elsner
1022Ashley D FlosiIndia2026-08-20Printing Dimensions UNQUALIFIED50Ioni Bowcher
1023Jennifer P SergiIndia2026-08-09Chemel, James L Cpa PROPOSAL18Ioni Bowcher
1024Ashley F FerenczIndia2026-08-07Commercial Press QUALIFIED0Stephen Shaw
1025Rodrigues T VocelkaIndia2026-08-01King, Christopher A Esq NEGOTIATION82Xuxue Feng
1026Kaitlin J MacleadCanada2026-08-02Chanay, Jeffrey A Esq UNQUALIFIED60Stephen Shaw
1027Johnson I ChuiAustralia2026-08-17Chemel, James L Cpa NEW91Amy Elsner
1028Jeanfrancois R AmigonCanada2026-08-19Truhlar And Truhlar Attys NEGOTIATION23Onyama Limba
1029Ivar V KolmetzIndia2026-08-09Feltz Printing Service UNQUALIFIED16Bernardo Dominic
1030Maria W FigeroaCanada2026-08-02Rangoni Of Florence UNQUALIFIED93Xuxue Feng
1031Alejandro N GauchoAustralia2026-08-13Chemel, James L Cpa NEGOTIATION60Xuxue Feng
1032Murillo W BowleySpain2026-08-14Chanay, Jeffrey A Esq QUALIFIED69Anna Fali
1033Mayumi T MaletBrazil2026-08-02Chapman, Ross E Esq UNQUALIFIED77Amy Elsner
1034Nicolas K NickaRussia2026-08-21Morlong Associates NEW82Stephen Shaw
1035Leon E GlickGermany2026-08-14Benton, John B Jr UNQUALIFIED33Elwin Sharvill
1036Morrow E DilliardJapan2026-08-26Rousseaux, Michael Esq NEW13Elwin Sharvill
1037Darci Y AlbaresBrazil2026-08-17King, Christopher A Esq UNQUALIFIED61Onyama Limba
1038Stacey K CaldareraIndia2026-08-26Morlong Associates NEGOTIATION31Asiya Javayant
1039Isabel N OldroydItaly2026-08-16Rangoni Of Florence QUALIFIED17Asiya Javayant
1040Chavez Q NestleGermany2026-08-08Morlong Associates RENEWAL3Asiya Javayant
1041Chavez X AmigonSpain2026-08-17Benton, John B Jr RENEWAL40Stephen Shaw
1042Aditya Z DilliardArgentina2026-08-11Rangoni Of Florence PROPOSAL62Elwin Sharvill
1043Darci I MaletCanada2026-08-01King, Christopher A Esq NEGOTIATION88Anna Fali
1044Mujtaba H PerinBrazil2026-08-09Rangoni Of Florence NEGOTIATION80Elwin Sharvill
1045Murillo X RulapaughSpain2026-08-16Chemel, James L Cpa RENEWAL66Ioni Bowcher
1046Mayumi H BowleyIndia2026-08-15Feltz Printing Service NEGOTIATION20Asiya Javayant
1047James O AlbaresCanada2026-07-31Rousseaux, Michael Esq QUALIFIED59Anna Fali
1048Clifford E FerenczIndia2026-08-15Rousseaux, Michael Esq NEW29Onyama Limba
1049Deepesh K MaletIndia2026-08-08Chapman, Ross E Esq NEGOTIATION64Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Maria S MaletSpainOnyama Limba QUALIFIED
Costa I MorascaItalyAnna Fali UNQUALIFIED
Isabel Y GlickArgentinaAmy Elsner RENEWAL
Misaki V GauchoSpainAmy Elsner QUALIFIED
Silvio Y FlosiFranceElwin Sharvill QUALIFIED
Costa B AlbaresBrazilIoni Bowcher QUALIFIED
Greenwood A GarufiUnited KingdomStephen Shaw NEW
Munro C VocelkaBrazilAnna Fali UNQUALIFIED
Cody H IturbideArgentinaElwin Sharvill PROPOSAL
Aditya T KolmetzFranceAnna Fali RENEWAL
Chavez E RoysterRussiaOnyama Limba PROPOSAL
Ivar V GlickBrazilIoni Bowcher QUALIFIED
Munro K SlusarskiArgentinaAnna Fali NEW
Darci Z SchemmerCanadaOnyama Limba RENEWAL
James T FigeroaIndiaElwin Sharvill NEGOTIATION
Jeanfrancois N PoquetteCanadaXuxue Feng NEGOTIATION
Jones U FlosiIndiaStephen Shaw UNQUALIFIED
Leon D ButtIndiaAsiya Javayant RENEWAL
Costa X KuskoCanadaIvan Magalhaes NEGOTIATION
Silvio T MacleadBrazilElwin Sharvill NEW
Mayumi J MorascaFranceBernardo Dominic PROPOSAL
Octavia B FigeroaUnited KingdomOnyama Limba QUALIFIED
Mujtaba F SchemmerAustraliaOnyama Limba NEW
Silvio T IturbideArgentinaIvan Magalhaes PROPOSAL
Mujtaba P BriddickIndiaAnna Fali QUALIFIED
Arvin L DarakjyIndiaXuxue Feng NEGOTIATION
Aika W AmigonBrazilBernardo Dominic UNQUALIFIED
Silvio R GarufiRussiaBernardo Dominic NEW
Arvin J AmigonItalyIvan Magalhaes UNQUALIFIED
Jefferson O GlickArgentinaIoni Bowcher NEGOTIATION
Leon V VenereUnited KingdomXuxue Feng UNQUALIFIED
Deepesh P ChuiItalyIoni Bowcher NEW
Jones X PaprockiCanadaXuxue Feng NEGOTIATION
Antonio E PoquetteSpainStephen Shaw NEGOTIATION
Johnson N InouyeArgentinaXuxue Feng NEW
Sinclair E BriddickJapanIvan Magalhaes RENEWAL
Johnson U WhobreyGermanyAnna Fali PROPOSAL
Francesco V RutaJapanIvan Magalhaes NEGOTIATION
Nicolas Z DilliardGermanyXuxue Feng QUALIFIED
Cody F WaycottFranceAmy Elsner NEGOTIATION
Octavia E AmigonSpainIvan Magalhaes NEW
Mayumi J DarakjySpainXuxue Feng QUALIFIED
Stacey W DoeGermanyOnyama Limba UNQUALIFIED
Deepesh F ButtBrazilOnyama Limba UNQUALIFIED
Mujtaba M MaletUnited KingdomAnna Fali UNQUALIFIED
Silvio N VenereFranceIvan Magalhaes PROPOSAL
Salvatore Y VocelkaSpainBernardo Dominic PROPOSAL
Kadeem X ChuiUnited KingdomAnna Fali PROPOSAL
Morrow V RoysterJapanAmy Elsner NEGOTIATION
Silvio T InouyeJapanOnyama Limba NEW
Frozen Columns
Name
Leja M Nestle
Antonio F Stenseth
Morrow X Malet
Rodrigues S Iturbide
David F Royster
James N Rim
Maria L Flosi
Stacey X Marrier
Isabel O Ferencz
Maria J Marrier
Antonio Z Bolognia
Julie S Nicka
Izzy T Foller
Cody K Vocelka
Johnson L Garufi
Jeanfrancois C Nestle
Deepesh E Kusko
Cody J Malet
Stacey S Waycott
Aruna G Albares
Clifford L Darakjy
Kadeem W Figeroa
Ashley H Royster
Leja M Slusarski
Ivar I Nestle
Ricardo J Caudy
Aika M Maclead
Aruna A Gaucho
Rodrigues Z Foller
Francesco P Glick
Smith K Saylors
Greenwood L Maclead
Jeanfrancois L Nicka
Greenwood U Paprocki
Alejandro X Ruta
Jeanfrancois U Nestle
Murillo A Dilliard
Julie S Schemmer
Leja B Ostrosky
Antonio M Darakjy
Ivar O Bowley
Chavez O Whobrey
Leon H Saylors
Mujtaba E Oldroyd
Costa R Morasca
Nicolas Y Paprocki
Octavia F Albares
Aditya X Inouye
Francesco H Butt
Kadeem O Chui
IdCountryDate
1000Brazil2026-08-28
1001Japan2026-08-25
1002Germany2026-07-31
1003Australia2026-08-06
1004India2026-08-10
1005India2026-08-25
1006Italy2026-07-31
1007France2026-08-20
1008Brazil2026-08-15
1009United Kingdom2026-08-29
1010Argentina2026-08-24
1011Italy2026-08-04
1012Germany2026-08-28
1013Russia2026-08-14
1014Canada2026-08-18
1015France2026-08-02
1016Germany2026-08-07
1017India2026-08-24
1018Canada2026-08-27
1019Spain2026-08-01
1020Spain2026-08-15
1021Australia2026-08-20
1022Canada2026-08-25
1023Italy2026-08-14
1024Canada2026-08-19
1025Italy2026-08-28
1026Canada2026-08-26
1027Brazil2026-08-09
1028Canada2026-08-19
1029Australia2026-08-19
1030Canada2026-08-28
1031France2026-08-07
1032Argentina2026-08-12
1033Brazil2026-08-23
1034Argentina2026-08-11
1035India2026-08-16
1036Germany2026-08-02
1037Italy2026-08-04
1038Russia2026-08-09
1039Canada2026-08-16
1040France2026-08-09
1041France2026-08-05
1042Australia2026-08-24
1043United Kingdom2026-08-08
1044Australia2026-08-17
1045Brazil2026-08-07
1046India2026-08-22
1047Italy2026-08-22
1048Japan2026-08-29
1049Italy2026-08-14

On-Demand Data

NameIdCountryDate
Jennifer G Malet1000Italy2026-08-10
Chavez M Nestle1001Brazil2026-08-09
Leon P Rim1002United Kingdom2026-08-26
Sinclair N Poquette1003Canada2026-08-11
Alejandro T Butt1004Japan2026-08-21
Claire S Wieser1005Australia2026-08-24
Jones F Gaucho1006Canada2026-08-17
Jeanfrancois F Nestle1007Germany2026-08-09
Cody K Venere1008Argentina2026-08-28
Octavia B Stenseth1009Canada2026-08-03
Salvatore T Venere1010Italy2026-08-07
Misaki V Schemmer1011Australia2026-08-03
Murillo E Dilliard1012France2026-08-04
Mayumi H Darakjy1013India2026-08-06
Cody R Vocelka1014Brazil2026-08-18
Juan M Campain1015Japan2026-08-22
Mujtaba M Stockham1016India2026-08-04
Munro D Stockham1017Argentina2026-08-05
Ricardo B Caudy1018Brazil2026-08-09
Antonio P Doe1019Germany2026-07-31
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Murillo E StockhamItalyAsiya Javayant RENEWAL
Maisha L SchemmerArgentinaAsiya Javayant RENEWAL
Kadeem T WieserArgentinaAmy Elsner NEW
Jennifer M InouyeIndiaElwin Sharvill UNQUALIFIED
Nicolas R GlickFranceAmy Elsner NEGOTIATION
Munro J IturbideIndiaStephen Shaw QUALIFIED
Maisha G BologniaBrazilBernardo Dominic PROPOSAL
Johnson K SaylorsSpainAmy Elsner PROPOSAL
Johnson E FlosiSpainAsiya Javayant RENEWAL
Arvin P SchemmerItalyIvan Magalhaes NEGOTIATION
Misaki D RutaGermanyAsiya Javayant NEW
Jones V VenereRussiaOnyama Limba NEW
Salvatore E KolmetzJapanElwin Sharvill NEW
Aditya D DarakjyUnited KingdomElwin Sharvill RENEWAL
James R FlosiArgentinaIoni Bowcher RENEWAL
Deepesh Z WieserArgentinaAmy Elsner NEGOTIATION
Julie M VocelkaCanadaBernardo Dominic NEGOTIATION
Emily N ShinkoGermanyAmy Elsner NEW
James J ButtBrazilIoni Bowcher NEGOTIATION
Arvin M PerinUnited KingdomIvan Magalhaes NEGOTIATION
Aditya P InouyeIndiaIoni Bowcher UNQUALIFIED
Aika S TollnerRussiaIoni Bowcher RENEWAL
Ricardo R WaycottItalyBernardo Dominic NEW
Emily J NestleArgentinaAmy Elsner RENEWAL
Cody T DoeArgentinaAmy Elsner NEGOTIATION
Jones D FigeroaFranceStephen Shaw UNQUALIFIED
Faith T BologniaRussiaIvan Magalhaes PROPOSAL
Octavia Y VenereArgentinaIoni Bowcher QUALIFIED
Jennifer C CampainAustraliaAmy Elsner PROPOSAL
Arvin W WhobreySpainBernardo Dominic NEGOTIATION
Stacey O OstroskyFranceIoni Bowcher NEGOTIATION
Cody D AlbaresSpainBernardo Dominic QUALIFIED
Aditya P NestleCanadaBernardo Dominic QUALIFIED
Adams B CampainArgentinaIvan Magalhaes PROPOSAL
Claire Z CaudyRussiaIvan Magalhaes NEGOTIATION
Maria J FerenczSpainStephen Shaw RENEWAL
Deepesh K ShinkoJapanAmy Elsner QUALIFIED
Juan K InouyeCanadaElwin Sharvill RENEWAL
Alejandro B ButtSpainAmy Elsner RENEWAL
Alejandro S PaprockiIndiaBernardo Dominic RENEWAL

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