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
Clifford D GillianAustraliaElwin Sharvill NEGOTIATION
David Q BriddickFranceIoni Bowcher PROPOSAL
Mujtaba G ShinkoBrazilIvan Magalhaes UNQUALIFIED
Morrow K GillianSpainAmy Elsner PROPOSAL
Izzy I CampainGermanyAnna Fali NEW
Morrow K WieserUnited KingdomXuxue Feng QUALIFIED
Johnson F StockhamJapanBernardo Dominic RENEWAL
Salvatore D GauchoArgentinaAmy Elsner QUALIFIED
Juan W FollerRussiaBernardo Dominic UNQUALIFIED
Silvio P OstroskyArgentinaXuxue Feng NEW
Adams P RoysterArgentinaStephen Shaw NEGOTIATION
Mujtaba I GauchoItalyAnna Fali NEW
Misaki K FollerCanadaIvan Magalhaes PROPOSAL
Mayumi G StensethIndiaAnna Fali UNQUALIFIED
Faith M InouyeItalyXuxue Feng PROPOSAL
Wickens P VenereRussiaAnna Fali QUALIFIED
Arvin C AlbaresGermanyAsiya Javayant RENEWAL
Antonio B BowleyRussiaOnyama Limba UNQUALIFIED
Isabel C AlbaresRussiaAnna Fali RENEWAL
Octavia L GarufiJapanBernardo Dominic NEGOTIATION
Deepesh C GarufiBrazilIoni Bowcher NEGOTIATION
Jones H KolmetzCanadaOnyama Limba RENEWAL
Octavia D FollerCanadaOnyama Limba QUALIFIED
Aditya R NickaSpainElwin Sharvill NEGOTIATION
Deepesh M FollerRussiaAsiya Javayant UNQUALIFIED
Chavez Y SergiRussiaStephen Shaw RENEWAL
Leja L GauchoAustraliaAsiya Javayant PROPOSAL
Arvin K FerenczSpainAsiya Javayant PROPOSAL
Faith A MaletAustraliaAmy Elsner RENEWAL
Johnson R NestleBrazilIvan Magalhaes QUALIFIED
Silvio M RulapaughIndiaStephen Shaw QUALIFIED
Silvio O VenereRussiaIvan Magalhaes RENEWAL
Juan O WhobreyRussiaStephen Shaw QUALIFIED
Costa O MaletAustraliaBernardo Dominic QUALIFIED
James E DilliardSpainAmy Elsner PROPOSAL
Julie T OstroskyRussiaIvan Magalhaes UNQUALIFIED
Chavez P GauchoFranceBernardo Dominic NEGOTIATION
Juan L WhobreyJapanAnna Fali NEW
Johnson D GlickGermanyBernardo Dominic NEW
Munro Q ShinkoBrazilIvan Magalhaes UNQUALIFIED
Maisha Y ButtFranceElwin Sharvill QUALIFIED
Faith C FollerSpainElwin Sharvill UNQUALIFIED
Mayumi I RutaIndiaStephen Shaw RENEWAL
Johnson F AmigonBrazilElwin Sharvill UNQUALIFIED
Silvio B SchemmerCanadaStephen Shaw RENEWAL
Sinclair A KolmetzRussiaXuxue Feng UNQUALIFIED
Octavia B GlickAustraliaBernardo Dominic QUALIFIED
Kadeem M KuskoRussiaElwin Sharvill QUALIFIED
Emily U ChuiBrazilIvan Magalhaes NEW
Misaki E BriddickRussiaXuxue Feng QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Clifford G StockhamSpainAnna Fali RENEWAL
Misaki A MorascaItalyAmy Elsner UNQUALIFIED
Octavia F CampainSpainAnna Fali RENEWAL
Antonio I MaletIndiaElwin Sharvill UNQUALIFIED
Morrow T DoeCanadaElwin Sharvill RENEWAL
Wickens C RimUnited KingdomXuxue Feng PROPOSAL
Deepesh I MacleadGermanyXuxue Feng QUALIFIED
Octavia Z ShinkoRussiaAnna Fali NEGOTIATION
Misaki J FerenczCanadaIoni Bowcher UNQUALIFIED
Kadeem K AmigonIndiaElwin Sharvill QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Johnson P CampainJapan2025-04-12Benton, John B Jr RENEWAL69Xuxue Feng
1001Clifford O MaletAustralia2025-04-17Feiner Bros NEGOTIATION1Onyama Limba
1002Misaki T MaletCanada2025-04-12Rousseaux, Michael Esq NEGOTIATION45Ivan Magalhaes
1003Kadeem I TollnerUnited Kingdom2025-05-02Chapman, Ross E Esq UNQUALIFIED25Onyama Limba
1004Aditya K AmigonJapan2025-04-09Chanay, Jeffrey A Esq NEGOTIATION28Amy Elsner
1005Aruna K StockhamIndia2025-05-02Buckley Miller Wright UNQUALIFIED91Ioni Bowcher
1006Leja E CaudyJapan2025-04-28Chanay, Jeffrey A Esq PROPOSAL7Stephen Shaw
1007Cody A VenereItaly2025-04-07Chapman, Ross E Esq PROPOSAL0Elwin Sharvill
1008Ashley D GlickItaly2025-04-22Commercial Press QUALIFIED62Ioni Bowcher
1009Silvio R MorascaUnited Kingdom2025-04-21Feiner Bros RENEWAL16Ioni Bowcher
1010Arvin M OldroydIndia2025-04-19Truhlar And Truhlar Attys NEGOTIATION3Elwin Sharvill
1011Alejandro I GauchoItaly2025-04-12Feiner Bros QUALIFIED85Bernardo Dominic
1012Octavia X InouyeJapan2025-04-07Chanay, Jeffrey A Esq QUALIFIED58Asiya Javayant
1013Jennifer G IturbideIndia2025-04-15Benton, John B Jr QUALIFIED3Ivan Magalhaes
1014Jefferson K WhobreyUnited Kingdom2025-04-14Chemel, James L Cpa UNQUALIFIED81Onyama Limba
1015Antonio M GarufiUnited Kingdom2025-04-04King, Christopher A Esq NEW65Asiya Javayant
1016Arvin J ShinkoAustralia2025-04-29Dorl, James J Esq RENEWAL63Ioni Bowcher
1017Murillo N StensethAustralia2025-04-26Feltz Printing Service PROPOSAL86Xuxue Feng
1018Ivar N PerinFrance2025-05-01Truhlar And Truhlar Attys NEW35Stephen Shaw
1019James E WhobreyAustralia2025-05-02Printing Dimensions PROPOSAL48Asiya Javayant
1020Jennifer M WaycottRussia2025-04-06Truhlar And Truhlar Attys QUALIFIED95Stephen Shaw
1021Julie X KuskoCanada2025-04-21Truhlar And Truhlar Attys PROPOSAL59Stephen Shaw
1022Leja W ButtSpain2025-04-05Truhlar And Truhlar Attys PROPOSAL14Asiya Javayant
1023Leja Q RimFrance2025-04-15Rangoni Of Florence QUALIFIED13Elwin Sharvill
1024Aruna F PaprockiJapan2025-04-10Buckley Miller Wright NEGOTIATION96Elwin Sharvill
1025Arvin H BowleyGermany2025-04-08Chanay, Jeffrey A Esq NEW60Ivan Magalhaes
1026Munro K FlosiCanada2025-04-19Dorl, James J Esq NEGOTIATION5Xuxue Feng
1027Jennifer I VocelkaFrance2025-05-03Printing Dimensions NEW85Elwin Sharvill
1028Munro X InouyeSpain2025-04-08Chemel, James L Cpa NEGOTIATION19Ioni Bowcher
1029Darci E BowleyJapan2025-04-24Chapman, Ross E Esq RENEWAL85Elwin Sharvill
1030Claire C GillianAustralia2025-04-05Rangoni Of Florence UNQUALIFIED99Asiya Javayant
1031Maria B DilliardBrazil2025-04-06Feiner Bros RENEWAL72Xuxue Feng
1032Cody Z SaylorsGermany2025-04-17Buckley Miller Wright QUALIFIED56Elwin Sharvill
1033Chavez N OstroskyRussia2025-04-14Chanay, Jeffrey A Esq QUALIFIED44Anna Fali
1034Wickens W RimIndia2025-04-18Dorl, James J Esq QUALIFIED82Anna Fali
1035Wickens Z SchemmerRussia2025-04-26Chapman, Ross E Esq RENEWAL64Anna Fali
1036Costa P SlusarskiGermany2025-04-13Feiner Bros PROPOSAL96Ivan Magalhaes
1037Chavez X ChuiItaly2025-04-13Printing Dimensions QUALIFIED57Xuxue Feng
1038Deepesh X InouyeJapan2025-04-06King, Christopher A Esq UNQUALIFIED61Ioni Bowcher
1039Aditya I ButtAustralia2025-04-17Chanay, Jeffrey A Esq RENEWAL84Onyama Limba
1040Nicolas W WaycottIndia2025-04-26Morlong Associates NEW64Elwin Sharvill
1041Aruna Q DilliardItaly2025-05-01King, Christopher A Esq QUALIFIED19Ivan Magalhaes
1042Silvio P MorascaAustralia2025-04-11Dorl, James J Esq UNQUALIFIED16Ivan Magalhaes
1043Ricardo T MaletBrazil2025-04-04Feiner Bros NEGOTIATION40Bernardo Dominic
1044Sinclair T ChuiArgentina2025-04-15Printing Dimensions UNQUALIFIED29Bernardo Dominic
1045Murillo A StensethCanada2025-04-05Chapman, Ross E Esq UNQUALIFIED38Ivan Magalhaes
1046Jeanfrancois K MacleadJapan2025-04-22Feltz Printing Service PROPOSAL28Ioni Bowcher
1047Silvio L FigeroaRussia2025-04-27Feiner Bros NEW77Asiya Javayant
1048Salvatore X BowleyFrance2025-04-24Morlong Associates QUALIFIED49Amy Elsner
1049Mayumi I StockhamArgentina2025-04-20Feltz Printing Service QUALIFIED19Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Izzy H BowleyCanadaStephen Shaw PROPOSAL
Wickens U SlusarskiSpainBernardo Dominic RENEWAL
Arvin Q RutaBrazilElwin Sharvill PROPOSAL
David L FerenczUnited KingdomElwin Sharvill PROPOSAL
Jennifer W IturbideUnited KingdomOnyama Limba UNQUALIFIED
Chavez F TollnerBrazilElwin Sharvill QUALIFIED
Jennifer O FollerAustraliaXuxue Feng UNQUALIFIED
Murillo K RoysterItalyElwin Sharvill PROPOSAL
Greenwood Y FerenczRussiaOnyama Limba QUALIFIED
Aruna B KolmetzUnited KingdomIoni Bowcher QUALIFIED
Maria Z TollnerCanadaElwin Sharvill NEGOTIATION
Julie O MacleadJapanAsiya Javayant RENEWAL
Jefferson Z NickaBrazilXuxue Feng UNQUALIFIED
Faith O SergiSpainIvan Magalhaes QUALIFIED
Aika K DoeItalyIvan Magalhaes QUALIFIED
Morrow R FollerJapanXuxue Feng PROPOSAL
Ashley N RoysterJapanIoni Bowcher NEW
Deepesh B RulapaughJapanElwin Sharvill NEW
Murillo F SaylorsGermanyAmy Elsner RENEWAL
Octavia X DarakjySpainAsiya Javayant UNQUALIFIED
Ivar J VenereItalyIoni Bowcher UNQUALIFIED
Deepesh R BologniaCanadaOnyama Limba NEW
David J NestleIndiaIvan Magalhaes QUALIFIED
Costa O SlusarskiAustraliaXuxue Feng PROPOSAL
Faith T ShinkoRussiaBernardo Dominic RENEWAL
Claire A FerenczArgentinaStephen Shaw QUALIFIED
Aruna O FigeroaUnited KingdomOnyama Limba NEW
Arvin W PerinItalyBernardo Dominic RENEWAL
Aditya H OldroydAustraliaXuxue Feng NEGOTIATION
David C KuskoIndiaAnna Fali RENEWAL
Stacey H ChuiBrazilXuxue Feng UNQUALIFIED
Claire Y CampainBrazilAmy Elsner NEW
Deepesh A ShinkoCanadaXuxue Feng NEW
Kaitlin D DarakjyRussiaAmy Elsner UNQUALIFIED
Smith L ChuiBrazilIvan Magalhaes QUALIFIED
Jones A SlusarskiJapanAmy Elsner PROPOSAL
Mujtaba G NestleGermanyAmy Elsner PROPOSAL
Leon T RimIndiaElwin Sharvill PROPOSAL
Morrow F PaprockiAustraliaIvan Magalhaes NEGOTIATION
Greenwood W AlbaresAustraliaStephen Shaw RENEWAL
Smith F GillianArgentinaStephen Shaw NEGOTIATION
Adams R CaudyGermanyIvan Magalhaes NEW
Murillo Z GauchoFranceBernardo Dominic QUALIFIED
Ashley K NestleBrazilAsiya Javayant QUALIFIED
Emily X PerinJapanAsiya Javayant RENEWAL
James I FigeroaBrazilAnna Fali PROPOSAL
Morrow U MaletIndiaIoni Bowcher NEW
Greenwood P VenereFranceAmy Elsner PROPOSAL
Stacey V CampainBrazilXuxue Feng PROPOSAL
Smith J RoysterArgentinaStephen Shaw QUALIFIED
Frozen Columns
Name
Antonio S Glick
Stacey I Waycott
Francesco S Stenseth
Isabel Y Stenseth
Nicolas K Bowley
Octavia H Ferencz
Greenwood P Stenseth
Faith L Tollner
Ashley E Rim
Murillo T Caldarera
Greenwood Q Sergi
Aika G Chui
Aditya C Gillian
Jones Q Ferencz
Aruna X Poquette
Kaitlin W Nicka
Maria E Morasca
Ivar S Foller
Mujtaba A Stenseth
Juan Q Figeroa
Mayumi D Tollner
Clifford L Sergi
Kadeem H Perin
Chavez K Morasca
Silvio E Kolmetz
Silvio P Rim
Leja I Glick
Kadeem I Bowley
Jones U Caudy
Julie M Glick
Arvin S Chui
Silvio U Malet
Antonio Y Gaucho
Rodrigues E Morasca
Cody Q Inouye
James U Royster
Costa J Bolognia
Morrow H Butt
Clifford V Foller
Octavia N Venere
Ricardo M Doe
Tony Z Poquette
Cody N Whobrey
Claire Y Oldroyd
Aruna G Rulapaugh
Kadeem U Chui
Jeanfrancois I Caldarera
Misaki L Schemmer
Misaki W Doe
Darci B Whobrey
IdCountryDate
1000France2025-04-13
1001Germany2025-04-11
1002Italy2025-04-25
1003Russia2025-04-19
1004India2025-04-07
1005Brazil2025-04-10
1006Japan2025-04-30
1007Italy2025-04-10
1008Italy2025-04-13
1009India2025-04-14
1010Italy2025-04-16
1011France2025-04-13
1012United Kingdom2025-04-15
1013Russia2025-04-28
1014France2025-04-10
1015Italy2025-04-21
1016Russia2025-04-06
1017Spain2025-04-12
1018India2025-04-22
1019France2025-04-15
1020Spain2025-04-24
1021Brazil2025-04-14
1022Spain2025-04-25
1023Spain2025-04-14
1024Japan2025-04-13
1025United Kingdom2025-04-15
1026Italy2025-05-01
1027Argentina2025-04-07
1028Argentina2025-04-12
1029Japan2025-04-27
1030Russia2025-05-03
1031Canada2025-04-27
1032Brazil2025-04-30
1033France2025-04-04
1034Brazil2025-04-10
1035Argentina2025-04-07
1036Argentina2025-04-05
1037Japan2025-04-24
1038Japan2025-04-13
1039Russia2025-04-11
1040Spain2025-04-08
1041Argentina2025-04-04
1042Italy2025-04-07
1043India2025-04-17
1044France2025-05-02
1045Argentina2025-04-27
1046Germany2025-04-29
1047United Kingdom2025-04-04
1048France2025-04-17
1049Brazil2025-04-14

On-Demand Data

NameIdCountryDate
Salvatore N Vocelka1000Australia2025-04-20
Ivar H Waycott1001Canada2025-04-18
Cody C Amigon1002Spain2025-04-09
Murillo X Nestle1003Brazil2025-04-06
Tony L Iturbide1004Italy2025-04-14
Adams Z Saylors1005Germany2025-04-24
Ivar D Wieser1006Germany2025-04-25
Julie S Bolognia1007Japan2025-04-04
Misaki J Gillian1008India2025-04-29
Aika Q Royster1009France2025-04-16
Munro L Stenseth1010United Kingdom2025-04-06
Jones A Flosi1011Italy2025-04-22
Ashley S Garufi1012Japan2025-04-20
Misaki I Saylors1013India2025-04-28
Maria P Garufi1014Italy2025-04-04
Jones B Flosi1015India2025-05-03
Smith C Morasca1016Italy2025-04-13
Nicolas O Dilliard1017India2025-04-25
Juan N Bowley1018United Kingdom2025-04-15
Jennifer Q Campain1019Australia2025-04-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Greenwood F ShinkoGermanyAsiya Javayant UNQUALIFIED
Salvatore U PaprockiItalyIoni Bowcher UNQUALIFIED
Jones P StockhamBrazilAmy Elsner QUALIFIED
Clifford H FigeroaRussiaIvan Magalhaes RENEWAL
Costa J WhobreyRussiaAsiya Javayant UNQUALIFIED
Isabel D VenereUnited KingdomStephen Shaw NEGOTIATION
Rodrigues B SchemmerSpainStephen Shaw RENEWAL
Chavez V MaletFranceBernardo Dominic NEW
Kadeem J RoysterIndiaIoni Bowcher UNQUALIFIED
Murillo I PoquetteCanadaBernardo Dominic UNQUALIFIED
Mayumi Q MorascaItalyAsiya Javayant QUALIFIED
Leja S OstroskyFranceAnna Fali QUALIFIED
Morrow R SlusarskiArgentinaIvan Magalhaes NEW
Antonio B DoeArgentinaElwin Sharvill NEW
Nicolas V MorascaIndiaOnyama Limba UNQUALIFIED
Smith F GillianAustraliaAnna Fali QUALIFIED
Jefferson Z ButtJapanStephen Shaw RENEWAL
Silvio A SergiGermanyOnyama Limba NEW
Jennifer Q FerenczGermanyOnyama Limba UNQUALIFIED
Darci T FlosiFranceAsiya Javayant RENEWAL
Jeanfrancois Y ButtItalyAnna Fali NEW
Misaki E NestleUnited KingdomXuxue Feng UNQUALIFIED
Maisha N IturbideFranceElwin Sharvill PROPOSAL
Nicolas B OstroskyCanadaStephen Shaw QUALIFIED
Deepesh M CaldareraGermanyAsiya Javayant RENEWAL
Arvin V OldroydRussiaOnyama Limba RENEWAL
Mujtaba Z BriddickAustraliaXuxue Feng RENEWAL
Munro W FerenczItalyStephen Shaw QUALIFIED
Munro E AmigonSpainAnna Fali NEGOTIATION
Izzy X BriddickAustraliaElwin Sharvill NEGOTIATION
Misaki X VenereCanadaAmy Elsner PROPOSAL
Claire S WhobreySpainBernardo Dominic PROPOSAL
Tony Q MorascaAustraliaAsiya Javayant UNQUALIFIED
Nicolas O VenereArgentinaAnna Fali NEGOTIATION
Arvin E SergiCanadaIoni Bowcher NEGOTIATION
James P MaletJapanOnyama Limba NEW
Munro F RulapaughBrazilAsiya Javayant UNQUALIFIED
Wickens G PoquetteArgentinaBernardo Dominic NEGOTIATION
Jennifer N NickaRussiaOnyama Limba QUALIFIED
Leja H StensethSpainIoni Bowcher 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>