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
Morrow Y PaprockiSpainBernardo Dominic QUALIFIED
Cody B TollnerSpainXuxue Feng NEGOTIATION
Munro R FollerUnited KingdomStephen Shaw UNQUALIFIED
Octavia X SaylorsBrazilXuxue Feng PROPOSAL
Wickens J CaldareraCanadaBernardo Dominic NEW
Mujtaba P WieserUnited KingdomBernardo Dominic NEW
Clifford Y StensethBrazilAsiya Javayant NEW
Wickens F KolmetzAustraliaIoni Bowcher RENEWAL
Leja T NickaFranceAsiya Javayant PROPOSAL
Arvin E OldroydGermanyAsiya Javayant NEW
Isabel V NestleItalyBernardo Dominic PROPOSAL
Mujtaba W PaprockiCanadaElwin Sharvill UNQUALIFIED
Arvin O FollerRussiaIvan Magalhaes QUALIFIED
Mayumi U RutaSpainXuxue Feng PROPOSAL
Clifford B CaudyFranceElwin Sharvill QUALIFIED
Costa M KuskoBrazilAmy Elsner PROPOSAL
Wickens A MorascaUnited KingdomIoni Bowcher NEW
Smith I TollnerFranceAmy Elsner QUALIFIED
Nicolas Q CaldareraRussiaIoni Bowcher RENEWAL
Wickens Y ShinkoGermanyStephen Shaw NEGOTIATION
Mujtaba I GlickArgentinaAsiya Javayant RENEWAL
Murillo A SlusarskiGermanyStephen Shaw UNQUALIFIED
Ivar A GarufiGermanyOnyama Limba RENEWAL
Smith M ShinkoGermanyStephen Shaw UNQUALIFIED
Wickens T MarrierItalyAsiya Javayant UNQUALIFIED
Ashley T RulapaughArgentinaAsiya Javayant NEW
Stacey L BriddickGermanyIoni Bowcher PROPOSAL
Isabel E RutaAustraliaIoni Bowcher RENEWAL
Ashley X PaprockiJapanElwin Sharvill NEGOTIATION
Leon L CampainIndiaAnna Fali QUALIFIED
Julie K SchemmerUnited KingdomOnyama Limba PROPOSAL
Silvio F CampainAustraliaIoni Bowcher RENEWAL
Faith Q DarakjyRussiaAsiya Javayant NEW
Rodrigues Y GarufiArgentinaAsiya Javayant UNQUALIFIED
Jones Q RutaGermanyAmy Elsner QUALIFIED
Kadeem K SaylorsIndiaIvan Magalhaes NEW
Deepesh W GillianFranceOnyama Limba QUALIFIED
Sinclair E WaycottItalyBernardo Dominic NEGOTIATION
Wickens V GlickSpainIoni Bowcher QUALIFIED
James X AlbaresItalyOnyama Limba NEW
Rodrigues R InouyeSpainElwin Sharvill PROPOSAL
Munro U RoysterGermanyStephen Shaw PROPOSAL
Ricardo S ShinkoUnited KingdomAmy Elsner PROPOSAL
Leon G BriddickSpainElwin Sharvill NEW
Antonio F StensethGermanyAnna Fali QUALIFIED
Emily S CaudyUnited KingdomAmy Elsner RENEWAL
Antonio K MacleadGermanyElwin Sharvill NEW
Emily C DarakjySpainAmy Elsner NEGOTIATION
Jones Q ChuiCanadaXuxue Feng QUALIFIED
Silvio I KuskoUnited KingdomIoni Bowcher RENEWAL
Horizontal
NameCountryRepresentativeStatus
Maisha E AlbaresIndiaElwin Sharvill RENEWAL
Ricardo Q AlbaresFranceIvan Magalhaes UNQUALIFIED
Maria H DarakjyGermanyElwin Sharvill UNQUALIFIED
Juan J TollnerCanadaElwin Sharvill QUALIFIED
Misaki S RimFranceOnyama Limba NEW
Munro T PoquetteSpainBernardo Dominic NEGOTIATION
Stacey A ShinkoAustraliaXuxue Feng PROPOSAL
Stacey G RutaBrazilAnna Fali RENEWAL
Jones C BriddickAustraliaBernardo Dominic NEGOTIATION
Munro U FigeroaAustraliaOnyama Limba NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Costa V SergiItaly2024-09-20Feltz Printing Service QUALIFIED24Xuxue Feng
1001Izzy J SaylorsItaly2024-09-18Printing Dimensions NEW8Elwin Sharvill
1002Isabel H KolmetzBrazil2024-09-22Chemel, James L Cpa NEW56Bernardo Dominic
1003Ashley Q DarakjyUnited Kingdom2024-08-29Chemel, James L Cpa PROPOSAL87Anna Fali
1004Murillo Z ButtCanada2024-09-23Chanay, Jeffrey A Esq NEW76Onyama Limba
1005Antonio D CampainRussia2024-09-18Chemel, James L Cpa UNQUALIFIED22Asiya Javayant
1006Silvio Y PoquetteArgentina2024-09-17Rousseaux, Michael Esq NEW94Ivan Magalhaes
1007Costa I GlickIndia2024-09-15Truhlar And Truhlar Attys NEW13Anna Fali
1008Murillo X DilliardIndia2024-09-08Commercial Press NEGOTIATION93Ivan Magalhaes
1009Kaitlin W OldroydFrance2024-09-17Printing Dimensions QUALIFIED40Elwin Sharvill
1010Costa N DarakjyRussia2024-09-10Feltz Printing Service QUALIFIED44Ivan Magalhaes
1011Tony X VocelkaArgentina2024-09-04Feiner Bros QUALIFIED8Ivan Magalhaes
1012Rodrigues I MaletIndia2024-09-18Truhlar And Truhlar Attys QUALIFIED24Amy Elsner
1013Morrow T TollnerBrazil2024-09-17Feiner Bros PROPOSAL91Elwin Sharvill
1014Smith F PaprockiGermany2024-08-26Dorl, James J Esq NEGOTIATION42Ioni Bowcher
1015Emily R BologniaGermany2024-09-24Chapman, Ross E Esq NEGOTIATION42Xuxue Feng
1016Ashley X RutaUnited Kingdom2024-09-03Chanay, Jeffrey A Esq QUALIFIED41Anna Fali
1017Octavia Y CaudyRussia2024-08-31Chapman, Ross E Esq UNQUALIFIED71Amy Elsner
1018Jefferson O GarufiSpain2024-08-28Morlong Associates PROPOSAL55Ioni Bowcher
1019Salvatore T DilliardItaly2024-09-15Dorl, James J Esq NEW44Amy Elsner
1020Costa J GarufiUnited Kingdom2024-09-20Buckley Miller Wright PROPOSAL15Xuxue Feng
1021David T DoeBrazil2024-09-12Commercial Press PROPOSAL89Onyama Limba
1022Murillo U FollerIndia2024-09-24Dorl, James J Esq NEW18Bernardo Dominic
1023Ashley X BologniaGermany2024-08-31Dorl, James J Esq UNQUALIFIED31Xuxue Feng
1024Rodrigues L AlbaresSpain2024-09-08Chapman, Ross E Esq RENEWAL13Bernardo Dominic
1025Jefferson X CaldareraIndia2024-08-28Truhlar And Truhlar Attys QUALIFIED1Xuxue Feng
1026Ricardo E FerenczCanada2024-09-09Benton, John B Jr QUALIFIED65Anna Fali
1027Tony B KolmetzCanada2024-08-27Benton, John B Jr NEW24Ioni Bowcher
1028Adams H WaycottArgentina2024-09-14Printing Dimensions RENEWAL96Xuxue Feng
1029Arvin A GlickSpain2024-09-20Commercial Press RENEWAL38Amy Elsner
1030Stacey R KolmetzItaly2024-08-29Commercial Press PROPOSAL14Ivan Magalhaes
1031Smith U ShinkoAustralia2024-09-17Rangoni Of Florence RENEWAL71Asiya Javayant
1032Silvio N FerenczGermany2024-09-21Commercial Press RENEWAL75Bernardo Dominic
1033Murillo X WieserBrazil2024-09-03Feiner Bros QUALIFIED45Onyama Limba
1034Greenwood C RimBrazil2024-09-22Buckley Miller Wright QUALIFIED92Asiya Javayant
1035Arvin E FigeroaIndia2024-09-17Feiner Bros PROPOSAL67Amy Elsner
1036Greenwood N KuskoFrance2024-09-15King, Christopher A Esq NEGOTIATION7Xuxue Feng
1037Octavia J PaprockiRussia2024-09-22Printing Dimensions NEW22Amy Elsner
1038Jones X MaletSpain2024-09-17Chanay, Jeffrey A Esq QUALIFIED13Ioni Bowcher
1039Claire Q WieserArgentina2024-09-22Rangoni Of Florence RENEWAL13Anna Fali
1040Jones H MarrierRussia2024-09-16Chapman, Ross E Esq UNQUALIFIED24Asiya Javayant
1041Tony V PoquetteBrazil2024-09-23Rangoni Of Florence NEGOTIATION30Ioni Bowcher
1042Jennifer G CampainCanada2024-09-16Dorl, James J Esq NEGOTIATION69Elwin Sharvill
1043James Q DoeSpain2024-09-18Chemel, James L Cpa NEGOTIATION29Elwin Sharvill
1044Aditya Z StockhamRussia2024-09-14King, Christopher A Esq RENEWAL7Elwin Sharvill
1045James J PerinRussia2024-09-08Buckley Miller Wright RENEWAL12Bernardo Dominic
1046Julie O DoeGermany2024-09-04Feltz Printing Service NEW6Asiya Javayant
1047Deepesh U KuskoSpain2024-09-17Printing Dimensions PROPOSAL6Elwin Sharvill
1048Faith W StensethCanada2024-09-05Benton, John B Jr QUALIFIED48Asiya Javayant
1049Greenwood Q FollerArgentina2024-09-23King, Christopher A Esq PROPOSAL38Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Rodrigues E MaletUnited KingdomAmy Elsner RENEWAL
Costa X FerenczJapanAnna Fali NEW
Smith X SaylorsArgentinaAmy Elsner NEW
Leja O FlosiAustraliaBernardo Dominic NEGOTIATION
Misaki K NickaCanadaAnna Fali UNQUALIFIED
Tony Y GauchoItalyElwin Sharvill NEGOTIATION
Kadeem L GarufiCanadaIvan Magalhaes RENEWAL
Johnson F KolmetzUnited KingdomStephen Shaw RENEWAL
Aika X CaldareraSpainXuxue Feng UNQUALIFIED
Juan B OstroskySpainStephen Shaw NEW
Ivar K GauchoJapanIoni Bowcher NEGOTIATION
Ivar U StockhamSpainIvan Magalhaes PROPOSAL
Tony I IturbideGermanyAsiya Javayant RENEWAL
Mujtaba G GauchoIndiaIoni Bowcher NEW
Maria O TollnerFranceAmy Elsner PROPOSAL
Alejandro I NestleIndiaIoni Bowcher UNQUALIFIED
Munro A MarrierFranceXuxue Feng QUALIFIED
Wickens M AmigonUnited KingdomIvan Magalhaes QUALIFIED
Antonio J GlickUnited KingdomAmy Elsner PROPOSAL
Kaitlin H AlbaresFranceElwin Sharvill RENEWAL
Octavia S SergiJapanIvan Magalhaes NEGOTIATION
Ashley N PoquetteCanadaIvan Magalhaes PROPOSAL
Jefferson W PerinSpainAnna Fali UNQUALIFIED
Stacey E PerinArgentinaXuxue Feng NEW
Cody F GauchoItalyAnna Fali NEW
Kaitlin H AmigonItalyIoni Bowcher NEW
Deepesh P ShinkoCanadaOnyama Limba PROPOSAL
Wickens X AmigonAustraliaElwin Sharvill RENEWAL
Costa Y BowleySpainBernardo Dominic QUALIFIED
Jeanfrancois K FlosiRussiaIvan Magalhaes QUALIFIED
Kadeem M BowleySpainOnyama Limba NEW
Arvin D TollnerIndiaOnyama Limba NEW
Ricardo X IturbideFranceBernardo Dominic NEW
Isabel X FerenczCanadaStephen Shaw QUALIFIED
Maisha G GlickFranceIvan Magalhaes PROPOSAL
Julie K AmigonFranceElwin Sharvill QUALIFIED
Jefferson K OldroydRussiaBernardo Dominic QUALIFIED
Maisha E OldroydGermanyAnna Fali UNQUALIFIED
Misaki G WieserAustraliaBernardo Dominic UNQUALIFIED
Misaki X RoysterGermanyIoni Bowcher RENEWAL
Salvatore M BowleyUnited KingdomIvan Magalhaes RENEWAL
Smith G DoeCanadaBernardo Dominic NEW
Cody N FlosiIndiaAsiya Javayant UNQUALIFIED
Kadeem U ShinkoUnited KingdomIvan Magalhaes RENEWAL
Sinclair E OldroydSpainAmy Elsner RENEWAL
Arvin E WhobreyArgentinaElwin Sharvill NEGOTIATION
Rodrigues A FlosiIndiaOnyama Limba QUALIFIED
Ivar O FlosiBrazilIoni Bowcher QUALIFIED
Jefferson U RoysterFranceOnyama Limba QUALIFIED
Jeanfrancois X GlickArgentinaBernardo Dominic PROPOSAL
Frozen Columns
Name
Ricardo Z Iturbide
Aditya C Morasca
Leon F Whobrey
Aika U Nicka
Maria B Paprocki
Ashley V Nestle
Cody R Kolmetz
Jefferson H Dilliard
Leon K Kolmetz
Juan D Chui
Leja A Vocelka
Faith E Ruta
David N Darakjy
Darci I Nestle
Jeanfrancois C Waycott
Julie C Bolognia
Morrow Q Chui
Wickens V Royster
Claire U Dilliard
Salvatore L Flosi
Jones D Ruta
Johnson X Kolmetz
Aruna M Sergi
Munro P Tollner
Silvio X Gillian
Clifford Q Bowley
James V Gaucho
Faith Z Wieser
Munro Q Maclead
Chavez D Doe
Nicolas E Stenseth
Deepesh C Rulapaugh
Jones D Schemmer
Jennifer O Bowley
James V Gillian
Antonio Y Gillian
Claire P Marrier
Aditya C Bolognia
Alejandro D Butt
Leon A Waycott
Juan E Figeroa
Octavia N Whobrey
Jennifer M Marrier
Emily Z Briddick
Jones P Briddick
Adams L Stockham
Misaki V Briddick
Juan W Butt
Nicolas T Amigon
Jennifer B Shinko
IdCountryDate
1000United Kingdom2024-09-12
1001France2024-09-09
1002Italy2024-09-19
1003United Kingdom2024-09-17
1004Germany2024-09-19
1005Germany2024-08-26
1006Russia2024-09-13
1007India2024-09-04
1008Italy2024-09-14
1009Spain2024-09-19
1010Germany2024-09-07
1011Argentina2024-09-23
1012India2024-09-03
1013Brazil2024-09-08
1014Spain2024-09-24
1015India2024-08-29
1016Russia2024-09-10
1017Italy2024-09-03
1018Australia2024-09-04
1019Australia2024-09-21
1020Australia2024-09-12
1021Italy2024-09-12
1022France2024-09-14
1023Italy2024-09-15
1024Australia2024-09-10
1025Brazil2024-08-29
1026Argentina2024-09-23
1027France2024-09-07
1028Russia2024-09-21
1029Germany2024-09-07
1030France2024-08-30
1031Italy2024-09-22
1032Spain2024-09-02
1033Brazil2024-09-21
1034Australia2024-09-01
1035Russia2024-08-26
1036Australia2024-09-19
1037Spain2024-08-31
1038Canada2024-09-23
1039Russia2024-09-08
1040Germany2024-09-15
1041Brazil2024-09-23
1042Germany2024-09-11
1043Italy2024-09-20
1044India2024-09-16
1045Spain2024-09-23
1046Italy2024-08-30
1047Spain2024-09-07
1048France2024-09-20
1049Russia2024-09-17

On-Demand Data

NameIdCountryDate
Juan C Ostrosky1000Japan2024-08-31
Aruna P Caldarera1001Italy2024-09-22
Aruna K Bowley1002India2024-09-13
Julie V Bolognia1003Australia2024-09-01
Darci A Poquette1004France2024-09-20
Leon M Poquette1005France2024-09-13
Antonio N Figeroa1006Japan2024-09-09
Jefferson A Marrier1007Russia2024-09-08
Deepesh W Chui1008Australia2024-09-22
Silvio N Saylors1009Australia2024-09-16
Kadeem C Vocelka1010France2024-09-16
Ivar F Garufi1011Russia2024-09-20
Deepesh M Slusarski1012Italy2024-08-27
Maisha T Tollner1013India2024-09-02
Leon M Venere1014Russia2024-09-10
Darci G Caldarera1015Italy2024-08-30
Ashley J Foller1016Argentina2024-09-10
Leon S Gaucho1017France2024-09-07
Darci G Saylors1018Spain2024-09-02
Jefferson L Iturbide1019France2024-09-21
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Antonio Q CaudyIndiaAmy Elsner UNQUALIFIED
Alejandro S GarufiCanadaAnna Fali NEW
Jeanfrancois R SaylorsBrazilOnyama Limba PROPOSAL
Julie M RulapaughBrazilBernardo Dominic NEW
Mujtaba T AlbaresIndiaIoni Bowcher NEGOTIATION
Smith J FerenczRussiaElwin Sharvill NEGOTIATION
Rodrigues J ShinkoBrazilAmy Elsner NEGOTIATION
Francesco O FollerFranceIoni Bowcher UNQUALIFIED
Leon V RutaCanadaOnyama Limba NEW
Greenwood Q StensethUnited KingdomElwin Sharvill RENEWAL
Aruna T WaycottCanadaAmy Elsner NEGOTIATION
Ivar E VocelkaAustraliaBernardo Dominic NEW
Morrow Z WieserRussiaElwin Sharvill NEGOTIATION
Antonio Z FerenczGermanyIvan Magalhaes NEGOTIATION
Octavia Y IturbideJapanStephen Shaw NEGOTIATION
Greenwood V GlickFranceElwin Sharvill NEGOTIATION
Octavia F KolmetzUnited KingdomIvan Magalhaes QUALIFIED
Aruna A TollnerJapanAsiya Javayant UNQUALIFIED
Alejandro U RoysterSpainIoni Bowcher RENEWAL
Morrow L RimSpainAmy Elsner PROPOSAL
David B ChuiIndiaXuxue Feng PROPOSAL
Costa F VenereArgentinaStephen Shaw NEW
Smith W StockhamBrazilElwin Sharvill PROPOSAL
Francesco R FollerRussiaElwin Sharvill NEGOTIATION
Rodrigues G SlusarskiCanadaIvan Magalhaes NEGOTIATION
Silvio R FollerSpainXuxue Feng QUALIFIED
Stacey B NickaRussiaStephen Shaw UNQUALIFIED
Kaitlin I RulapaughCanadaStephen Shaw QUALIFIED
Nicolas U TollnerAustraliaStephen Shaw RENEWAL
Faith Z InouyeGermanyAmy Elsner RENEWAL
Faith I PaprockiJapanStephen Shaw NEGOTIATION
Julie J WhobreyCanadaOnyama Limba PROPOSAL
Aika P SchemmerUnited KingdomStephen Shaw PROPOSAL
James N MarrierJapanXuxue Feng NEGOTIATION
Salvatore O KolmetzJapanElwin Sharvill UNQUALIFIED
Silvio B VocelkaArgentinaAsiya Javayant NEGOTIATION
Antonio E SlusarskiArgentinaAnna Fali QUALIFIED
Aditya L IturbideCanadaIvan Magalhaes RENEWAL
Aruna T KolmetzSpainOnyama Limba QUALIFIED
Darci Q AmigonArgentinaIoni Bowcher PROPOSAL

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