November Deals: Limited Coupons Available! 🎁 Claim Your Coupon

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
Bangla
Bosnian
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
Uzbek
Vietnamese
Chinese
Chinese

Input Style

Themes

PrimeOne
Saga Blue Saga Blue
Vela Blue Vela Blue
Arya Blue Arya Blue
Bootstrap
Bootstrap Blue Light Bootstrap Blue Light
Bootstrap Purple Light Bootstrap Purple Light
Bootstrap Blue Dark Bootstrap Blue Dark
Bootstrap Purple Dark Bootstrap Purple Dark
Material Design
Material Indigo Light Material Indigo Light
Material Deep Purple Light Material Deep Purple Light
Material Indigo Dark Material Indigo Dark
Material Deep Purple Dark Material Deep Purple Dark
Material Design Compact
Material Compact Indigo Light Material Compact Indigo Light
Material Compact Deep Purple Light Material Compact Deep Purple Light
Material Compact Indigo Dark Material Compact Indigo Dark
Material Compact Deep Purple Dark Material Compact Deep Purple Dark
Legacy
Nova Light Nova Light
Nova Dark Nova Dark
Nova Colored Nova Colored
Luna Amber Luna Amber
Luna Blue Luna Blue
Luna Green Luna Green
Luna Pink Luna Pink

DataTable Scroll

Both vertical and horizontal scrolling of the data is supported with optional frozen rows-columns and on-demand loading features.

Vertical
NameCountryRepresentativeStatus
Sinclair M InouyeUnited KingdomAnna Fali NEGOTIATION
Johnson H MorascaCanadaAnna Fali NEW
Antonio L BriddickJapanAmy Elsner PROPOSAL
James Z MaletCanadaAnna Fali NEW
Antonio S VocelkaJapanXuxue Feng NEW
Smith X IturbideJapanAsiya Javayant NEGOTIATION
Emily B SlusarskiIndiaStephen Shaw RENEWAL
Leon G MarrierUnited KingdomStephen Shaw PROPOSAL
Smith T MorascaCanadaAsiya Javayant UNQUALIFIED
Jeanfrancois L CaldareraBrazilAnna Fali QUALIFIED
Aditya T FigeroaFranceBernardo Dominic RENEWAL
Emily C SergiArgentinaElwin Sharvill NEGOTIATION
Kadeem M BowleyGermanyStephen Shaw PROPOSAL
Ivar R SlusarskiItalyAmy Elsner RENEWAL
Greenwood Q OldroydSpainAnna Fali UNQUALIFIED
Izzy A VocelkaAustraliaElwin Sharvill UNQUALIFIED
Rodrigues V DarakjySpainBernardo Dominic NEGOTIATION
Jeanfrancois R MaletIndiaAsiya Javayant QUALIFIED
Izzy D GarufiCanadaBernardo Dominic RENEWAL
Kadeem N DoeIndiaIoni Bowcher PROPOSAL
Ricardo W StockhamBrazilAmy Elsner NEW
Jennifer T MorascaItalyOnyama Limba PROPOSAL
Ricardo P FigeroaFranceElwin Sharvill RENEWAL
Octavia J RimItalyIoni Bowcher NEGOTIATION
Isabel W SergiSpainAnna Fali NEW
Aika B TollnerItalyOnyama Limba NEGOTIATION
Izzy E MaletRussiaBernardo Dominic NEGOTIATION
Deepesh M SergiCanadaBernardo Dominic QUALIFIED
Johnson J SaylorsIndiaAsiya Javayant RENEWAL
Silvio M NickaUnited KingdomIoni Bowcher PROPOSAL
Aruna W GarufiItalyIoni Bowcher RENEWAL
Rodrigues A WaycottCanadaAsiya Javayant RENEWAL
Costa J TollnerBrazilAsiya Javayant RENEWAL
Johnson R VenereFranceIoni Bowcher QUALIFIED
Aika T DarakjyJapanIvan Magalhaes QUALIFIED
Misaki F AlbaresArgentinaAsiya Javayant QUALIFIED
Smith N WaycottRussiaAnna Fali QUALIFIED
Leja L AlbaresItalyAmy Elsner RENEWAL
Aika J ButtArgentinaAnna Fali RENEWAL
Rodrigues B PerinUnited KingdomOnyama Limba UNQUALIFIED
Tony O DoeGermanyAmy Elsner RENEWAL
Rodrigues N BriddickSpainStephen Shaw QUALIFIED
David E FigeroaItalyAsiya Javayant RENEWAL
Smith Y SaylorsSpainAsiya Javayant QUALIFIED
Adams P FollerJapanAsiya Javayant RENEWAL
Aditya Z KolmetzGermanyStephen Shaw QUALIFIED
Faith T VocelkaAustraliaBernardo Dominic PROPOSAL
Emily M WhobreyBrazilElwin Sharvill NEGOTIATION
Rodrigues A GauchoRussiaIvan Magalhaes PROPOSAL
Adams T RoysterAustraliaAnna Fali NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Misaki V BowleyArgentinaAnna Fali UNQUALIFIED
Munro R CaldareraIndiaElwin Sharvill PROPOSAL
Stacey K SergiRussiaXuxue Feng NEW
Alejandro L FerenczCanadaXuxue Feng PROPOSAL
Stacey Q StockhamArgentinaBernardo Dominic PROPOSAL
Jefferson S NickaSpainStephen Shaw NEGOTIATION
Misaki Y RutaRussiaAsiya Javayant RENEWAL
Salvatore M ChuiRussiaAnna Fali QUALIFIED
Salvatore H GarufiBrazilOnyama Limba NEGOTIATION
Antonio S OstroskyArgentinaStephen Shaw NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aditya R BriddickRussia2026-09-23Truhlar And Truhlar Attys PROPOSAL61Elwin Sharvill
1001Maria B GlickArgentina2026-09-30Dorl, James J Esq NEW51Asiya Javayant
1002Arvin I SaylorsIndia2026-09-05Morlong Associates RENEWAL25Stephen Shaw
1003Greenwood Q MaletItaly2026-09-13Morlong Associates PROPOSAL71Bernardo Dominic
1004David K CampainRussia2026-09-02Commercial Press NEGOTIATION86Ioni Bowcher
1005Mujtaba L RimItaly2026-09-03Rousseaux, Michael Esq NEGOTIATION75Onyama Limba
1006Jones J NickaIndia2026-09-16Feiner Bros QUALIFIED91Bernardo Dominic
1007Leon J DoeSpain2026-09-07Printing Dimensions RENEWAL48Bernardo Dominic
1008Darci G StockhamAustralia2026-09-26Chanay, Jeffrey A Esq QUALIFIED61Elwin Sharvill
1009Smith F ShinkoRussia2026-09-07Benton, John B Jr UNQUALIFIED23Onyama Limba
1010Antonio B DoeIndia2026-09-09Benton, John B Jr NEGOTIATION99Asiya Javayant
1011Octavia O TollnerAustralia2026-09-08King, Christopher A Esq NEW79Ioni Bowcher
1012Adams I SergiRussia2026-09-05Feiner Bros NEGOTIATION18Bernardo Dominic
1013Jeanfrancois F FerenczGermany2026-09-23Truhlar And Truhlar Attys RENEWAL15Xuxue Feng
1014Munro V MacleadFrance2026-09-20Rangoni Of Florence RENEWAL21Stephen Shaw
1015Kadeem N MorascaSpain2026-09-29Printing Dimensions NEW4Elwin Sharvill
1016Chavez G OstroskyJapan2026-09-28Feiner Bros PROPOSAL49Elwin Sharvill
1017Emily Q PerinArgentina2026-09-24Feiner Bros NEGOTIATION68Onyama Limba
1018Smith C ButtRussia2026-09-16Rousseaux, Michael Esq QUALIFIED97Anna Fali
1019Maisha L RoysterFrance2026-09-18Feiner Bros NEW90Asiya Javayant
1020Mujtaba B MaletRussia2026-09-30Chemel, James L Cpa PROPOSAL37Anna Fali
1021Johnson Q WhobreySpain2026-09-03Chanay, Jeffrey A Esq RENEWAL98Xuxue Feng
1022Jennifer D GauchoSpain2026-09-14Commercial Press QUALIFIED37Amy Elsner
1023Izzy E VenereRussia2026-09-06Printing Dimensions NEW71Elwin Sharvill
1024Francesco J BriddickArgentina2026-09-14Buckley Miller Wright PROPOSAL75Asiya Javayant
1025Jefferson T FollerCanada2026-09-09Rousseaux, Michael Esq NEGOTIATION83Bernardo Dominic
1026Mayumi W IturbideArgentina2026-09-17Feiner Bros NEGOTIATION80Ivan Magalhaes
1027Munro B BologniaSpain2026-09-09Chanay, Jeffrey A Esq NEGOTIATION1Elwin Sharvill
1028Izzy N GauchoFrance2026-09-10Chapman, Ross E Esq RENEWAL61Amy Elsner
1029Jefferson U AlbaresUnited Kingdom2026-09-23Chapman, Ross E Esq PROPOSAL71Anna Fali
1030Maria O RutaBrazil2026-09-08Morlong Associates NEW76Xuxue Feng
1031Aruna G BriddickUnited Kingdom2026-09-22Commercial Press NEW61Elwin Sharvill
1032David L ButtFrance2026-09-06Dorl, James J Esq QUALIFIED57Anna Fali
1033Leja O BologniaGermany2026-09-26Buckley Miller Wright RENEWAL64Bernardo Dominic
1034Tony N StockhamGermany2026-09-28Morlong Associates QUALIFIED71Ioni Bowcher
1035Maisha R StockhamRussia2026-09-27Morlong Associates PROPOSAL56Ioni Bowcher
1036Mujtaba V CaldareraFrance2026-09-27Chanay, Jeffrey A Esq PROPOSAL48Elwin Sharvill
1037Alejandro G GarufiAustralia2026-09-03Feltz Printing Service NEW90Amy Elsner
1038Jennifer Z RulapaughSpain2026-09-22King, Christopher A Esq UNQUALIFIED5Stephen Shaw
1039Leja Y GlickItaly2026-09-24Buckley Miller Wright QUALIFIED61Stephen Shaw
1040Isabel O KolmetzSpain2026-09-21Rousseaux, Michael Esq NEW7Asiya Javayant
1041Izzy S MaletUnited Kingdom2026-09-20Truhlar And Truhlar Attys RENEWAL87Ioni Bowcher
1042Jefferson P RutaCanada2026-09-27Morlong Associates PROPOSAL65Ioni Bowcher
1043Claire A PoquetteGermany2026-09-10Feltz Printing Service NEW25Xuxue Feng
1044Julie I DarakjyAustralia2026-09-02King, Christopher A Esq NEW45Xuxue Feng
1045Aruna G GlickFrance2026-09-15Printing Dimensions NEGOTIATION62Stephen Shaw
1046Jones I MaletRussia2026-09-15Feltz Printing Service RENEWAL40Anna Fali
1047Izzy U AmigonAustralia2026-09-09Printing Dimensions PROPOSAL41Ioni Bowcher
1048Misaki C PerinFrance2026-09-13Dorl, James J Esq PROPOSAL41Amy Elsner
1049Wickens D GillianRussia2026-09-28King, Christopher A Esq NEW63Elwin Sharvill
Frozen Rows
NameCountryRepresentativeStatus
Octavia Q StensethGermanyStephen Shaw QUALIFIED
Maria E TollnerFranceStephen Shaw NEGOTIATION
Juan H RutaBrazilAnna Fali PROPOSAL
Mujtaba F FollerSpainXuxue Feng NEW
Jeanfrancois F GarufiGermanyStephen Shaw UNQUALIFIED
Rodrigues E SaylorsCanadaIvan Magalhaes NEGOTIATION
Wickens H StockhamRussiaAmy Elsner UNQUALIFIED
Octavia U SaylorsCanadaAsiya Javayant RENEWAL
Jennifer W InouyeCanadaBernardo Dominic NEW
Aika C SlusarskiGermanyAnna Fali NEGOTIATION
Wickens C FollerIndiaStephen Shaw UNQUALIFIED
Sinclair J NestleUnited KingdomXuxue Feng PROPOSAL
Kadeem D ButtGermanyIoni Bowcher UNQUALIFIED
Deepesh K ButtArgentinaAnna Fali NEGOTIATION
Mayumi U MaletGermanyElwin Sharvill PROPOSAL
Chavez C WaycottRussiaIoni Bowcher QUALIFIED
Francesco O GauchoArgentinaIvan Magalhaes UNQUALIFIED
Julie M AmigonSpainStephen Shaw RENEWAL
Emily L BriddickRussiaAsiya Javayant PROPOSAL
Rodrigues C WieserIndiaAmy Elsner QUALIFIED
Misaki L PaprockiItalyAsiya Javayant RENEWAL
Johnson N FigeroaFranceBernardo Dominic UNQUALIFIED
Izzy D GillianArgentinaIoni Bowcher QUALIFIED
Leon R PoquetteItalyOnyama Limba PROPOSAL
Silvio M NickaBrazilAnna Fali NEW
Emily O FigeroaRussiaAmy Elsner UNQUALIFIED
Faith B ChuiRussiaBernardo Dominic RENEWAL
Sinclair E DoeGermanyIvan Magalhaes NEGOTIATION
Salvatore G VenereGermanyStephen Shaw NEW
Clifford Q OstroskyIndiaXuxue Feng UNQUALIFIED
Costa X OldroydCanadaBernardo Dominic UNQUALIFIED
Ricardo K StockhamFranceAsiya Javayant QUALIFIED
Izzy D MaletGermanyStephen Shaw RENEWAL
Ashley K OldroydBrazilBernardo Dominic PROPOSAL
Octavia U WhobreyBrazilBernardo Dominic UNQUALIFIED
Mayumi V RoysterAustraliaStephen Shaw PROPOSAL
Stacey T MarrierIndiaElwin Sharvill UNQUALIFIED
Cody O CaudyUnited KingdomBernardo Dominic NEGOTIATION
Kadeem P PerinArgentinaAnna Fali NEW
Isabel K CampainItalyAnna Fali NEGOTIATION
Ivar O NestleArgentinaXuxue Feng UNQUALIFIED
Claire C IturbideItalyStephen Shaw PROPOSAL
Clifford Q KuskoCanadaIvan Magalhaes UNQUALIFIED
Chavez K MacleadSpainAmy Elsner QUALIFIED
Jones M MarrierAustraliaAsiya Javayant PROPOSAL
Nicolas H DilliardFranceElwin Sharvill UNQUALIFIED
Morrow D WhobreyBrazilAnna Fali QUALIFIED
David S GillianAustraliaOnyama Limba QUALIFIED
Stacey D FlosiItalyIvan Magalhaes QUALIFIED
Misaki P PerinUnited KingdomAsiya Javayant NEW
Frozen Columns
Name
Alejandro O Perin
Antonio A Caldarera
Wickens L Ostrosky
Jefferson D Doe
Smith I Morasca
Jennifer M Marrier
Clifford M Inouye
Alejandro Y Morasca
Aditya O Flosi
Maisha Y Sergi
Aruna C Glick
Leja M Iturbide
Aruna R Morasca
Juan K Rim
David N Figeroa
Isabel W Caldarera
Kadeem Z Schemmer
Misaki M Paprocki
Maria F Stenseth
Arvin D Albares
Kaitlin Y Saylors
Leon Q Ostrosky
Adams P Briddick
Ricardo M Stockham
Munro F Waycott
Claire U Ostrosky
David Y Nicka
Maria T Chui
Antonio Z Inouye
Arvin F Inouye
Isabel B Flosi
Aditya S Poquette
Julie B Figeroa
Emily P Maclead
Leon W Oldroyd
Faith I Albares
Juan T Iturbide
Izzy B Nicka
Izzy H Morasca
Cody I Kusko
Octavia B Morasca
Ashley X Schemmer
Stacey M Shinko
Juan L Wieser
Isabel S Morasca
Misaki J Paprocki
Maisha J Venere
Darci M Malet
Ashley N Figeroa
Francesco B Bolognia
IdCountryDate
1000Canada2026-09-25
1001Brazil2026-09-18
1002Russia2026-09-30
1003Russia2026-09-13
1004Germany2026-09-15
1005Japan2026-09-09
1006Japan2026-09-16
1007Australia2026-09-28
1008Italy2026-09-23
1009Germany2026-09-01
1010Japan2026-09-29
1011Argentina2026-09-09
1012United Kingdom2026-09-20
1013United Kingdom2026-09-02
1014France2026-09-16
1015Brazil2026-09-30
1016United Kingdom2026-09-20
1017Argentina2026-09-22
1018Brazil2026-09-23
1019Australia2026-09-10
1020Spain2026-09-30
1021India2026-09-27
1022Argentina2026-09-19
1023Brazil2026-09-01
1024India2026-09-30
1025United Kingdom2026-09-11
1026Australia2026-09-03
1027Russia2026-09-19
1028India2026-09-23
1029Russia2026-09-11
1030United Kingdom2026-09-29
1031Canada2026-09-16
1032Japan2026-09-08
1033Canada2026-09-27
1034Italy2026-09-29
1035United Kingdom2026-09-20
1036Australia2026-09-18
1037Argentina2026-09-04
1038Spain2026-09-09
1039United Kingdom2026-09-09
1040Italy2026-09-27
1041India2026-09-29
1042India2026-09-01
1043Brazil2026-09-21
1044Germany2026-09-08
1045Australia2026-09-04
1046Italy2026-09-05
1047Germany2026-09-27
1048Germany2026-09-11
1049France2026-09-19

On-Demand Data

NameIdCountryDate
Darci B Schemmer1000Australia2026-09-14
Sinclair P Poquette1001Canada2026-09-09
Greenwood Q Tollner1002Japan2026-09-30
Wickens U Poquette1003France2026-09-08
David K Ruta1004Australia2026-09-21
Maria E Malet1005Canada2026-09-25
Emily H Butt1006Italy2026-09-27
Deepesh I Chui1007Italy2026-09-06
Maria R Royster1008Japan2026-09-16
Ivar I Royster1009Spain2026-09-23
Kadeem V Paprocki1010Italy2026-09-18
Johnson K Morasca1011Spain2026-09-22
Antonio N Venere1012Russia2026-09-02
Claire E Ostrosky1013France2026-09-30
Jeanfrancois D Malet1014Japan2026-09-16
Morrow X Bowley1015Russia2026-09-13
Izzy C Ruta1016Italy2026-09-02
Stacey U Iturbide1017India2026-09-07
Tony Y Paprocki1018Japan2026-09-12
Rodrigues N Malet1019United Kingdom2026-09-10
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Octavia A SchemmerGermanyXuxue Feng RENEWAL
Salvatore C PerinFranceIoni Bowcher PROPOSAL
Deepesh D KolmetzSpainIvan Magalhaes NEW
Maisha O RutaBrazilAnna Fali PROPOSAL
Mujtaba F BowleyArgentinaStephen Shaw QUALIFIED
Salvatore N BologniaBrazilBernardo Dominic NEGOTIATION
Cody Z GauchoItalyOnyama Limba NEGOTIATION
Costa N WhobreyBrazilAnna Fali QUALIFIED
Smith Q StensethAustraliaOnyama Limba UNQUALIFIED
Sinclair Y SaylorsIndiaAnna Fali RENEWAL
Costa K DilliardIndiaIvan Magalhaes PROPOSAL
Antonio B TollnerCanadaIvan Magalhaes NEW
Julie J PerinAustraliaAnna Fali NEGOTIATION
Kadeem U GillianIndiaOnyama Limba UNQUALIFIED
Chavez J FerenczAustraliaAnna Fali UNQUALIFIED
Octavia E RoysterIndiaIvan Magalhaes QUALIFIED
Octavia M WhobreyRussiaIoni Bowcher RENEWAL
Octavia Y SlusarskiFranceAsiya Javayant PROPOSAL
Ivar T RutaAustraliaAsiya Javayant UNQUALIFIED
Jefferson V MorascaGermanyOnyama Limba PROPOSAL
Munro N AmigonItalyAnna Fali RENEWAL
Aditya M PerinBrazilElwin Sharvill QUALIFIED
Jeanfrancois N StockhamRussiaIoni Bowcher PROPOSAL
Kadeem C StockhamBrazilBernardo Dominic QUALIFIED
Adams R NickaSpainBernardo Dominic RENEWAL
Jones C WieserUnited KingdomAmy Elsner PROPOSAL
Leja I PerinFranceBernardo Dominic PROPOSAL
Nicolas H RulapaughRussiaAnna Fali UNQUALIFIED
Mayumi G FollerJapanAmy Elsner QUALIFIED
Jennifer E MacleadFranceXuxue Feng PROPOSAL
Emily V MaletRussiaIvan Magalhaes NEW
Aditya J ShinkoIndiaAnna Fali NEGOTIATION
Maisha Z PoquetteUnited KingdomAnna Fali NEGOTIATION
Nicolas B MaletFranceStephen Shaw RENEWAL
Aika B CampainCanadaAsiya Javayant PROPOSAL
Murillo D FerenczBrazilStephen Shaw UNQUALIFIED
Smith V BowleyIndiaAsiya Javayant NEGOTIATION
Izzy R MarrierItalyOnyama Limba NEW
Murillo K FollerItalyAmy Elsner NEGOTIATION
Nicolas V FlosiArgentinaAsiya Javayant 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" frozenColumnsAlignment="left">
            <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>