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 Q OstroskyCanadaStephen Shaw QUALIFIED
Smith D FollerUnited KingdomOnyama Limba RENEWAL
Rodrigues I FerenczBrazilAnna Fali PROPOSAL
Johnson N WhobreyUnited KingdomAnna Fali NEGOTIATION
Clifford Y GarufiUnited KingdomStephen Shaw PROPOSAL
Jeanfrancois Q PerinAustraliaOnyama Limba QUALIFIED
Ivar B WaycottAustraliaIoni Bowcher RENEWAL
Greenwood C NickaGermanyStephen Shaw PROPOSAL
Murillo X WieserCanadaIoni Bowcher RENEWAL
Salvatore K SergiIndiaXuxue Feng RENEWAL
Chavez Y GauchoRussiaIvan Magalhaes PROPOSAL
Johnson B MacleadBrazilXuxue Feng NEGOTIATION
Deepesh M SlusarskiCanadaAnna Fali NEGOTIATION
Chavez D RoysterJapanAsiya Javayant PROPOSAL
Ivar S SchemmerUnited KingdomOnyama Limba PROPOSAL
Cody C SergiSpainAmy Elsner NEW
Jones G PaprockiBrazilXuxue Feng PROPOSAL
Faith X CaudyArgentinaIoni Bowcher NEGOTIATION
Nicolas U MaletIndiaStephen Shaw NEGOTIATION
Greenwood T VocelkaUnited KingdomXuxue Feng NEGOTIATION
Maisha M TollnerItalyStephen Shaw UNQUALIFIED
Claire G VocelkaSpainAmy Elsner NEW
Faith R BriddickArgentinaAnna Fali NEGOTIATION
Smith U GauchoSpainIoni Bowcher PROPOSAL
Greenwood H SergiBrazilXuxue Feng RENEWAL
Adams E TollnerAustraliaIvan Magalhaes UNQUALIFIED
Munro U MorascaBrazilAsiya Javayant RENEWAL
Leja R StockhamBrazilBernardo Dominic RENEWAL
Smith M VocelkaSpainStephen Shaw NEGOTIATION
Rodrigues P BriddickItalyStephen Shaw RENEWAL
Morrow B RoysterFranceOnyama Limba NEW
Aika B PoquetteSpainAmy Elsner UNQUALIFIED
Cody H IturbideBrazilIvan Magalhaes QUALIFIED
David W GillianAustraliaAmy Elsner UNQUALIFIED
Murillo J AlbaresRussiaIoni Bowcher QUALIFIED
Ricardo T NestleItalyElwin Sharvill QUALIFIED
Tony B VocelkaSpainAmy Elsner NEGOTIATION
Faith K OldroydBrazilAnna Fali QUALIFIED
Leja E OldroydJapanAnna Fali NEGOTIATION
Smith Q StensethSpainIoni Bowcher NEGOTIATION
Darci O KuskoSpainAsiya Javayant PROPOSAL
Faith O RulapaughRussiaStephen Shaw NEW
Smith K MarrierFranceAnna Fali RENEWAL
Ricardo P DilliardItalyBernardo Dominic RENEWAL
Munro Y RimSpainAsiya Javayant RENEWAL
Leja L RutaItalyBernardo Dominic RENEWAL
Kaitlin L CaudyRussiaStephen Shaw RENEWAL
David J FerenczRussiaIoni Bowcher NEW
Maisha V RimItalyElwin Sharvill NEGOTIATION
Isabel D SergiJapanStephen Shaw NEW
Horizontal
NameCountryRepresentativeStatus
Kadeem M SaylorsAustraliaIvan Magalhaes NEW
Faith U NickaSpainBernardo Dominic NEW
Salvatore O PaprockiSpainElwin Sharvill NEGOTIATION
Kaitlin T WaycottItalyIoni Bowcher PROPOSAL
Costa A IturbideJapanOnyama Limba NEGOTIATION
Clifford T RutaItalyElwin Sharvill QUALIFIED
Greenwood L DoeFranceIvan Magalhaes QUALIFIED
Aika U RulapaughCanadaXuxue Feng UNQUALIFIED
Johnson T GauchoArgentinaOnyama Limba RENEWAL
Smith R TollnerItalyIvan Magalhaes QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Sinclair A GarufiBrazil2025-04-09Rousseaux, Michael Esq UNQUALIFIED18Anna Fali
1001Faith P KuskoBrazil2025-04-05Commercial Press NEGOTIATION11Elwin Sharvill
1002Chavez Y SlusarskiJapan2025-04-08Printing Dimensions PROPOSAL21Amy Elsner
1003Munro U NickaGermany2025-04-07Chemel, James L Cpa PROPOSAL25Onyama Limba
1004Sinclair V DilliardAustralia2025-04-01Feiner Bros NEW93Onyama Limba
1005Aruna G PaprockiAustralia2025-04-27Dorl, James J Esq RENEWAL14Asiya Javayant
1006Rodrigues U FigeroaSpain2025-04-03Chanay, Jeffrey A Esq QUALIFIED58Ioni Bowcher
1007Ricardo I FlosiGermany2025-04-28Rousseaux, Michael Esq QUALIFIED10Asiya Javayant
1008Stacey I RulapaughIndia2025-04-30Chemel, James L Cpa QUALIFIED77Bernardo Dominic
1009Maisha F GauchoGermany2025-04-01Morlong Associates RENEWAL58Anna Fali
1010Jefferson U AmigonAustralia2025-04-27Benton, John B Jr NEW63Anna Fali
1011Arvin B BowleyCanada2025-04-05Buckley Miller Wright QUALIFIED36Onyama Limba
1012Smith U StensethIndia2025-04-08Rousseaux, Michael Esq PROPOSAL92Anna Fali
1013Cody G PaprockiItaly2025-04-16Printing Dimensions UNQUALIFIED54Anna Fali
1014Faith Y FerenczItaly2025-04-15Rousseaux, Michael Esq QUALIFIED12Bernardo Dominic
1015Maisha O BowleyJapan2025-04-26Feltz Printing Service UNQUALIFIED62Xuxue Feng
1016Octavia I FigeroaIndia2025-04-24Truhlar And Truhlar Attys QUALIFIED5Ioni Bowcher
1017Jennifer N PaprockiItaly2025-04-22Rangoni Of Florence NEGOTIATION98Onyama Limba
1018Aika R PerinRussia2025-04-19Feltz Printing Service NEW77Stephen Shaw
1019Darci H OstroskyArgentina2025-04-25Chemel, James L Cpa QUALIFIED19Xuxue Feng
1020Wickens D RoysterUnited Kingdom2025-04-29Commercial Press PROPOSAL90Onyama Limba
1021Aika B WaycottRussia2025-04-24Chemel, James L Cpa QUALIFIED69Elwin Sharvill
1022Ivar I CaudySpain2025-04-05Morlong Associates UNQUALIFIED43Ivan Magalhaes
1023Darci L GauchoUnited Kingdom2025-04-11Feltz Printing Service UNQUALIFIED30Ioni Bowcher
1024Mujtaba P TollnerBrazil2025-04-25Dorl, James J Esq NEW50Elwin Sharvill
1025Tony P GlickGermany2025-04-11Rousseaux, Michael Esq UNQUALIFIED44Ioni Bowcher
1026Greenwood A SergiFrance2025-04-08Feltz Printing Service RENEWAL7Ioni Bowcher
1027Salvatore T GauchoBrazil2025-04-23Morlong Associates NEGOTIATION30Onyama Limba
1028Jeanfrancois C CaldareraRussia2025-04-13Buckley Miller Wright NEGOTIATION32Anna Fali
1029Costa A GlickSpain2025-04-01King, Christopher A Esq NEW96Anna Fali
1030Kaitlin H BriddickGermany2025-04-30Chanay, Jeffrey A Esq QUALIFIED45Xuxue Feng
1031Morrow L WieserArgentina2025-04-14Benton, John B Jr UNQUALIFIED88Anna Fali
1032Nicolas S KuskoBrazil2025-04-12Truhlar And Truhlar Attys NEW4Asiya Javayant
1033Francesco Q OstroskyCanada2025-04-14Buckley Miller Wright UNQUALIFIED63Ioni Bowcher
1034Jennifer W ButtUnited Kingdom2025-04-25Feltz Printing Service NEGOTIATION46Asiya Javayant
1035Sinclair Q MaletFrance2025-04-17Feltz Printing Service RENEWAL66Anna Fali
1036Munro B KolmetzGermany2025-04-19Rangoni Of Florence QUALIFIED27Elwin Sharvill
1037Tony Z TollnerFrance2025-04-22Feiner Bros QUALIFIED49Onyama Limba
1038Kaitlin X ChuiUnited Kingdom2025-04-11Chanay, Jeffrey A Esq UNQUALIFIED21Amy Elsner
1039Salvatore E FerenczItaly2025-04-17Printing Dimensions QUALIFIED73Elwin Sharvill
1040Jefferson J WhobreyJapan2025-04-28Chemel, James L Cpa NEGOTIATION26Ioni Bowcher
1041Sinclair O WieserItaly2025-04-17Benton, John B Jr QUALIFIED59Asiya Javayant
1042Sinclair D KuskoSpain2025-04-23Feiner Bros PROPOSAL70Anna Fali
1043Juan V GarufiRussia2025-04-18Commercial Press QUALIFIED17Bernardo Dominic
1044Jennifer Y NestleFrance2025-04-16Morlong Associates UNQUALIFIED86Stephen Shaw
1045Silvio W CaldareraCanada2025-04-28Rousseaux, Michael Esq NEW30Amy Elsner
1046Julie W PaprockiArgentina2025-04-12Truhlar And Truhlar Attys PROPOSAL13Elwin Sharvill
1047Emily K BriddickItaly2025-04-21Printing Dimensions RENEWAL64Bernardo Dominic
1048Greenwood X ShinkoJapan2025-04-29Buckley Miller Wright UNQUALIFIED60Amy Elsner
1049Claire H CaldareraGermany2025-04-16Rangoni Of Florence NEGOTIATION53Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Julie M CampainCanadaOnyama Limba UNQUALIFIED
Stacey X ButtAustraliaStephen Shaw RENEWAL
Johnson M IturbideSpainAnna Fali NEW
Claire X KuskoFranceXuxue Feng NEW
Emily J FollerGermanyAnna Fali NEW
Stacey Q DilliardSpainBernardo Dominic NEW
Wickens P GauchoArgentinaOnyama Limba PROPOSAL
Antonio U SaylorsIndiaAmy Elsner NEGOTIATION
Aika E RoysterJapanStephen Shaw PROPOSAL
Kadeem H GlickUnited KingdomBernardo Dominic NEGOTIATION
Julie Y BowleyUnited KingdomOnyama Limba RENEWAL
Antonio Y MacleadItalyIoni Bowcher NEW
Greenwood R BriddickGermanyStephen Shaw NEGOTIATION
Misaki S InouyeArgentinaOnyama Limba NEW
Francesco L IturbideArgentinaIvan Magalhaes RENEWAL
Isabel M CaldareraUnited KingdomAnna Fali PROPOSAL
Jennifer T MacleadArgentinaIvan Magalhaes NEW
Smith S PerinItalyXuxue Feng NEGOTIATION
Nicolas I GlickJapanOnyama Limba PROPOSAL
James H GlickBrazilBernardo Dominic NEGOTIATION
Munro C GarufiItalyBernardo Dominic RENEWAL
Greenwood S MorascaGermanyIvan Magalhaes UNQUALIFIED
Arvin V FerenczSpainOnyama Limba PROPOSAL
Kaitlin Q MaletRussiaAnna Fali QUALIFIED
Sinclair W IturbideArgentinaIvan Magalhaes UNQUALIFIED
Octavia T MarrierCanadaIvan Magalhaes UNQUALIFIED
Adams L DilliardGermanyElwin Sharvill NEGOTIATION
Ashley X BowleyRussiaOnyama Limba RENEWAL
Antonio S WhobreyRussiaAsiya Javayant NEGOTIATION
Kaitlin Z FerenczIndiaStephen Shaw NEGOTIATION
Misaki O NestleCanadaAmy Elsner PROPOSAL
Maisha Q ChuiGermanyElwin Sharvill QUALIFIED
David U DarakjyIndiaBernardo Dominic UNQUALIFIED
Julie I FerenczJapanOnyama Limba PROPOSAL
Morrow Z RoysterRussiaBernardo Dominic PROPOSAL
Alejandro V AmigonItalyElwin Sharvill UNQUALIFIED
James R PoquetteFranceAnna Fali NEW
Jones F NestleArgentinaIvan Magalhaes NEGOTIATION
Ricardo K PerinItalyXuxue Feng UNQUALIFIED
Tony I RimRussiaAmy Elsner UNQUALIFIED
Jefferson O OldroydFranceBernardo Dominic UNQUALIFIED
James O MaletArgentinaAnna Fali NEGOTIATION
Rodrigues O RimCanadaXuxue Feng PROPOSAL
Munro G InouyeCanadaStephen Shaw RENEWAL
Salvatore A AmigonBrazilElwin Sharvill UNQUALIFIED
Ashley L GauchoGermanyBernardo Dominic PROPOSAL
Ivar C PaprockiSpainBernardo Dominic RENEWAL
Rodrigues P AlbaresGermanyAnna Fali NEGOTIATION
Isabel W ShinkoItalyXuxue Feng RENEWAL
Silvio I ShinkoUnited KingdomIvan Magalhaes PROPOSAL
Frozen Columns
Name
Emily D Dilliard
Chavez E Gillian
Jeanfrancois G Ostrosky
Darci S Gaucho
Nicolas K Bowley
Jones A Venere
Adams O Saylors
Francesco F Shinko
Jones Q Rim
Johnson Z Iturbide
Murillo D Maclead
Leon Q Ruta
Silvio V Glick
Izzy S Ostrosky
Kaitlin Y Butt
Ricardo I Dilliard
Julie N Schemmer
Maisha Z Bolognia
Mujtaba A Iturbide
Faith J Sergi
Murillo W Kusko
Darci R Bowley
Silvio Q Caudy
Sinclair P Shinko
Deepesh G Kusko
Sinclair S Stockham
Johnson R Caudy
Tony S Rulapaugh
Mayumi M Morasca
Francesco O Sergi
Adams Z Marrier
Costa S Saylors
Wickens N Marrier
Ivar X Glick
Jennifer B Waycott
Clifford H Paprocki
Murillo B Gaucho
Maisha P Malet
Smith L Bowley
Emily A Caldarera
David U Kolmetz
Kadeem D Inouye
Ashley F Bowley
Claire S Malet
Kadeem E Dilliard
Emily D Malet
Jennifer E Caldarera
Francesco X Perin
Izzy S Royster
Julie K Venere
IdCountryDate
1000Brazil2025-04-29
1001Argentina2025-04-18
1002Australia2025-04-02
1003Russia2025-04-20
1004United Kingdom2025-04-21
1005Spain2025-04-16
1006Italy2025-04-28
1007France2025-04-28
1008Russia2025-04-30
1009Russia2025-04-09
1010Russia2025-04-08
1011Russia2025-04-05
1012United Kingdom2025-04-15
1013Germany2025-04-21
1014India2025-04-26
1015India2025-04-06
1016France2025-04-11
1017India2025-04-10
1018Brazil2025-04-10
1019Germany2025-04-24
1020India2025-04-23
1021Russia2025-04-08
1022Brazil2025-04-23
1023Argentina2025-04-06
1024Canada2025-04-09
1025Argentina2025-04-03
1026Australia2025-04-21
1027Japan2025-04-03
1028France2025-04-06
1029India2025-04-03
1030Russia2025-04-10
1031Germany2025-04-04
1032Argentina2025-04-05
1033Brazil2025-04-02
1034Argentina2025-04-01
1035India2025-04-20
1036Argentina2025-04-23
1037Russia2025-04-13
1038Japan2025-04-01
1039Brazil2025-04-14
1040Japan2025-04-20
1041Germany2025-04-09
1042Canada2025-04-19
1043Italy2025-04-24
1044Brazil2025-04-01
1045France2025-04-21
1046France2025-04-26
1047Japan2025-04-09
1048Japan2025-04-25
1049Argentina2025-04-02

On-Demand Data

NameIdCountryDate
Chavez N Venere1000India2025-04-28
Aditya S Figeroa1001Brazil2025-04-13
Antonio H Caldarera1002Germany2025-04-19
Sinclair I Malet1003India2025-04-20
Aruna Z Maclead1004United Kingdom2025-04-02
Ivar Q Whobrey1005Canada2025-04-16
Kadeem D Malet1006Germany2025-04-08
Darci M Dilliard1007Argentina2025-04-07
Stacey K Kusko1008Spain2025-04-30
Kaitlin H Malet1009Brazil2025-04-02
Arvin X Stenseth1010Spain2025-04-14
Kadeem C Gaucho1011Canada2025-04-21
Isabel C Marrier1012Australia2025-04-13
Maria T Marrier1013United Kingdom2025-04-03
Claire W Butt1014Argentina2025-04-30
Alejandro V Chui1015Russia2025-04-08
Darci R Nestle1016Argentina2025-04-05
David W Perin1017Argentina2025-04-30
Juan O Tollner1018Canada2025-04-21
Kaitlin W Garufi1019United Kingdom2025-04-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Aruna R StockhamRussiaAnna Fali PROPOSAL
Jennifer V RoysterGermanyIvan Magalhaes QUALIFIED
Salvatore I GillianFranceXuxue Feng QUALIFIED
Smith A RulapaughIndiaIoni Bowcher UNQUALIFIED
Aika V SlusarskiItalyElwin Sharvill UNQUALIFIED
Claire S NickaArgentinaOnyama Limba UNQUALIFIED
Aditya K PaprockiAustraliaIoni Bowcher QUALIFIED
James J BowleyItalyAnna Fali NEW
Jefferson Z KuskoItalyIoni Bowcher UNQUALIFIED
Maisha T CampainAustraliaXuxue Feng NEW
Faith F StockhamItalyElwin Sharvill NEGOTIATION
Stacey X CaudySpainIoni Bowcher PROPOSAL
Greenwood D KolmetzRussiaElwin Sharvill UNQUALIFIED
Greenwood V SergiIndiaBernardo Dominic NEW
Juan X FerenczJapanAsiya Javayant UNQUALIFIED
Morrow G KuskoAustraliaIoni Bowcher QUALIFIED
Isabel X RoysterItalyIoni Bowcher NEGOTIATION
Silvio D SergiAustraliaBernardo Dominic NEGOTIATION
Octavia E SaylorsItalyStephen Shaw PROPOSAL
Sinclair W GarufiGermanyAsiya Javayant UNQUALIFIED
Jefferson R ShinkoJapanStephen Shaw UNQUALIFIED
Izzy L FerenczUnited KingdomAmy Elsner QUALIFIED
Ricardo Y CaudyRussiaElwin Sharvill PROPOSAL
Leon R DoeFranceStephen Shaw NEW
Faith E AmigonIndiaBernardo Dominic NEW
Maisha V PoquetteCanadaAsiya Javayant UNQUALIFIED
Maisha L SlusarskiIndiaElwin Sharvill UNQUALIFIED
David J BowleyUnited KingdomIoni Bowcher NEW
James U ShinkoUnited KingdomXuxue Feng PROPOSAL
Aruna M CaudyArgentinaOnyama Limba QUALIFIED
Mayumi A StockhamUnited KingdomOnyama Limba QUALIFIED
Ricardo U CaudyUnited KingdomXuxue Feng PROPOSAL
Morrow O OstroskyUnited KingdomAmy Elsner QUALIFIED
Rodrigues G OstroskyAustraliaBernardo Dominic NEGOTIATION
Izzy Z PoquetteGermanyIvan Magalhaes NEW
Smith U OldroydUnited KingdomOnyama Limba NEGOTIATION
David Q ButtSpainElwin Sharvill QUALIFIED
Murillo H PerinCanadaIoni Bowcher PROPOSAL
Leja P RulapaughIndiaAnna Fali NEW
Alejandro S SaylorsJapanElwin Sharvill 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>