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
Mujtaba E SaylorsIndiaAnna Fali RENEWAL
Smith C NestleBrazilIvan Magalhaes NEGOTIATION
Ricardo V SergiRussiaIoni Bowcher NEW
Nicolas H BriddickGermanyAsiya Javayant UNQUALIFIED
Costa H PaprockiGermanyIoni Bowcher QUALIFIED
Jeanfrancois B BowleyFranceXuxue Feng NEW
Deepesh F StockhamCanadaIoni Bowcher QUALIFIED
Ashley P BriddickJapanAmy Elsner QUALIFIED
Aika H InouyeFranceElwin Sharvill QUALIFIED
Stacey J GauchoRussiaIvan Magalhaes NEGOTIATION
Faith X KuskoIndiaAmy Elsner RENEWAL
Murillo V SergiIndiaStephen Shaw QUALIFIED
Claire R GarufiJapanStephen Shaw NEGOTIATION
Salvatore R PoquetteJapanAmy Elsner NEW
Jennifer Z FlosiAustraliaBernardo Dominic UNQUALIFIED
Clifford D FollerItalyIoni Bowcher RENEWAL
Morrow I StockhamJapanAsiya Javayant QUALIFIED
Maria G ShinkoGermanyIoni Bowcher NEGOTIATION
Kaitlin L ButtArgentinaIoni Bowcher UNQUALIFIED
Faith S MacleadUnited KingdomAmy Elsner UNQUALIFIED
Aika W KolmetzArgentinaXuxue Feng UNQUALIFIED
Maria G BowleyBrazilIvan Magalhaes NEW
Clifford C VenereFranceIoni Bowcher PROPOSAL
Murillo E VocelkaIndiaStephen Shaw NEW
Greenwood S AmigonJapanAsiya Javayant UNQUALIFIED
Leon I GarufiFranceOnyama Limba NEW
Kadeem F RutaUnited KingdomAsiya Javayant QUALIFIED
Arvin L ShinkoCanadaStephen Shaw RENEWAL
Juan T GillianAustraliaBernardo Dominic NEGOTIATION
Silvio V MacleadFranceStephen Shaw PROPOSAL
Jefferson Z MaletJapanIvan Magalhaes UNQUALIFIED
Greenwood E VenereArgentinaAnna Fali NEGOTIATION
Emily S DilliardSpainOnyama Limba QUALIFIED
Murillo S KuskoFranceOnyama Limba UNQUALIFIED
James H CaldareraGermanyXuxue Feng NEW
Darci B MacleadGermanyXuxue Feng QUALIFIED
Costa G RoysterAustraliaOnyama Limba NEGOTIATION
Emily O MaletAustraliaStephen Shaw RENEWAL
Salvatore E GillianAustraliaXuxue Feng QUALIFIED
Tony B NestleGermanyIoni Bowcher NEGOTIATION
Sinclair U PerinFranceOnyama Limba UNQUALIFIED
Wickens K StensethUnited KingdomElwin Sharvill PROPOSAL
Darci A AmigonCanadaAmy Elsner NEGOTIATION
Greenwood N MorascaGermanyOnyama Limba UNQUALIFIED
Cody Y NickaFranceIvan Magalhaes PROPOSAL
Aika A TollnerFranceIoni Bowcher NEW
Isabel O NestleArgentinaIoni Bowcher RENEWAL
Costa Q DarakjyCanadaIvan Magalhaes QUALIFIED
Munro N FlosiItalyXuxue Feng QUALIFIED
James M VocelkaSpainAsiya Javayant NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Juan Q FigeroaBrazilAmy Elsner NEW
Aika Y DilliardRussiaOnyama Limba UNQUALIFIED
Wickens T PerinCanadaBernardo Dominic QUALIFIED
James C StensethFranceBernardo Dominic QUALIFIED
Costa Z NickaJapanAsiya Javayant NEGOTIATION
Rodrigues L AmigonSpainOnyama Limba UNQUALIFIED
Ivar S DoeCanadaIvan Magalhaes RENEWAL
Costa Z MaletIndiaAsiya Javayant RENEWAL
Antonio W PerinSpainXuxue Feng UNQUALIFIED
Clifford X TollnerRussiaAsiya Javayant NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000James G BologniaBrazil2025-06-08Chapman, Ross E Esq RENEWAL26Stephen Shaw
1001Aika G BologniaIndia2025-06-13Dorl, James J Esq NEGOTIATION73Asiya Javayant
1002Emily E DoeRussia2025-06-08Truhlar And Truhlar Attys RENEWAL87Xuxue Feng
1003Octavia H VenereFrance2025-06-11Feltz Printing Service NEGOTIATION50Asiya Javayant
1004Smith E SchemmerBrazil2025-05-24Rousseaux, Michael Esq PROPOSAL31Xuxue Feng
1005Wickens E StockhamSpain2025-06-01Dorl, James J Esq RENEWAL7Elwin Sharvill
1006Ricardo K SlusarskiFrance2025-05-20Dorl, James J Esq UNQUALIFIED0Stephen Shaw
1007Darci F CampainArgentina2025-05-23Feiner Bros RENEWAL8Elwin Sharvill
1008Isabel B GauchoIndia2025-06-11Feltz Printing Service QUALIFIED93Onyama Limba
1009Murillo Q GlickRussia2025-05-31Benton, John B Jr NEGOTIATION33Elwin Sharvill
1010Ivar F MaletRussia2025-05-22Chanay, Jeffrey A Esq PROPOSAL75Onyama Limba
1011Clifford R BriddickSpain2025-06-15Feiner Bros NEGOTIATION86Asiya Javayant
1012Deepesh E GillianGermany2025-06-05Rousseaux, Michael Esq PROPOSAL50Xuxue Feng
1013Ricardo G OldroydBrazil2025-06-11Dorl, James J Esq PROPOSAL45Amy Elsner
1014Octavia V PerinAustralia2025-06-15Morlong Associates RENEWAL31Stephen Shaw
1015Jefferson V ChuiArgentina2025-05-25Rousseaux, Michael Esq NEW56Xuxue Feng
1016Jeanfrancois U AmigonArgentina2025-06-15Dorl, James J Esq QUALIFIED79Elwin Sharvill
1017Jones M FigeroaSpain2025-06-10Chemel, James L Cpa QUALIFIED89Ivan Magalhaes
1018Ivar J KuskoBrazil2025-05-24Chanay, Jeffrey A Esq UNQUALIFIED61Ivan Magalhaes
1019Alejandro B RutaRussia2025-06-03Printing Dimensions UNQUALIFIED56Elwin Sharvill
1020Stacey S BologniaFrance2025-05-22Printing Dimensions NEGOTIATION14Stephen Shaw
1021Morrow D BologniaJapan2025-06-01Chanay, Jeffrey A Esq UNQUALIFIED15Amy Elsner
1022Jennifer N RutaIndia2025-05-20Printing Dimensions NEGOTIATION49Anna Fali
1023Leja A RulapaughSpain2025-06-04Dorl, James J Esq PROPOSAL65Onyama Limba
1024Mujtaba N MaletBrazil2025-05-23Chemel, James L Cpa QUALIFIED99Onyama Limba
1025Julie L ButtJapan2025-05-19Truhlar And Truhlar Attys NEGOTIATION65Anna Fali
1026Greenwood R OldroydJapan2025-05-31Chapman, Ross E Esq RENEWAL81Elwin Sharvill
1027Aika V NestleFrance2025-06-11Chanay, Jeffrey A Esq PROPOSAL82Amy Elsner
1028Jones A ButtUnited Kingdom2025-05-30Buckley Miller Wright NEGOTIATION53Stephen Shaw
1029Aika V SchemmerUnited Kingdom2025-06-05Commercial Press QUALIFIED81Asiya Javayant
1030Adams O PaprockiItaly2025-05-30Commercial Press RENEWAL71Ioni Bowcher
1031Maria D FigeroaSpain2025-06-02Printing Dimensions PROPOSAL43Ivan Magalhaes
1032Johnson J ShinkoArgentina2025-06-04King, Christopher A Esq UNQUALIFIED43Xuxue Feng
1033Ricardo D IturbideCanada2025-05-22Chanay, Jeffrey A Esq PROPOSAL9Bernardo Dominic
1034Aika P SlusarskiAustralia2025-06-11Benton, John B Jr PROPOSAL33Ioni Bowcher
1035Morrow S OstroskyUnited Kingdom2025-06-10Dorl, James J Esq QUALIFIED78Xuxue Feng
1036Sinclair Q StensethGermany2025-06-08Truhlar And Truhlar Attys NEW36Ivan Magalhaes
1037Octavia Q ShinkoBrazil2025-06-07Commercial Press NEW12Ioni Bowcher
1038Misaki P MacleadGermany2025-05-31Feiner Bros PROPOSAL12Xuxue Feng
1039Greenwood H IturbideCanada2025-05-24King, Christopher A Esq NEGOTIATION66Amy Elsner
1040Costa I PoquetteUnited Kingdom2025-05-28Morlong Associates PROPOSAL29Onyama Limba
1041Izzy R SaylorsFrance2025-06-09Feiner Bros NEGOTIATION69Ivan Magalhaes
1042Ivar X KuskoRussia2025-06-11Chanay, Jeffrey A Esq NEGOTIATION44Xuxue Feng
1043Antonio J IturbideArgentina2025-05-29Chanay, Jeffrey A Esq NEGOTIATION89Ivan Magalhaes
1044Emily X MacleadBrazil2025-06-16Buckley Miller Wright RENEWAL32Bernardo Dominic
1045Cody B ButtAustralia2025-06-04Truhlar And Truhlar Attys QUALIFIED76Onyama Limba
1046Faith O PaprockiArgentina2025-05-31Printing Dimensions PROPOSAL77Bernardo Dominic
1047Jefferson Q MaletSpain2025-06-07Chemel, James L Cpa RENEWAL43Ioni Bowcher
1048Mayumi G CaldareraUnited Kingdom2025-06-06Benton, John B Jr RENEWAL71Anna Fali
1049Emily V FlosiUnited Kingdom2025-06-10Commercial Press QUALIFIED40Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Aika H MacleadJapanElwin Sharvill UNQUALIFIED
Tony H ShinkoArgentinaStephen Shaw NEW
Aditya Y BowleyRussiaAnna Fali PROPOSAL
Leja O GillianJapanIvan Magalhaes PROPOSAL
Misaki L ChuiJapanAsiya Javayant PROPOSAL
Claire S AmigonAustraliaElwin Sharvill RENEWAL
Aruna U SergiFranceAnna Fali UNQUALIFIED
Clifford E ShinkoJapanXuxue Feng NEW
Stacey W TollnerUnited KingdomAmy Elsner UNQUALIFIED
Maria P NestleRussiaElwin Sharvill PROPOSAL
Antonio H GauchoRussiaBernardo Dominic QUALIFIED
Isabel V GauchoRussiaStephen Shaw NEW
Ashley M IturbideAustraliaIoni Bowcher RENEWAL
Ricardo H DoeGermanyAnna Fali PROPOSAL
Tony B StensethBrazilIvan Magalhaes RENEWAL
Aika J GillianIndiaElwin Sharvill NEGOTIATION
Mujtaba S StensethRussiaIvan Magalhaes QUALIFIED
Aruna M BologniaIndiaIoni Bowcher NEW
Smith J SchemmerRussiaBernardo Dominic PROPOSAL
Costa I GlickCanadaXuxue Feng PROPOSAL
Rodrigues Q FerenczBrazilIvan Magalhaes RENEWAL
Mujtaba V KolmetzUnited KingdomBernardo Dominic RENEWAL
Johnson N FigeroaItalyElwin Sharvill UNQUALIFIED
Ivar G WieserIndiaStephen Shaw NEW
Chavez A MaletArgentinaIoni Bowcher PROPOSAL
Maisha V WieserJapanAnna Fali PROPOSAL
Johnson G WieserAustraliaElwin Sharvill NEW
Jeanfrancois A FigeroaCanadaXuxue Feng RENEWAL
Chavez P RulapaughAustraliaOnyama Limba NEGOTIATION
Darci I BriddickFranceAnna Fali UNQUALIFIED
Antonio G GauchoAustraliaAnna Fali PROPOSAL
Silvio S BologniaAustraliaIoni Bowcher PROPOSAL
Mayumi X BologniaBrazilXuxue Feng PROPOSAL
Faith O AmigonSpainBernardo Dominic RENEWAL
Maisha S ButtFranceAsiya Javayant PROPOSAL
Tony Y WieserCanadaStephen Shaw UNQUALIFIED
Adams S OstroskyAustraliaIoni Bowcher QUALIFIED
Johnson N DilliardUnited KingdomIoni Bowcher NEW
Greenwood I FollerAustraliaIvan Magalhaes NEGOTIATION
Adams J KuskoArgentinaIoni Bowcher NEW
Isabel O GillianUnited KingdomAsiya Javayant QUALIFIED
Ivar P FerenczSpainAnna Fali QUALIFIED
Mujtaba E WaycottUnited KingdomAsiya Javayant PROPOSAL
Jefferson A ShinkoAustraliaBernardo Dominic QUALIFIED
Deepesh R GlickItalyXuxue Feng UNQUALIFIED
Cody P SergiIndiaAmy Elsner UNQUALIFIED
Juan P GlickIndiaOnyama Limba PROPOSAL
Jones E CaldareraCanadaElwin Sharvill QUALIFIED
Tony C StensethAustraliaIvan Magalhaes NEW
Antonio Z PoquetteGermanyAsiya Javayant NEW
Frozen Columns
Name
Johnson B Caldarera
Jennifer Q Darakjy
Faith G Vocelka
Alejandro C Stenseth
Silvio D Marrier
Alejandro N Whobrey
Ashley U Tollner
David G Tollner
Emily Z Kusko
Ashley Z Maclead
Alejandro T Maclead
Kaitlin P Whobrey
Isabel S Garufi
Jennifer Q Sergi
Alejandro P Poquette
Adams K Flosi
Jefferson V Malet
James I Doe
James A Schemmer
Faith V Campain
Emily P Caudy
Maria V Nicka
Juan H Gaucho
Isabel Q Chui
Ashley T Glick
Leon D Slusarski
Wickens C Figeroa
Stacey P Caldarera
Costa L Waycott
Morrow A Poquette
Sinclair O Morasca
Maisha L Marrier
Faith C Foller
Mayumi W Malet
Kadeem Z Malet
Maisha N Caudy
Ivar J Nestle
Aditya C Bowley
Salvatore U Glick
Wickens T Stockham
Sinclair D Nestle
Ricardo F Foller
Misaki G Malet
Cody E Gillian
James O Kusko
Claire L Schemmer
Wickens T Inouye
Smith B Caudy
Francesco I Gillian
Kaitlin C Shinko
IdCountryDate
1000Germany2025-06-12
1001France2025-06-07
1002Canada2025-05-26
1003France2025-06-10
1004India2025-05-23
1005United Kingdom2025-05-25
1006Brazil2025-05-18
1007Canada2025-05-27
1008Australia2025-06-06
1009Brazil2025-05-26
1010Germany2025-06-03
1011Germany2025-06-07
1012France2025-05-19
1013Germany2025-05-25
1014Australia2025-05-20
1015Japan2025-06-04
1016Spain2025-05-20
1017Germany2025-06-05
1018India2025-05-24
1019Australia2025-05-28
1020India2025-06-04
1021Australia2025-06-01
1022Spain2025-05-20
1023India2025-05-23
1024Germany2025-05-18
1025Italy2025-05-20
1026Japan2025-06-12
1027Russia2025-06-03
1028Spain2025-05-24
1029Italy2025-05-29
1030Italy2025-05-18
1031France2025-05-30
1032Germany2025-06-01
1033Brazil2025-05-22
1034Canada2025-05-27
1035Australia2025-06-02
1036India2025-06-08
1037Canada2025-06-01
1038Italy2025-06-15
1039France2025-06-15
1040India2025-06-06
1041Italy2025-06-07
1042Germany2025-05-28
1043Argentina2025-05-28
1044India2025-06-11
1045Germany2025-06-11
1046France2025-06-05
1047Germany2025-05-25
1048Argentina2025-05-30
1049United Kingdom2025-06-10

On-Demand Data

NameIdCountryDate
David J Kolmetz1000Brazil2025-06-09
Chavez E Flosi1001Russia2025-05-18
Alejandro P Caldarera1002Russia2025-06-12
Izzy U Gaucho1003Italy2025-06-07
Mujtaba U Rulapaugh1004Australia2025-05-20
Silvio A Schemmer1005Argentina2025-05-30
David R Darakjy1006Canada2025-05-31
Faith G Shinko1007India2025-05-31
Cody Q Venere1008United Kingdom2025-06-10
Adams V Poquette1009Brazil2025-06-15
Misaki J Glick1010Spain2025-05-30
Francesco X Caudy1011France2025-06-06
Wickens K Caudy1012Australia2025-05-29
Antonio I Whobrey1013India2025-06-01
Morrow F Dilliard1014Australia2025-05-28
Darci O Campain1015Argentina2025-05-23
Ricardo S Flosi1016Canada2025-05-21
Cody U Bolognia1017Brazil2025-05-27
Cody A Venere1018Italy2025-05-29
Francesco U Rulapaugh1019Canada2025-06-11
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Chavez U ShinkoAustraliaXuxue Feng UNQUALIFIED
Clifford Q MarrierAustraliaOnyama Limba NEGOTIATION
Ashley K VocelkaUnited KingdomAmy Elsner UNQUALIFIED
Mujtaba Z PaprockiSpainAmy Elsner RENEWAL
Wickens B FollerIndiaAnna Fali PROPOSAL
Jennifer R StockhamArgentinaStephen Shaw UNQUALIFIED
Stacey F ButtItalyAsiya Javayant UNQUALIFIED
Jennifer P PaprockiJapanStephen Shaw RENEWAL
Jeanfrancois C FigeroaJapanElwin Sharvill NEW
Kaitlin O PoquetteCanadaOnyama Limba NEW
Jefferson R SchemmerBrazilIvan Magalhaes UNQUALIFIED
Rodrigues Y OldroydUnited KingdomAsiya Javayant RENEWAL
Claire D TollnerArgentinaIvan Magalhaes NEGOTIATION
Clifford N KuskoItalyAmy Elsner PROPOSAL
David C CaldareraFranceXuxue Feng NEGOTIATION
Leon L CampainGermanyAsiya Javayant NEGOTIATION
Ashley Y RulapaughFranceIvan Magalhaes NEW
Chavez M MaletItalyOnyama Limba NEGOTIATION
Stacey Q GarufiIndiaElwin Sharvill NEGOTIATION
Costa A PaprockiCanadaIoni Bowcher QUALIFIED
Emily S CaldareraJapanAsiya Javayant PROPOSAL
James O BowleyRussiaStephen Shaw RENEWAL
Mujtaba Z GillianFranceXuxue Feng RENEWAL
Smith Q MaletUnited KingdomIvan Magalhaes UNQUALIFIED
Faith Z SchemmerBrazilOnyama Limba PROPOSAL
Murillo W InouyeSpainElwin Sharvill PROPOSAL
Aika F SaylorsGermanyElwin Sharvill UNQUALIFIED
Maisha C RimFranceBernardo Dominic QUALIFIED
Emily Q SaylorsUnited KingdomElwin Sharvill PROPOSAL
Francesco F MarrierFranceAnna Fali NEGOTIATION
Arvin O PerinIndiaAmy Elsner PROPOSAL
Kaitlin R ChuiCanadaAnna Fali NEGOTIATION
Mayumi C DarakjyUnited KingdomOnyama Limba PROPOSAL
Nicolas Z GillianItalyStephen Shaw PROPOSAL
Maria J MarrierArgentinaOnyama Limba NEGOTIATION
Ashley G FerenczGermanyAnna Fali PROPOSAL
Alejandro Y WhobreyUnited KingdomAsiya Javayant UNQUALIFIED
James K GlickArgentinaAmy Elsner RENEWAL
Sinclair V FerenczItalyStephen Shaw PROPOSAL
Jones E NickaFranceXuxue Feng NEGOTIATION

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