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
Mayumi B RutaGermanyStephen Shaw QUALIFIED
Murillo L CampainCanadaOnyama Limba NEW
Deepesh M MaletGermanyStephen Shaw RENEWAL
Clifford D DilliardJapanElwin Sharvill QUALIFIED
Faith T NestleCanadaOnyama Limba NEGOTIATION
Leja Z RimCanadaBernardo Dominic QUALIFIED
Jennifer X MorascaRussiaIvan Magalhaes NEW
Leon N ChuiCanadaElwin Sharvill NEGOTIATION
Ivar W FollerAustraliaXuxue Feng RENEWAL
Mujtaba J MacleadItalyAnna Fali NEW
Stacey D VenereJapanIoni Bowcher NEGOTIATION
Mujtaba D RimJapanAnna Fali PROPOSAL
Julie H BologniaGermanyStephen Shaw QUALIFIED
Salvatore M AmigonItalyAsiya Javayant PROPOSAL
Aruna G MacleadSpainXuxue Feng NEW
Jones W BologniaFranceAsiya Javayant UNQUALIFIED
Sinclair N MarrierAustraliaAnna Fali PROPOSAL
Silvio F DoeRussiaStephen Shaw UNQUALIFIED
Kaitlin I SaylorsItalyIoni Bowcher NEW
Tony J IturbideIndiaAnna Fali NEGOTIATION
Isabel P RutaJapanAmy Elsner NEGOTIATION
Juan W StockhamCanadaAmy Elsner PROPOSAL
Clifford X MarrierGermanyIvan Magalhaes UNQUALIFIED
Darci P BologniaUnited KingdomBernardo Dominic QUALIFIED
David X AlbaresRussiaXuxue Feng RENEWAL
Rodrigues G FlosiBrazilStephen Shaw RENEWAL
Greenwood I SlusarskiSpainElwin Sharvill RENEWAL
Costa Z RoysterFranceAmy Elsner RENEWAL
Adams G PerinAustraliaElwin Sharvill UNQUALIFIED
Claire J FigeroaSpainBernardo Dominic RENEWAL
Maria K KuskoCanadaStephen Shaw PROPOSAL
Chavez F SchemmerRussiaAnna Fali NEW
Tony Y OstroskyAustraliaAsiya Javayant RENEWAL
Morrow U GillianJapanIoni Bowcher NEGOTIATION
Ricardo W OstroskyUnited KingdomAsiya Javayant UNQUALIFIED
Leja M NestleItalyXuxue Feng PROPOSAL
Salvatore S StensethItalyStephen Shaw QUALIFIED
Leja S PerinBrazilOnyama Limba QUALIFIED
Izzy D WieserJapanIvan Magalhaes RENEWAL
Maria Q StensethGermanyOnyama Limba UNQUALIFIED
Johnson M SaylorsItalyElwin Sharvill RENEWAL
Ricardo F ShinkoItalyElwin Sharvill NEW
Aruna P VocelkaFranceIoni Bowcher RENEWAL
Salvatore W MaletArgentinaElwin Sharvill RENEWAL
Julie N RulapaughCanadaIoni Bowcher UNQUALIFIED
Nicolas G SaylorsGermanyStephen Shaw NEGOTIATION
Mayumi W AlbaresSpainAmy Elsner NEGOTIATION
Nicolas B TollnerBrazilStephen Shaw RENEWAL
Jennifer G GlickIndiaAsiya Javayant UNQUALIFIED
Maria F VenereAustraliaElwin Sharvill UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Arvin I ChuiBrazilAsiya Javayant NEGOTIATION
Faith I MacleadJapanIvan Magalhaes NEW
Greenwood Z OldroydFranceBernardo Dominic RENEWAL
Ricardo M GillianIndiaBernardo Dominic QUALIFIED
Rodrigues W GlickSpainElwin Sharvill RENEWAL
Isabel S CaldareraArgentinaAsiya Javayant RENEWAL
Sinclair P AlbaresUnited KingdomElwin Sharvill UNQUALIFIED
Smith H PerinFranceAmy Elsner PROPOSAL
Kaitlin E MorascaSpainXuxue Feng UNQUALIFIED
Leon G KuskoGermanyAsiya Javayant UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Silvio C PerinSpain2025-04-15Rousseaux, Michael Esq QUALIFIED40Anna Fali
1001Jones Y NickaAustralia2025-04-17Feiner Bros NEW33Amy Elsner
1002Kadeem S PoquetteCanada2025-04-30Feltz Printing Service NEW81Elwin Sharvill
1003Maria H ShinkoArgentina2025-04-09Chapman, Ross E Esq QUALIFIED5Asiya Javayant
1004Murillo M IturbideArgentina2025-04-25Printing Dimensions QUALIFIED63Onyama Limba
1005Deepesh C AmigonSpain2025-04-12Dorl, James J Esq NEW43Onyama Limba
1006Jefferson L KuskoRussia2025-04-13Buckley Miller Wright PROPOSAL1Bernardo Dominic
1007Greenwood C GarufiArgentina2025-04-28Chanay, Jeffrey A Esq UNQUALIFIED15Bernardo Dominic
1008Arvin H PaprockiGermany2025-04-24Commercial Press UNQUALIFIED87Amy Elsner
1009Clifford P BologniaUnited Kingdom2025-04-23Buckley Miller Wright NEW86Stephen Shaw
1010Emily Z StensethFrance2025-04-17Truhlar And Truhlar Attys PROPOSAL94Asiya Javayant
1011Cody F InouyeSpain2025-04-14Buckley Miller Wright NEW16Bernardo Dominic
1012Arvin Z OstroskyFrance2025-04-03Morlong Associates UNQUALIFIED64Xuxue Feng
1013Cody C CaldareraJapan2025-04-01Rousseaux, Michael Esq UNQUALIFIED97Asiya Javayant
1014Jones O FollerIndia2025-04-01Chanay, Jeffrey A Esq UNQUALIFIED96Ivan Magalhaes
1015Johnson A ChuiItaly2025-04-12Dorl, James J Esq UNQUALIFIED87Xuxue Feng
1016Greenwood F GarufiJapan2025-04-30King, Christopher A Esq QUALIFIED82Amy Elsner
1017Mayumi J MacleadItaly2025-04-01Feltz Printing Service NEW61Asiya Javayant
1018Darci L CaldareraCanada2025-04-16Morlong Associates QUALIFIED31Xuxue Feng
1019Jones U TollnerIndia2025-04-26Buckley Miller Wright UNQUALIFIED13Amy Elsner
1020Alejandro Y GlickAustralia2025-04-20Morlong Associates UNQUALIFIED28Amy Elsner
1021Sinclair Y WhobreyGermany2025-04-10Rousseaux, Michael Esq PROPOSAL95Amy Elsner
1022Adams Y WhobreyJapan2025-04-28Buckley Miller Wright NEGOTIATION65Amy Elsner
1023Kadeem Y VenereFrance2025-04-22Buckley Miller Wright RENEWAL49Xuxue Feng
1024Tony Z RulapaughCanada2025-04-15Chemel, James L Cpa UNQUALIFIED79Xuxue Feng
1025Sinclair R NestleFrance2025-04-28Buckley Miller Wright QUALIFIED15Bernardo Dominic
1026Nicolas O RutaCanada2025-04-11Commercial Press QUALIFIED3Anna Fali
1027Clifford O DoeCanada2025-04-05Chanay, Jeffrey A Esq PROPOSAL89Bernardo Dominic
1028Claire U ButtItaly2025-04-01Feltz Printing Service PROPOSAL80Anna Fali
1029Chavez Z FigeroaBrazil2025-04-07Buckley Miller Wright PROPOSAL14Amy Elsner
1030Emily K InouyeItaly2025-04-17Dorl, James J Esq PROPOSAL80Onyama Limba
1031Wickens O ButtIndia2025-04-11Printing Dimensions NEW33Amy Elsner
1032Leon S BriddickUnited Kingdom2025-04-01Feltz Printing Service UNQUALIFIED77Bernardo Dominic
1033Antonio M OldroydJapan2025-04-26Printing Dimensions RENEWAL1Anna Fali
1034Aruna F FigeroaCanada2025-04-09Benton, John B Jr PROPOSAL52Ioni Bowcher
1035Maria D MarrierGermany2025-04-13Feiner Bros NEGOTIATION67Stephen Shaw
1036Juan B CaldareraJapan2025-04-07Feltz Printing Service PROPOSAL50Elwin Sharvill
1037Ivar M MacleadJapan2025-04-15Chanay, Jeffrey A Esq QUALIFIED44Ivan Magalhaes
1038Aditya F PerinAustralia2025-04-17Dorl, James J Esq RENEWAL9Xuxue Feng
1039Ashley A RulapaughBrazil2025-04-22King, Christopher A Esq QUALIFIED64Anna Fali
1040Chavez H SchemmerItaly2025-04-21Feltz Printing Service NEGOTIATION27Anna Fali
1041Misaki I FollerCanada2025-04-08Rousseaux, Michael Esq PROPOSAL14Stephen Shaw
1042Wickens V ShinkoRussia2025-04-13Rousseaux, Michael Esq UNQUALIFIED22Anna Fali
1043Stacey L MaletJapan2025-04-08Rangoni Of Florence RENEWAL16Bernardo Dominic
1044Leon I MaletAustralia2025-04-28Chapman, Ross E Esq NEGOTIATION38Bernardo Dominic
1045Leon S DilliardRussia2025-04-14Rangoni Of Florence RENEWAL46Anna Fali
1046Adams Y OstroskyFrance2025-04-30Feiner Bros PROPOSAL33Elwin Sharvill
1047Julie S StockhamItaly2025-04-28Dorl, James J Esq QUALIFIED18Stephen Shaw
1048Claire T WieserIndia2025-04-06Chapman, Ross E Esq RENEWAL95Xuxue Feng
1049Claire Q PerinJapan2025-04-25Truhlar And Truhlar Attys NEW29Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Arvin W MaletIndiaElwin Sharvill QUALIFIED
Salvatore S OstroskyAustraliaBernardo Dominic RENEWAL
Isabel U NestleIndiaAsiya Javayant UNQUALIFIED
Murillo Q IturbideAustraliaAnna Fali QUALIFIED
Darci U MorascaCanadaAmy Elsner UNQUALIFIED
Leon Q SchemmerArgentinaElwin Sharvill NEW
Maisha K KuskoArgentinaIoni Bowcher QUALIFIED
Jennifer F NickaJapanIoni Bowcher QUALIFIED
Mayumi M MaletCanadaIvan Magalhaes PROPOSAL
Silvio I TollnerUnited KingdomOnyama Limba QUALIFIED
Nicolas J FollerSpainAnna Fali NEW
James B MacleadRussiaStephen Shaw QUALIFIED
Misaki C WhobreySpainAsiya Javayant PROPOSAL
Adams Q NickaCanadaAsiya Javayant PROPOSAL
Costa M ChuiGermanyElwin Sharvill RENEWAL
Salvatore U SergiCanadaIvan Magalhaes QUALIFIED
Faith C FollerCanadaOnyama Limba NEGOTIATION
Jennifer X SlusarskiBrazilXuxue Feng UNQUALIFIED
Isabel P ChuiUnited KingdomIvan Magalhaes NEGOTIATION
Aika E CaldareraJapanStephen Shaw NEW
Jones O PerinFranceIoni Bowcher QUALIFIED
Mayumi O VenereRussiaAmy Elsner UNQUALIFIED
Maria S SlusarskiArgentinaStephen Shaw NEGOTIATION
Salvatore T RoysterItalyBernardo Dominic NEGOTIATION
Munro Q DarakjySpainOnyama Limba NEGOTIATION
Rodrigues E GlickJapanAnna Fali NEGOTIATION
James J SchemmerCanadaBernardo Dominic UNQUALIFIED
Nicolas Y OldroydIndiaIoni Bowcher RENEWAL
Octavia J ShinkoIndiaAmy Elsner PROPOSAL
Greenwood W TollnerIndiaAnna Fali RENEWAL
Kaitlin T VocelkaCanadaElwin Sharvill NEW
Johnson J GlickJapanIvan Magalhaes UNQUALIFIED
Clifford N AlbaresSpainIoni Bowcher UNQUALIFIED
Isabel S OstroskyRussiaXuxue Feng UNQUALIFIED
Tony I DoeIndiaAnna Fali RENEWAL
Kaitlin Y InouyeBrazilXuxue Feng NEGOTIATION
Morrow G BowleyUnited KingdomAmy Elsner UNQUALIFIED
Mayumi P FigeroaItalyAsiya Javayant PROPOSAL
Arvin Q GillianRussiaIoni Bowcher NEW
Wickens P NickaGermanyBernardo Dominic RENEWAL
Faith Q VenereGermanyOnyama Limba NEGOTIATION
Kaitlin L FollerJapanElwin Sharvill QUALIFIED
Greenwood Q WhobreyItalyAsiya Javayant RENEWAL
Rodrigues Q BowleyJapanIoni Bowcher PROPOSAL
Jones K PerinArgentinaElwin Sharvill RENEWAL
Ashley Y SaylorsBrazilXuxue Feng UNQUALIFIED
James E StockhamAustraliaAnna Fali NEW
Costa J KuskoAustraliaAsiya Javayant RENEWAL
Francesco K KolmetzUnited KingdomBernardo Dominic UNQUALIFIED
Aruna L MacleadIndiaStephen Shaw UNQUALIFIED
Frozen Columns
Name
Adams Z Tollner
Deepesh Y Rulapaugh
Ivar F Caldarera
Emily K Campain
Jennifer Y Kolmetz
Faith B Albares
Morrow T Bowley
Kaitlin I Garufi
Jeanfrancois Y Morasca
Johnson A Tollner
Kaitlin T Whobrey
Murillo X Sergi
Mayumi Y Foller
Francesco S Perin
Alejandro F Shinko
Ashley E Paprocki
Leon C Royster
Sinclair J Tollner
Maria Y Gillian
Arvin M Garufi
Jeanfrancois P Darakjy
Jones F Ostrosky
Leon O Dilliard
Antonio E Amigon
Aditya U Venere
Claire V Sergi
Morrow L Doe
Nicolas U Sergi
Aditya H Stockham
Darci Z Malet
Izzy Y Wieser
Octavia W Maclead
Stacey Q Foller
Juan T Stockham
Claire I Amigon
Silvio M Rim
Antonio Y Vocelka
Cody U Ruta
David K Maclead
Cody G Doe
Francesco H Oldroyd
Julie W Ostrosky
Alejandro M Figeroa
Isabel D Foller
Leon A Ostrosky
Aruna N Dilliard
Mayumi H Flosi
Johnson V Royster
Silvio H Garufi
Antonio H Ostrosky
IdCountryDate
1000Brazil2025-04-22
1001Germany2025-04-29
1002India2025-04-07
1003Russia2025-04-08
1004United Kingdom2025-04-19
1005Brazil2025-04-03
1006Russia2025-04-21
1007France2025-04-26
1008Brazil2025-04-16
1009Russia2025-04-17
1010Brazil2025-04-29
1011Italy2025-04-20
1012Russia2025-04-01
1013Russia2025-04-05
1014Spain2025-04-29
1015France2025-04-27
1016Canada2025-04-11
1017Brazil2025-04-05
1018Spain2025-04-09
1019Italy2025-04-29
1020Canada2025-04-26
1021Japan2025-04-03
1022Germany2025-04-06
1023Argentina2025-04-17
1024Japan2025-04-22
1025United Kingdom2025-04-25
1026United Kingdom2025-04-18
1027Argentina2025-04-04
1028Italy2025-04-23
1029Spain2025-04-02
1030Russia2025-04-17
1031Argentina2025-04-21
1032Argentina2025-04-18
1033France2025-04-06
1034Brazil2025-04-27
1035United Kingdom2025-04-11
1036Russia2025-04-28
1037Japan2025-04-04
1038Russia2025-04-26
1039Canada2025-04-20
1040Canada2025-04-25
1041India2025-04-09
1042Spain2025-04-26
1043Spain2025-04-15
1044Canada2025-04-21
1045Russia2025-04-23
1046Canada2025-04-03
1047Japan2025-04-06
1048Canada2025-04-23
1049Russia2025-04-07

On-Demand Data

NameIdCountryDate
Darci J Shinko1000Canada2025-04-20
Costa O Oldroyd1001Spain2025-04-18
Alejandro Y Nestle1002Brazil2025-04-21
Stacey E Albares1003Brazil2025-04-04
Johnson Z Flosi1004Japan2025-04-15
Salvatore Q Royster1005Italy2025-04-12
Maria V Oldroyd1006France2025-04-23
Cody F Morasca1007Spain2025-04-28
Julie O Waycott1008France2025-04-05
Antonio H Vocelka1009Australia2025-04-01
Misaki X Butt1010Japan2025-04-18
Ashley P Briddick1011India2025-04-15
Claire D Ferencz1012Germany2025-04-08
Greenwood X Darakjy1013Brazil2025-04-26
Cody Q Caldarera1014Japan2025-04-05
Tony D Figeroa1015Germany2025-04-28
Munro R Gillian1016Australia2025-04-07
Sinclair I Gillian1017Canada2025-04-18
Julie U Amigon1018Canada2025-04-16
Cody N Ferencz1019Canada2025-04-30
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Clifford M FollerGermanyElwin Sharvill RENEWAL
Clifford R InouyeSpainIoni Bowcher RENEWAL
Arvin E WaycottJapanOnyama Limba RENEWAL
David R FigeroaUnited KingdomIoni Bowcher PROPOSAL
Deepesh T FigeroaBrazilElwin Sharvill NEGOTIATION
Chavez V GillianAustraliaOnyama Limba NEGOTIATION
Aruna Z GlickArgentinaAmy Elsner RENEWAL
Misaki F WieserFranceBernardo Dominic QUALIFIED
Munro Y GlickRussiaXuxue Feng QUALIFIED
Rodrigues G ShinkoUnited KingdomXuxue Feng UNQUALIFIED
Octavia D VenereJapanIvan Magalhaes PROPOSAL
Maisha E CaldareraGermanyOnyama Limba NEGOTIATION
Isabel K ChuiBrazilBernardo Dominic UNQUALIFIED
Ivar V SaylorsSpainElwin Sharvill PROPOSAL
Deepesh W KolmetzIndiaIoni Bowcher NEGOTIATION
Morrow H RimFranceAsiya Javayant UNQUALIFIED
Misaki G KolmetzItalyAmy Elsner UNQUALIFIED
Kadeem E MacleadJapanXuxue Feng QUALIFIED
Claire F InouyeGermanyIvan Magalhaes NEGOTIATION
Smith L RulapaughAustraliaStephen Shaw UNQUALIFIED
Aika K VocelkaArgentinaBernardo Dominic PROPOSAL
Claire B ButtGermanyOnyama Limba PROPOSAL
Kaitlin P PerinUnited KingdomElwin Sharvill NEGOTIATION
Adams K RimFranceIvan Magalhaes UNQUALIFIED
Greenwood A CampainUnited KingdomXuxue Feng QUALIFIED
Julie M BriddickUnited KingdomBernardo Dominic PROPOSAL
Arvin F AlbaresUnited KingdomOnyama Limba NEW
Deepesh I VenereUnited KingdomAnna Fali NEGOTIATION
Jeanfrancois N FigeroaFranceAnna Fali RENEWAL
Faith D CaudyRussiaBernardo Dominic UNQUALIFIED
Munro H IturbideArgentinaBernardo Dominic RENEWAL
Darci X MacleadSpainIoni Bowcher QUALIFIED
Nicolas C ShinkoBrazilAnna Fali QUALIFIED
Emily M BowleySpainAmy Elsner UNQUALIFIED
Deepesh K VenereJapanElwin Sharvill NEGOTIATION
Arvin H PoquetteAustraliaAsiya Javayant UNQUALIFIED
Adams V AmigonItalyBernardo Dominic NEW
Aditya F DarakjyArgentinaBernardo Dominic QUALIFIED
Claire U NickaFranceAnna Fali PROPOSAL
James Y PaprockiArgentinaIvan Magalhaes 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>