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
Deepesh B KolmetzArgentinaIvan Magalhaes NEW
Costa W PoquetteJapanAsiya Javayant QUALIFIED
Tony M NestleGermanyIoni Bowcher NEGOTIATION
Julie G BologniaBrazilAsiya Javayant NEGOTIATION
Smith Q AmigonBrazilBernardo Dominic NEW
Ricardo J BowleyGermanyOnyama Limba PROPOSAL
Jefferson E PoquetteGermanyAnna Fali NEW
Stacey N RimFranceStephen Shaw RENEWAL
Wickens C DarakjySpainAsiya Javayant RENEWAL
Emily L KuskoUnited KingdomBernardo Dominic QUALIFIED
Leja F DarakjyIndiaStephen Shaw NEW
Morrow T StensethBrazilAnna Fali RENEWAL
Darci B AlbaresAustraliaAnna Fali UNQUALIFIED
Johnson T FollerUnited KingdomOnyama Limba RENEWAL
Johnson V PaprockiBrazilIoni Bowcher PROPOSAL
Jeanfrancois E OldroydRussiaIoni Bowcher UNQUALIFIED
Arvin W MaletUnited KingdomAsiya Javayant NEGOTIATION
Johnson L NickaFranceStephen Shaw PROPOSAL
Darci W VocelkaItalyXuxue Feng RENEWAL
Kadeem E RutaRussiaIoni Bowcher QUALIFIED
Munro T KolmetzItalyAnna Fali NEW
Sinclair Y RimIndiaAmy Elsner UNQUALIFIED
Smith F MacleadIndiaAsiya Javayant NEW
Aruna R SaylorsJapanAnna Fali PROPOSAL
Cody G MaletArgentinaBernardo Dominic NEGOTIATION
Jones K FerenczUnited KingdomBernardo Dominic NEW
Ricardo P DilliardFranceStephen Shaw UNQUALIFIED
Aika G IturbideRussiaAmy Elsner UNQUALIFIED
Arvin A StockhamFranceAmy Elsner PROPOSAL
Johnson L DarakjyArgentinaOnyama Limba QUALIFIED
Murillo Y AmigonIndiaIvan Magalhaes UNQUALIFIED
Leon R TollnerCanadaOnyama Limba RENEWAL
Munro H MaletIndiaIoni Bowcher NEGOTIATION
Jennifer O RutaGermanyBernardo Dominic UNQUALIFIED
Aditya G GlickJapanAnna Fali NEGOTIATION
Ivar U IturbideUnited KingdomElwin Sharvill RENEWAL
Maria A StockhamSpainAmy Elsner RENEWAL
James L GauchoJapanBernardo Dominic NEW
Misaki N PaprockiJapanIoni Bowcher RENEWAL
Morrow L WaycottRussiaXuxue Feng PROPOSAL
Morrow U VocelkaBrazilAmy Elsner UNQUALIFIED
Johnson H PerinGermanyXuxue Feng NEGOTIATION
Aruna X GarufiFranceElwin Sharvill NEW
Nicolas P KolmetzArgentinaOnyama Limba UNQUALIFIED
Mayumi V ChuiFranceXuxue Feng RENEWAL
Jeanfrancois H FigeroaSpainAnna Fali NEW
Jennifer Y TollnerIndiaStephen Shaw NEGOTIATION
Claire T ChuiItalyElwin Sharvill NEGOTIATION
Costa W CaldareraItalyXuxue Feng UNQUALIFIED
Ricardo S FollerFranceIvan Magalhaes QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Juan W BologniaJapanElwin Sharvill PROPOSAL
Johnson N NickaGermanyAsiya Javayant NEW
Leon J PaprockiJapanOnyama Limba RENEWAL
Kaitlin U SlusarskiItalyElwin Sharvill NEGOTIATION
Darci G StensethItalyElwin Sharvill UNQUALIFIED
Ivar Q InouyeRussiaAnna Fali UNQUALIFIED
David A MaletJapanIvan Magalhaes RENEWAL
Silvio V KolmetzRussiaOnyama Limba RENEWAL
Cody S BowleyAustraliaXuxue Feng NEW
Mujtaba M CaudyAustraliaElwin Sharvill QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Clifford V GillianArgentina2024-08-29King, Christopher A Esq NEW68Bernardo Dominic
1001Morrow O RulapaughJapan2024-08-31Morlong Associates RENEWAL93Anna Fali
1002Johnson U WaycottJapan2024-09-14Morlong Associates NEW81Bernardo Dominic
1003Kadeem G TollnerBrazil2024-09-21Commercial Press UNQUALIFIED64Anna Fali
1004Jefferson C OldroydIndia2024-09-18Chapman, Ross E Esq NEW74Onyama Limba
1005Jefferson N CampainItaly2024-09-14King, Christopher A Esq NEW6Asiya Javayant
1006Antonio J SchemmerGermany2024-09-19Morlong Associates RENEWAL0Elwin Sharvill
1007Kadeem W BologniaItaly2024-09-07Dorl, James J Esq NEW38Anna Fali
1008David S FigeroaBrazil2024-09-02Truhlar And Truhlar Attys UNQUALIFIED58Onyama Limba
1009Juan N KuskoGermany2024-09-13Feiner Bros NEGOTIATION4Ioni Bowcher
1010Murillo X WhobreyBrazil2024-09-21Commercial Press UNQUALIFIED9Xuxue Feng
1011Jennifer U FerenczJapan2024-09-20Chemel, James L Cpa UNQUALIFIED15Elwin Sharvill
1012Kadeem X NestleSpain2024-08-29Rousseaux, Michael Esq NEW13Onyama Limba
1013Mayumi N NestleRussia2024-09-19Chapman, Ross E Esq NEGOTIATION83Ioni Bowcher
1014Leon V StockhamCanada2024-09-18Chapman, Ross E Esq PROPOSAL6Xuxue Feng
1015Murillo T ButtJapan2024-09-20Buckley Miller Wright UNQUALIFIED71Amy Elsner
1016Aruna D CampainAustralia2024-09-01Buckley Miller Wright PROPOSAL30Amy Elsner
1017James H OldroydRussia2024-09-05King, Christopher A Esq NEGOTIATION71Elwin Sharvill
1018Darci S ButtCanada2024-09-02Benton, John B Jr PROPOSAL33Onyama Limba
1019Maria B FlosiItaly2024-09-10Feltz Printing Service RENEWAL79Onyama Limba
1020Munro D RulapaughRussia2024-08-27King, Christopher A Esq QUALIFIED67Anna Fali
1021Juan F BriddickRussia2024-08-31Chanay, Jeffrey A Esq RENEWAL79Onyama Limba
1022Isabel M KuskoAustralia2024-09-11Benton, John B Jr UNQUALIFIED77Bernardo Dominic
1023Maisha P FigeroaCanada2024-09-24Dorl, James J Esq UNQUALIFIED22Ioni Bowcher
1024Salvatore K BologniaBrazil2024-08-28Truhlar And Truhlar Attys UNQUALIFIED44Elwin Sharvill
1025Costa S PerinGermany2024-09-02Chapman, Ross E Esq NEGOTIATION28Onyama Limba
1026Jefferson O DoeUnited Kingdom2024-09-04Feltz Printing Service NEW27Ioni Bowcher
1027Isabel O OstroskyUnited Kingdom2024-08-31Commercial Press NEW94Bernardo Dominic
1028Ivar B SlusarskiGermany2024-09-10Feiner Bros NEGOTIATION31Anna Fali
1029Julie F AlbaresFrance2024-09-21Chapman, Ross E Esq QUALIFIED78Bernardo Dominic
1030Clifford R DoeJapan2024-09-25Rousseaux, Michael Esq RENEWAL2Ioni Bowcher
1031Sinclair S KuskoAustralia2024-09-19Printing Dimensions UNQUALIFIED29Amy Elsner
1032Kadeem B GauchoFrance2024-09-24Feltz Printing Service NEGOTIATION88Anna Fali
1033Costa S WaycottBrazil2024-09-25Dorl, James J Esq PROPOSAL44Bernardo Dominic
1034Izzy E DarakjyIndia2024-08-28Chanay, Jeffrey A Esq NEGOTIATION48Amy Elsner
1035Claire J GarufiBrazil2024-09-22Morlong Associates QUALIFIED97Bernardo Dominic
1036Darci Y RoysterItaly2024-09-18Rousseaux, Michael Esq RENEWAL20Amy Elsner
1037Deepesh U MaletRussia2024-09-18Commercial Press PROPOSAL74Xuxue Feng
1038Munro R MarrierItaly2024-09-07Buckley Miller Wright PROPOSAL55Elwin Sharvill
1039Juan J MaletAustralia2024-09-11Truhlar And Truhlar Attys NEW94Xuxue Feng
1040Nicolas H GillianCanada2024-09-03Rangoni Of Florence QUALIFIED7Onyama Limba
1041Morrow W InouyeIndia2024-09-21King, Christopher A Esq NEGOTIATION13Anna Fali
1042Adams L MorascaFrance2024-09-23Feltz Printing Service PROPOSAL43Elwin Sharvill
1043Francesco Z GlickSpain2024-09-05Feiner Bros NEW27Bernardo Dominic
1044Antonio D InouyeAustralia2024-09-13Commercial Press NEGOTIATION0Stephen Shaw
1045Claire M OldroydRussia2024-09-20Dorl, James J Esq NEGOTIATION43Onyama Limba
1046Salvatore Q ShinkoGermany2024-09-03Feiner Bros NEGOTIATION24Amy Elsner
1047Octavia V BologniaJapan2024-08-30Printing Dimensions RENEWAL16Xuxue Feng
1048Juan I MaletSpain2024-09-10Rangoni Of Florence PROPOSAL8Asiya Javayant
1049Munro K ButtJapan2024-09-06Rousseaux, Michael Esq QUALIFIED28Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Morrow V PaprockiUnited KingdomAnna Fali NEW
Maria L FerenczArgentinaOnyama Limba PROPOSAL
Julie T PaprockiArgentinaElwin Sharvill NEGOTIATION
Ashley F BologniaFranceIoni Bowcher PROPOSAL
Smith O DoeSpainAnna Fali RENEWAL
Smith C AmigonItalyStephen Shaw UNQUALIFIED
Cody G BowleyItalyAmy Elsner PROPOSAL
Aika L WieserUnited KingdomStephen Shaw NEGOTIATION
Leon I GillianRussiaElwin Sharvill UNQUALIFIED
Clifford I MaletArgentinaXuxue Feng RENEWAL
Maisha P DoeCanadaIoni Bowcher UNQUALIFIED
Stacey E StensethItalyOnyama Limba NEW
Claire V PaprockiRussiaIoni Bowcher RENEWAL
Octavia I MaletIndiaBernardo Dominic NEGOTIATION
Ricardo H BowleyAustraliaElwin Sharvill RENEWAL
Morrow M SlusarskiUnited KingdomAsiya Javayant NEW
Aruna J BologniaIndiaElwin Sharvill NEGOTIATION
Salvatore Y IturbideBrazilAmy Elsner QUALIFIED
Nicolas G WaycottGermanyBernardo Dominic PROPOSAL
James T MaletUnited KingdomOnyama Limba NEGOTIATION
Cody J SaylorsBrazilElwin Sharvill QUALIFIED
Jones W DarakjyRussiaBernardo Dominic UNQUALIFIED
Claire D SergiUnited KingdomOnyama Limba NEW
Darci Z BriddickRussiaStephen Shaw UNQUALIFIED
Octavia H BowleySpainAmy Elsner NEW
Murillo Q MaletUnited KingdomAsiya Javayant PROPOSAL
Aditya L RutaAustraliaAsiya Javayant NEGOTIATION
Arvin X FollerIndiaOnyama Limba RENEWAL
Cody M ShinkoRussiaIoni Bowcher NEGOTIATION
Ivar C RulapaughArgentinaAmy Elsner UNQUALIFIED
Rodrigues G ButtGermanyBernardo Dominic QUALIFIED
Chavez W MaletSpainAnna Fali PROPOSAL
Sinclair K InouyeAustraliaStephen Shaw UNQUALIFIED
Tony L FerenczBrazilStephen Shaw NEGOTIATION
Jones O FollerJapanAsiya Javayant PROPOSAL
Ricardo L AlbaresIndiaStephen Shaw NEGOTIATION
Sinclair D NestleAustraliaXuxue Feng QUALIFIED
Aika B NickaBrazilOnyama Limba NEGOTIATION
Antonio J FigeroaArgentinaStephen Shaw RENEWAL
Juan I DarakjyAustraliaBernardo Dominic RENEWAL
Smith T FigeroaJapanXuxue Feng PROPOSAL
Maria K RoysterCanadaAsiya Javayant NEW
Octavia V BriddickAustraliaAsiya Javayant NEGOTIATION
Adams I MacleadSpainIvan Magalhaes UNQUALIFIED
Ricardo G VenereArgentinaOnyama Limba NEGOTIATION
Maisha X GillianIndiaXuxue Feng NEGOTIATION
Aika V CampainBrazilAmy Elsner RENEWAL
Adams N DarakjyFranceIoni Bowcher RENEWAL
Aditya V CaudyItalyAnna Fali UNQUALIFIED
Murillo X BologniaIndiaAnna Fali PROPOSAL
Frozen Columns
Name
Jones P Foller
Francesco V Nicka
Munro C Nicka
Nicolas S Iturbide
Octavia Z Stenseth
Maria W Nicka
Clifford R Slusarski
Leja W Kusko
Cody T Perin
Jeanfrancois D Kusko
Clifford V Stockham
James B Ostrosky
Mujtaba N Gillian
Jefferson I Butt
Adams W Waycott
Kaitlin I Campain
Silvio A Marrier
Faith Z Caudy
Wickens C Caldarera
Ivar M Caldarera
Claire T Ferencz
Greenwood Q Amigon
Chavez R Glick
Ricardo L Stockham
Costa C Foller
Izzy I Darakjy
Faith G Wieser
Arvin I Butt
Arvin Y Nestle
Adams D Inouye
Ivar A Schemmer
Rodrigues I Rulapaugh
David O Nicka
Claire S Saylors
Alejandro Q Royster
Aruna M Vocelka
Aika O Ferencz
Aditya B Gaucho
Morrow Y Nicka
Maria I Figeroa
Deepesh V Albares
Kaitlin A Morasca
Aika K Nicka
Mayumi L Bowley
Aruna B Dilliard
Faith X Figeroa
Faith E Bowley
Salvatore U Sergi
Juan D Nicka
Leon H Gaucho
IdCountryDate
1000Canada2024-09-16
1001Argentina2024-08-30
1002United Kingdom2024-09-19
1003Germany2024-09-16
1004Canada2024-09-06
1005Brazil2024-09-24
1006France2024-09-25
1007Argentina2024-09-19
1008Germany2024-09-09
1009Australia2024-09-23
1010Argentina2024-09-13
1011Russia2024-09-06
1012Russia2024-08-30
1013Spain2024-08-31
1014Canada2024-09-23
1015Argentina2024-09-20
1016Brazil2024-09-11
1017Germany2024-09-03
1018Argentina2024-09-19
1019Australia2024-09-01
1020Spain2024-09-21
1021France2024-09-01
1022Argentina2024-09-19
1023India2024-08-27
1024Brazil2024-09-19
1025Brazil2024-09-01
1026Canada2024-08-29
1027France2024-09-23
1028Australia2024-09-01
1029India2024-09-14
1030Italy2024-08-29
1031India2024-08-31
1032Brazil2024-08-28
1033France2024-08-31
1034Spain2024-09-11
1035Brazil2024-09-15
1036Italy2024-08-27
1037Argentina2024-09-21
1038Germany2024-09-08
1039Germany2024-09-22
1040Australia2024-09-20
1041France2024-09-07
1042Italy2024-09-01
1043France2024-09-25
1044Spain2024-09-21
1045Brazil2024-09-19
1046France2024-09-23
1047Japan2024-09-07
1048United Kingdom2024-09-03
1049France2024-09-03

On-Demand Data

NameIdCountryDate
Faith J Kolmetz1000Japan2024-09-16
Emily J Morasca1001Japan2024-09-02
Julie H Caudy1002Canada2024-09-14
Greenwood V Inouye1003Argentina2024-08-29
Misaki X Royster1004Canada2024-09-22
Faith G Rim1005Spain2024-09-05
Antonio C Nicka1006Canada2024-09-23
Izzy Z Flosi1007Italy2024-09-25
Ashley X Schemmer1008France2024-09-02
Jeanfrancois S Foller1009Japan2024-08-31
Wickens F Nicka1010Argentina2024-09-18
Munro U Amigon1011Spain2024-09-16
Claire C Flosi1012Brazil2024-09-12
Salvatore C Glick1013Brazil2024-08-27
Isabel R Caldarera1014France2024-09-01
Misaki L Iturbide1015Russia2024-09-07
Faith X Shinko1016Italy2024-09-13
Jones R Wieser1017Germany2024-09-12
David V Ostrosky1018India2024-09-11
Stacey C Iturbide1019France2024-09-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Misaki O CaldareraFranceElwin Sharvill NEGOTIATION
Ivar B OldroydBrazilXuxue Feng RENEWAL
Maisha D VocelkaBrazilAnna Fali NEGOTIATION
Kaitlin I BologniaUnited KingdomXuxue Feng RENEWAL
James L GauchoIndiaAsiya Javayant RENEWAL
Aditya T RutaBrazilXuxue Feng NEGOTIATION
Rodrigues C BriddickRussiaAnna Fali PROPOSAL
Aditya E BriddickRussiaStephen Shaw RENEWAL
David J RoysterArgentinaBernardo Dominic NEGOTIATION
Munro F IturbideIndiaAmy Elsner NEW
Murillo X ButtRussiaElwin Sharvill NEW
Jefferson H FlosiUnited KingdomIoni Bowcher PROPOSAL
Darci W RulapaughArgentinaIvan Magalhaes UNQUALIFIED
Adams H BowleyFranceXuxue Feng NEW
Salvatore O CampainArgentinaIvan Magalhaes QUALIFIED
Johnson S SlusarskiAustraliaStephen Shaw PROPOSAL
Sinclair C MorascaArgentinaElwin Sharvill NEGOTIATION
Aditya K FlosiItalyIvan Magalhaes NEGOTIATION
Aruna H SlusarskiAustraliaStephen Shaw NEW
Emily H MorascaIndiaXuxue Feng NEGOTIATION
Kadeem L KuskoRussiaXuxue Feng PROPOSAL
Juan U FerenczUnited KingdomIvan Magalhaes PROPOSAL
Kaitlin L CaldareraAustraliaXuxue Feng PROPOSAL
Mayumi A VocelkaSpainElwin Sharvill PROPOSAL
Darci T VocelkaRussiaBernardo Dominic NEW
David A BowleyFranceIvan Magalhaes UNQUALIFIED
Maria U VenereFranceBernardo Dominic UNQUALIFIED
David H OstroskyIndiaBernardo Dominic NEW
Tony B MacleadRussiaAmy Elsner UNQUALIFIED
Smith T MacleadUnited KingdomBernardo Dominic QUALIFIED
Murillo M MaletBrazilIoni Bowcher UNQUALIFIED
Leja V MaletUnited KingdomElwin Sharvill UNQUALIFIED
Clifford Q AlbaresItalyAsiya Javayant PROPOSAL
Aruna Q GillianFranceIoni Bowcher UNQUALIFIED
David Q SergiIndiaXuxue Feng UNQUALIFIED
Izzy F DoeUnited KingdomIvan Magalhaes PROPOSAL
Adams K OstroskyArgentinaAsiya Javayant NEW
Jennifer V FigeroaFranceBernardo Dominic PROPOSAL
Clifford G PaprockiGermanyBernardo Dominic UNQUALIFIED
Mujtaba F FollerCanadaBernardo Dominic RENEWAL

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