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
Arvin T BowleyArgentinaElwin Sharvill NEGOTIATION
Greenwood Z MarrierJapanBernardo Dominic NEW
Arvin O CampainItalyAmy Elsner NEGOTIATION
Aika V ChuiGermanyAsiya Javayant NEGOTIATION
Costa K MacleadUnited KingdomAmy Elsner QUALIFIED
James Z FlosiIndiaBernardo Dominic QUALIFIED
Munro Q RutaAustraliaStephen Shaw RENEWAL
Leon T KuskoFranceElwin Sharvill UNQUALIFIED
Jennifer Y RoysterSpainOnyama Limba PROPOSAL
Jones I IturbideUnited KingdomIvan Magalhaes PROPOSAL
Nicolas F GauchoArgentinaElwin Sharvill NEW
Leon J FigeroaAustraliaXuxue Feng RENEWAL
Isabel M RoysterUnited KingdomBernardo Dominic PROPOSAL
Wickens M WieserBrazilOnyama Limba RENEWAL
Silvio C GlickRussiaElwin Sharvill NEGOTIATION
Ricardo U PaprockiIndiaAsiya Javayant NEGOTIATION
Johnson X MacleadGermanyAsiya Javayant RENEWAL
Alejandro Y KolmetzJapanXuxue Feng UNQUALIFIED
Ricardo V CaudyBrazilXuxue Feng NEW
Clifford K ButtGermanyBernardo Dominic NEW
Darci M MorascaArgentinaAnna Fali QUALIFIED
Izzy X InouyeBrazilIoni Bowcher UNQUALIFIED
Kadeem G NickaJapanIoni Bowcher PROPOSAL
James J SlusarskiRussiaStephen Shaw NEW
Salvatore L ButtCanadaIoni Bowcher QUALIFIED
Ashley X GauchoGermanyStephen Shaw QUALIFIED
David I RutaArgentinaElwin Sharvill NEGOTIATION
Chavez X FlosiSpainStephen Shaw UNQUALIFIED
Julie V CampainRussiaAmy Elsner RENEWAL
Octavia Y CaudyIndiaIoni Bowcher QUALIFIED
Aditya H FerenczRussiaAnna Fali NEGOTIATION
Mayumi J StensethSpainXuxue Feng RENEWAL
Misaki Z WaycottBrazilIoni Bowcher NEGOTIATION
Antonio U VenereJapanXuxue Feng NEGOTIATION
Stacey D NickaIndiaBernardo Dominic NEW
Aika E StockhamFranceAnna Fali UNQUALIFIED
Ricardo J SergiUnited KingdomAmy Elsner NEGOTIATION
Morrow F PaprockiUnited KingdomAnna Fali NEGOTIATION
Cody X PoquetteCanadaAsiya Javayant QUALIFIED
Stacey F PaprockiArgentinaBernardo Dominic RENEWAL
Julie F MarrierGermanyAmy Elsner RENEWAL
Wickens G FerenczSpainIoni Bowcher NEW
Jefferson A RulapaughAustraliaAnna Fali UNQUALIFIED
Jeanfrancois U RimArgentinaXuxue Feng NEGOTIATION
Deepesh W StensethGermanyIoni Bowcher UNQUALIFIED
Leja P FigeroaItalyAmy Elsner NEW
Stacey E SlusarskiIndiaElwin Sharvill NEGOTIATION
Smith O MacleadRussiaOnyama Limba QUALIFIED
Leja U DoeItalyOnyama Limba NEW
Greenwood H ButtSpainElwin Sharvill UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Smith W StockhamRussiaAsiya Javayant UNQUALIFIED
Cody H OldroydBrazilAsiya Javayant NEW
Leon V OldroydIndiaElwin Sharvill NEW
Cody O OstroskyGermanyIvan Magalhaes NEGOTIATION
Jennifer C FerenczGermanyBernardo Dominic PROPOSAL
James L CaudyRussiaXuxue Feng PROPOSAL
Aruna J AlbaresArgentinaAnna Fali UNQUALIFIED
Aditya A BriddickUnited KingdomXuxue Feng NEW
Octavia U CaudyGermanyAmy Elsner RENEWAL
Mujtaba E CaldareraJapanElwin Sharvill RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aika A DoeItaly2026-06-23Chemel, James L Cpa NEGOTIATION65Ioni Bowcher
1001David J NestleFrance2026-07-06Buckley Miller Wright NEGOTIATION65Anna Fali
1002Cody H RulapaughBrazil2026-06-25Commercial Press UNQUALIFIED58Bernardo Dominic
1003Murillo C OstroskyJapan2026-07-06Chanay, Jeffrey A Esq NEW93Bernardo Dominic
1004Francesco D WaycottRussia2026-07-12Rangoni Of Florence PROPOSAL80Stephen Shaw
1005Kaitlin T VenereJapan2026-07-14Chanay, Jeffrey A Esq QUALIFIED87Bernardo Dominic
1006Arvin I DarakjyArgentina2026-07-02Chapman, Ross E Esq NEGOTIATION38Amy Elsner
1007Julie U KuskoArgentina2026-07-15Buckley Miller Wright QUALIFIED28Anna Fali
1008Jones M MorascaFrance2026-06-25Truhlar And Truhlar Attys PROPOSAL36Asiya Javayant
1009Mujtaba P RoysterFrance2026-07-15King, Christopher A Esq UNQUALIFIED91Amy Elsner
1010Ivar T FigeroaCanada2026-07-02Feiner Bros QUALIFIED6Xuxue Feng
1011Murillo O GarufiGermany2026-06-20Morlong Associates NEGOTIATION57Onyama Limba
1012Antonio Z InouyeJapan2026-07-12Printing Dimensions NEGOTIATION87Ivan Magalhaes
1013Morrow W BologniaJapan2026-07-05Chemel, James L Cpa UNQUALIFIED21Xuxue Feng
1014Murillo B ShinkoSpain2026-07-07Printing Dimensions NEGOTIATION27Xuxue Feng
1015Chavez P RoysterGermany2026-06-26King, Christopher A Esq NEW33Ioni Bowcher
1016Ivar Y DarakjyIndia2026-07-15Chapman, Ross E Esq RENEWAL64Onyama Limba
1017Costa Q GillianArgentina2026-07-08Commercial Press UNQUALIFIED77Anna Fali
1018Salvatore Y VocelkaSpain2026-06-24Feiner Bros PROPOSAL9Elwin Sharvill
1019Chavez G PaprockiJapan2026-06-17Feltz Printing Service NEGOTIATION90Stephen Shaw
1020Leon Z BowleyGermany2026-07-07Benton, John B Jr RENEWAL31Anna Fali
1021Claire A WhobreyGermany2026-06-21Chemel, James L Cpa RENEWAL2Xuxue Feng
1022Aruna T DilliardJapan2026-06-20Chapman, Ross E Esq NEW8Anna Fali
1023Leja V SlusarskiSpain2026-06-24Chemel, James L Cpa PROPOSAL74Anna Fali
1024Stacey H ShinkoCanada2026-07-13Chapman, Ross E Esq NEW21Anna Fali
1025Faith B MorascaUnited Kingdom2026-07-08Dorl, James J Esq RENEWAL27Ioni Bowcher
1026Tony T PerinAustralia2026-07-01Benton, John B Jr QUALIFIED49Stephen Shaw
1027Julie Z AmigonAustralia2026-07-04Truhlar And Truhlar Attys QUALIFIED80Ivan Magalhaes
1028Nicolas T MaletRussia2026-06-17Morlong Associates QUALIFIED97Anna Fali
1029Ashley Q SergiUnited Kingdom2026-07-03Rousseaux, Michael Esq UNQUALIFIED78Anna Fali
1030Claire U BriddickCanada2026-07-09Chemel, James L Cpa UNQUALIFIED47Stephen Shaw
1031Kaitlin S FerenczRussia2026-07-04Commercial Press NEW63Ioni Bowcher
1032Darci V GauchoFrance2026-06-26Rangoni Of Florence RENEWAL28Amy Elsner
1033Aika W BriddickAustralia2026-07-06Buckley Miller Wright NEGOTIATION64Onyama Limba
1034Sinclair R FollerRussia2026-06-29Buckley Miller Wright PROPOSAL32Ioni Bowcher
1035Sinclair F DilliardGermany2026-07-06Morlong Associates NEGOTIATION87Amy Elsner
1036Costa X SchemmerRussia2026-07-04King, Christopher A Esq NEGOTIATION49Asiya Javayant
1037Ivar Q FerenczUnited Kingdom2026-06-25Feiner Bros NEW33Anna Fali
1038Francesco L GlickSpain2026-07-02Truhlar And Truhlar Attys QUALIFIED99Ioni Bowcher
1039Juan V ButtItaly2026-06-16Buckley Miller Wright QUALIFIED15Anna Fali
1040Maisha H DarakjyFrance2026-06-18Chemel, James L Cpa QUALIFIED27Asiya Javayant
1041Mayumi S TollnerCanada2026-06-24Dorl, James J Esq PROPOSAL20Anna Fali
1042Stacey P VocelkaBrazil2026-06-17Benton, John B Jr NEW56Ivan Magalhaes
1043Morrow A VenereFrance2026-07-03Rangoni Of Florence NEW5Ivan Magalhaes
1044Wickens L AlbaresJapan2026-06-25King, Christopher A Esq RENEWAL63Bernardo Dominic
1045Maria M FigeroaSpain2026-07-04Benton, John B Jr NEGOTIATION48Stephen Shaw
1046Stacey Q DoeCanada2026-07-06Chemel, James L Cpa NEGOTIATION63Elwin Sharvill
1047Mujtaba T MacleadArgentina2026-06-16Truhlar And Truhlar Attys PROPOSAL23Ioni Bowcher
1048Alejandro V SchemmerArgentina2026-07-13Chapman, Ross E Esq QUALIFIED49Xuxue Feng
1049Faith J PoquetteAustralia2026-06-26Commercial Press QUALIFIED62Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Misaki M InouyeGermanyIvan Magalhaes UNQUALIFIED
Aruna N RimUnited KingdomOnyama Limba RENEWAL
Ivar L RulapaughIndiaIvan Magalhaes QUALIFIED
James D DilliardBrazilAsiya Javayant PROPOSAL
Antonio W KuskoGermanyIoni Bowcher NEW
Maria S WaycottSpainOnyama Limba QUALIFIED
David T DarakjyFranceXuxue Feng NEGOTIATION
Rodrigues R RimRussiaOnyama Limba QUALIFIED
Wickens J OldroydItalyOnyama Limba NEW
Julie I GlickItalyAnna Fali UNQUALIFIED
Ashley X PaprockiCanadaAsiya Javayant QUALIFIED
Emily E TollnerIndiaAmy Elsner QUALIFIED
David N MorascaFranceOnyama Limba NEGOTIATION
Faith O CampainBrazilAmy Elsner UNQUALIFIED
Leon G NestleRussiaIvan Magalhaes NEGOTIATION
Faith J StockhamCanadaBernardo Dominic PROPOSAL
Murillo Z MacleadGermanyOnyama Limba QUALIFIED
Misaki G GauchoJapanAsiya Javayant UNQUALIFIED
Mayumi X InouyeArgentinaAsiya Javayant QUALIFIED
Ashley G DoeArgentinaAmy Elsner UNQUALIFIED
Aika J SlusarskiSpainIvan Magalhaes UNQUALIFIED
Faith P ShinkoItalyXuxue Feng RENEWAL
Kaitlin X OstroskySpainOnyama Limba RENEWAL
Johnson F OldroydFranceAnna Fali UNQUALIFIED
Cody I StockhamBrazilAmy Elsner RENEWAL
Jeanfrancois I GlickAustraliaIoni Bowcher QUALIFIED
Ivar S WaycottSpainAsiya Javayant NEGOTIATION
Francesco Q OldroydFranceElwin Sharvill NEGOTIATION
Stacey W AmigonIndiaIvan Magalhaes QUALIFIED
Octavia K OldroydUnited KingdomAsiya Javayant PROPOSAL
Emily I KolmetzFranceXuxue Feng RENEWAL
James E RulapaughAustraliaOnyama Limba PROPOSAL
Isabel Z NestleUnited KingdomElwin Sharvill UNQUALIFIED
Wickens R RoysterGermanyBernardo Dominic UNQUALIFIED
Silvio C MarrierGermanyElwin Sharvill PROPOSAL
Leon J PoquetteAustraliaXuxue Feng RENEWAL
Francesco R BologniaCanadaElwin Sharvill UNQUALIFIED
Mayumi O FollerFranceStephen Shaw RENEWAL
Greenwood G DarakjyIndiaIvan Magalhaes RENEWAL
Francesco W MaletAustraliaAnna Fali PROPOSAL
Cody Z SchemmerGermanyAmy Elsner QUALIFIED
Deepesh Z ShinkoCanadaXuxue Feng PROPOSAL
Ashley B StockhamArgentinaAnna Fali QUALIFIED
David V GlickRussiaXuxue Feng NEW
Faith B FigeroaGermanyBernardo Dominic PROPOSAL
Chavez E FerenczArgentinaAsiya Javayant RENEWAL
David T CaldareraIndiaIvan Magalhaes RENEWAL
Silvio O WaycottGermanyIvan Magalhaes NEGOTIATION
Misaki X SaylorsBrazilXuxue Feng NEW
Munro I ChuiIndiaStephen Shaw NEGOTIATION
Frozen Columns
Name
Wickens L Poquette
Antonio R Schemmer
Maisha E Perin
Chavez K Royster
Silvio Q Flosi
Costa D Kolmetz
Aika V Royster
Juan Q Inouye
Adams C Dilliard
Maria J Saylors
Leon C Whobrey
Izzy I Glick
Izzy E Schemmer
Johnson V Figeroa
Izzy I Paprocki
Jones X Waycott
Wickens P Kolmetz
Jefferson T Saylors
Murillo Q Malet
Arvin R Nestle
Silvio W Nestle
Silvio J Tollner
Nicolas O Dilliard
Isabel Z Caldarera
Ricardo N Wieser
Deepesh T Gillian
Octavia I Chui
Jennifer N Briddick
Jennifer U Tollner
Kaitlin N Doe
Tony J Caudy
David Z Oldroyd
Clifford O Perin
Rodrigues O Venere
Kaitlin J Royster
Izzy G Stenseth
Murillo P Wieser
Jefferson K Garufi
Stacey S Figeroa
Aditya N Campain
Sinclair G Whobrey
Kadeem G Stockham
Misaki I Foller
Rodrigues H Flosi
Cody W Inouye
Costa H Dilliard
Jeanfrancois U Bolognia
Darci O Maclead
Ricardo M Butt
Isabel A Paprocki
IdCountryDate
1000Brazil2026-07-08
1001France2026-06-21
1002India2026-06-16
1003Japan2026-06-23
1004Canada2026-07-02
1005Spain2026-06-21
1006India2026-06-16
1007Japan2026-07-10
1008Germany2026-07-07
1009Italy2026-06-23
1010Spain2026-07-14
1011Argentina2026-07-07
1012Australia2026-07-12
1013France2026-07-04
1014Japan2026-06-20
1015Canada2026-07-10
1016France2026-07-14
1017Japan2026-07-11
1018Argentina2026-06-18
1019Argentina2026-07-07
1020France2026-07-10
1021France2026-06-22
1022United Kingdom2026-06-28
1023France2026-06-17
1024Germany2026-06-21
1025France2026-07-03
1026United Kingdom2026-06-22
1027Germany2026-06-24
1028Germany2026-06-21
1029France2026-07-08
1030India2026-07-08
1031United Kingdom2026-07-04
1032Russia2026-06-26
1033France2026-07-02
1034Russia2026-07-08
1035Germany2026-06-26
1036Brazil2026-07-07
1037Japan2026-06-16
1038Germany2026-06-18
1039Spain2026-06-29
1040Brazil2026-06-28
1041France2026-06-27
1042Australia2026-07-10
1043France2026-07-12
1044Germany2026-07-11
1045Japan2026-06-18
1046Australia2026-06-26
1047Italy2026-06-20
1048France2026-07-09
1049Canada2026-06-22

On-Demand Data

NameIdCountryDate
Johnson P Briddick1000Argentina2026-07-10
Clifford O Dilliard1001Australia2026-07-08
Izzy O Flosi1002Russia2026-07-10
Sinclair F Dilliard1003Italy2026-06-30
Aditya K Albares1004Argentina2026-06-17
Stacey J Shinko1005Russia2026-07-15
Munro I Schemmer1006Germany2026-06-28
Isabel O Foller1007Japan2026-06-25
Mujtaba M Waycott1008France2026-06-25
Murillo L Nicka1009France2026-07-12
Francesco S Butt1010Russia2026-06-20
James I Nestle1011Argentina2026-07-12
Morrow I Malet1012Italy2026-06-23
Ivar P Rulapaugh1013India2026-07-14
Mujtaba P Ruta1014France2026-06-17
Chavez G Perin1015Germany2026-07-02
Alejandro L Saylors1016Australia2026-06-16
Silvio Y Kusko1017Spain2026-07-08
Chavez G Nestle1018India2026-06-21
Jefferson F Rulapaugh1019Italy2026-07-14
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
James I InouyeItalyElwin Sharvill QUALIFIED
Jefferson N PoquetteCanadaAsiya Javayant PROPOSAL
Jones L TollnerGermanyStephen Shaw UNQUALIFIED
Julie N WieserCanadaAsiya Javayant QUALIFIED
Aika S AmigonUnited KingdomAmy Elsner NEGOTIATION
Octavia O BriddickItalyIvan Magalhaes QUALIFIED
Darci A NestleRussiaIoni Bowcher UNQUALIFIED
Leon L NickaCanadaAmy Elsner RENEWAL
Clifford F ChuiSpainAnna Fali RENEWAL
Chavez I NickaIndiaOnyama Limba NEW
Jeanfrancois C AlbaresGermanyAsiya Javayant NEW
Mayumi C VenereUnited KingdomXuxue Feng PROPOSAL
Isabel M MaletRussiaXuxue Feng PROPOSAL
Rodrigues S MacleadUnited KingdomIvan Magalhaes NEW
Leon L GauchoSpainAsiya Javayant QUALIFIED
Stacey O WieserItalyAmy Elsner PROPOSAL
Adams O ButtBrazilXuxue Feng NEGOTIATION
James Q WaycottArgentinaIvan Magalhaes RENEWAL
Jones U SchemmerItalyIvan Magalhaes QUALIFIED
Munro V MorascaBrazilBernardo Dominic QUALIFIED
Maria Y RutaJapanElwin Sharvill UNQUALIFIED
Adams H MacleadBrazilIoni Bowcher PROPOSAL
Arvin S FlosiItalyOnyama Limba QUALIFIED
Chavez Z FerenczAustraliaBernardo Dominic UNQUALIFIED
Deepesh N IturbideItalyAnna Fali NEW
Johnson H MarrierFranceIvan Magalhaes PROPOSAL
Munro A DilliardCanadaXuxue Feng RENEWAL
Claire P InouyeBrazilBernardo Dominic RENEWAL
Julie M BriddickFranceAmy Elsner QUALIFIED
Jennifer G MacleadIndiaXuxue Feng UNQUALIFIED
Isabel W BowleyFranceAsiya Javayant NEGOTIATION
Leon X NickaIndiaAnna Fali QUALIFIED
Salvatore F PerinAustraliaAmy Elsner RENEWAL
James C VenereCanadaIvan Magalhaes NEGOTIATION
Stacey Q ShinkoItalyAmy Elsner QUALIFIED
Isabel E GlickBrazilXuxue Feng NEW
Kaitlin J DilliardRussiaAmy Elsner QUALIFIED
Emily R PoquetteIndiaAsiya Javayant QUALIFIED
Ricardo D PaprockiGermanyStephen Shaw UNQUALIFIED
Silvio P VocelkaIndiaIoni Bowcher UNQUALIFIED

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