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
Faith V CaudyItalyStephen Shaw QUALIFIED
David Y AmigonJapanAnna Fali QUALIFIED
Stacey D RimFranceAnna Fali NEW
Smith B NestleAustraliaIoni Bowcher RENEWAL
Juan N VocelkaGermanyAmy Elsner RENEWAL
Morrow L KuskoRussiaBernardo Dominic PROPOSAL
Jefferson J KolmetzItalyAmy Elsner NEW
Aika O RoysterAustraliaBernardo Dominic NEGOTIATION
Maria K StockhamBrazilStephen Shaw UNQUALIFIED
Leon C StockhamRussiaAnna Fali PROPOSAL
Aditya L SlusarskiItalyAmy Elsner PROPOSAL
Stacey E ChuiSpainBernardo Dominic PROPOSAL
Ivar A WieserFranceElwin Sharvill RENEWAL
Murillo J PerinIndiaAsiya Javayant NEGOTIATION
Alejandro F VenereGermanyStephen Shaw RENEWAL
Deepesh G PaprockiAustraliaAmy Elsner PROPOSAL
Sinclair D OldroydRussiaBernardo Dominic RENEWAL
Chavez T InouyeCanadaStephen Shaw PROPOSAL
Izzy R WaycottItalyBernardo Dominic NEW
Costa K GillianArgentinaAsiya Javayant QUALIFIED
Mujtaba B BologniaSpainBernardo Dominic NEGOTIATION
Mujtaba O OldroydFranceXuxue Feng UNQUALIFIED
Misaki U RoysterAustraliaAsiya Javayant UNQUALIFIED
Misaki T WieserIndiaBernardo Dominic NEGOTIATION
Jennifer E InouyeAustraliaBernardo Dominic UNQUALIFIED
Deepesh P BriddickFranceIoni Bowcher PROPOSAL
Octavia U OldroydBrazilAsiya Javayant NEW
Sinclair G DarakjyBrazilOnyama Limba PROPOSAL
Aruna K SchemmerAustraliaStephen Shaw RENEWAL
Munro B SaylorsCanadaElwin Sharvill NEGOTIATION
Antonio W GlickBrazilXuxue Feng NEGOTIATION
Ricardo N MacleadBrazilElwin Sharvill NEGOTIATION
Clifford O GarufiFranceElwin Sharvill PROPOSAL
Maisha C VenereRussiaAsiya Javayant NEGOTIATION
Chavez U WhobreyArgentinaBernardo Dominic RENEWAL
Mayumi Q VenereAustraliaBernardo Dominic RENEWAL
Salvatore A SlusarskiIndiaAsiya Javayant PROPOSAL
Maisha R RoysterCanadaElwin Sharvill UNQUALIFIED
Octavia M RoysterJapanIoni Bowcher QUALIFIED
Jennifer M CaldareraItalyIoni Bowcher QUALIFIED
Darci M FigeroaFranceIoni Bowcher NEGOTIATION
Costa A BologniaItalyAmy Elsner QUALIFIED
David Y WieserBrazilOnyama Limba RENEWAL
Misaki X OstroskyGermanyAnna Fali QUALIFIED
Izzy Y SergiSpainStephen Shaw NEW
Nicolas H AmigonArgentinaElwin Sharvill UNQUALIFIED
Octavia R AmigonRussiaAsiya Javayant UNQUALIFIED
Deepesh N SaylorsArgentinaOnyama Limba PROPOSAL
David H KuskoAustraliaIoni Bowcher RENEWAL
Aruna U StensethRussiaOnyama Limba PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Sinclair H InouyeAustraliaBernardo Dominic QUALIFIED
David W GarufiItalyIvan Magalhaes RENEWAL
Greenwood L VenereRussiaAnna Fali NEGOTIATION
Clifford Y IturbideCanadaStephen Shaw NEGOTIATION
Deepesh M WaycottBrazilAnna Fali QUALIFIED
Aruna V GillianRussiaOnyama Limba NEGOTIATION
Jeanfrancois Y CampainFranceXuxue Feng QUALIFIED
Mayumi G KuskoRussiaXuxue Feng UNQUALIFIED
Johnson H PerinSpainElwin Sharvill UNQUALIFIED
Deepesh Y NestleBrazilBernardo Dominic NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Silvio A ChuiArgentina2026-10-13Benton, John B Jr NEGOTIATION98Ivan Magalhaes
1001Rodrigues P ChuiItaly2026-10-05Feltz Printing Service QUALIFIED26Ivan Magalhaes
1002Munro I StockhamItaly2026-10-26Truhlar And Truhlar Attys NEW40Asiya Javayant
1003Deepesh P ButtArgentina2026-09-29Rousseaux, Michael Esq NEGOTIATION68Amy Elsner
1004Sinclair J PoquetteBrazil2026-09-28King, Christopher A Esq RENEWAL43Amy Elsner
1005Smith A ButtUnited Kingdom2026-10-09Morlong Associates RENEWAL96Xuxue Feng
1006Misaki D ButtSpain2026-10-21Feiner Bros NEGOTIATION85Amy Elsner
1007Aditya Z OldroydFrance2026-09-30Commercial Press RENEWAL84Stephen Shaw
1008Leja S CaudyBrazil2026-09-27King, Christopher A Esq PROPOSAL97Stephen Shaw
1009Deepesh F StockhamItaly2026-10-20Morlong Associates RENEWAL20Onyama Limba
1010David F AlbaresGermany2026-10-01Morlong Associates QUALIFIED11Elwin Sharvill
1011James G MacleadUnited Kingdom2026-10-13Chanay, Jeffrey A Esq RENEWAL92Onyama Limba
1012Claire V RimCanada2026-10-26Chanay, Jeffrey A Esq NEGOTIATION76Bernardo Dominic
1013Costa W StensethCanada2026-10-06Truhlar And Truhlar Attys NEGOTIATION62Xuxue Feng
1014Emily H CampainCanada2026-09-30Morlong Associates NEW23Anna Fali
1015Faith K NickaBrazil2026-10-22King, Christopher A Esq NEGOTIATION14Stephen Shaw
1016Faith D InouyeRussia2026-10-06Chanay, Jeffrey A Esq NEGOTIATION66Elwin Sharvill
1017Ivar W AlbaresUnited Kingdom2026-10-17Rangoni Of Florence QUALIFIED88Ioni Bowcher
1018Chavez U GlickAustralia2026-10-17Printing Dimensions PROPOSAL40Onyama Limba
1019Arvin T SergiAustralia2026-10-08Rangoni Of Florence NEW93Anna Fali
1020Mujtaba R FlosiItaly2026-10-13Commercial Press NEW97Asiya Javayant
1021James G PerinArgentina2026-09-27Commercial Press UNQUALIFIED4Xuxue Feng
1022Smith M RoysterUnited Kingdom2026-10-19King, Christopher A Esq NEGOTIATION43Bernardo Dominic
1023Stacey Y FigeroaFrance2026-10-20Feltz Printing Service UNQUALIFIED17Xuxue Feng
1024Stacey S DilliardRussia2026-10-24Morlong Associates PROPOSAL92Bernardo Dominic
1025Alejandro V InouyeBrazil2026-10-12Morlong Associates UNQUALIFIED24Elwin Sharvill
1026Sinclair R BowleyIndia2026-10-08King, Christopher A Esq QUALIFIED39Ioni Bowcher
1027Ashley Y VenereGermany2026-10-18King, Christopher A Esq UNQUALIFIED79Xuxue Feng
1028David G DilliardArgentina2026-10-03Morlong Associates QUALIFIED35Onyama Limba
1029Aditya Y PerinBrazil2026-09-27Commercial Press QUALIFIED28Anna Fali
1030Deepesh G CaudyAustralia2026-10-24Morlong Associates RENEWAL59Xuxue Feng
1031Munro U FerenczRussia2026-10-08Dorl, James J Esq NEW78Amy Elsner
1032Nicolas T DilliardAustralia2026-10-19Benton, John B Jr PROPOSAL90Anna Fali
1033Murillo X BowleyGermany2026-10-23Chemel, James L Cpa UNQUALIFIED87Asiya Javayant
1034Aruna E PerinBrazil2026-10-04Feltz Printing Service QUALIFIED53Onyama Limba
1035James C MarrierBrazil2026-10-04Buckley Miller Wright PROPOSAL41Anna Fali
1036Wickens C FollerFrance2026-10-15Chapman, Ross E Esq NEW72Elwin Sharvill
1037Smith O MorascaFrance2026-10-08Feltz Printing Service RENEWAL65Asiya Javayant
1038Salvatore A AmigonArgentina2026-10-11Chanay, Jeffrey A Esq NEGOTIATION17Onyama Limba
1039David E KolmetzBrazil2026-10-04Feltz Printing Service PROPOSAL32Onyama Limba
1040Rodrigues C NestleIndia2026-10-14Morlong Associates NEW45Bernardo Dominic
1041Octavia W InouyeJapan2026-10-08Rangoni Of Florence RENEWAL70Anna Fali
1042Deepesh O WhobreyCanada2026-10-06Benton, John B Jr UNQUALIFIED26Bernardo Dominic
1043Sinclair Q RutaSpain2026-10-18Benton, John B Jr RENEWAL50Ivan Magalhaes
1044Clifford H VenereUnited Kingdom2026-10-11Chapman, Ross E Esq PROPOSAL11Elwin Sharvill
1045Mujtaba T BologniaGermany2026-10-24Rangoni Of Florence NEW63Amy Elsner
1046Morrow F MaletUnited Kingdom2026-10-09Truhlar And Truhlar Attys PROPOSAL17Bernardo Dominic
1047Aruna G VenereAustralia2026-10-24Chapman, Ross E Esq UNQUALIFIED36Anna Fali
1048Jefferson S CaudyCanada2026-10-02Chemel, James L Cpa UNQUALIFIED22Amy Elsner
1049Ricardo T FerenczJapan2026-10-22Feiner Bros PROPOSAL78Bernardo Dominic
Frozen Rows
NameCountryRepresentativeStatus
Misaki C SlusarskiItalyAmy Elsner UNQUALIFIED
Jennifer G BologniaCanadaElwin Sharvill RENEWAL
Emily X FlosiRussiaAmy Elsner NEW
Aditya A VenereAustraliaOnyama Limba NEGOTIATION
Jefferson U WieserUnited KingdomBernardo Dominic UNQUALIFIED
Murillo O DoeArgentinaStephen Shaw NEW
Maisha K KolmetzUnited KingdomXuxue Feng RENEWAL
Emily M BologniaBrazilStephen Shaw PROPOSAL
Adams V InouyeRussiaIoni Bowcher UNQUALIFIED
Ashley O FerenczJapanIvan Magalhaes PROPOSAL
Smith M MorascaItalyAsiya Javayant NEW
Greenwood T MaletJapanAsiya Javayant NEGOTIATION
Greenwood M AmigonUnited KingdomBernardo Dominic QUALIFIED
Morrow I PerinItalyElwin Sharvill PROPOSAL
Octavia E InouyeRussiaIoni Bowcher NEW
Greenwood P FerenczSpainAmy Elsner QUALIFIED
Mujtaba G PaprockiRussiaIvan Magalhaes NEW
Jennifer E DoeUnited KingdomXuxue Feng QUALIFIED
Tony Z MacleadCanadaStephen Shaw NEGOTIATION
Darci S VenereIndiaStephen Shaw NEGOTIATION
Costa I FigeroaSpainAmy Elsner QUALIFIED
Darci C MaletAustraliaElwin Sharvill NEW
Deepesh X SaylorsCanadaElwin Sharvill RENEWAL
Rodrigues X RulapaughItalyOnyama Limba NEW
Smith G MacleadCanadaElwin Sharvill NEGOTIATION
Stacey V OstroskyItalyAnna Fali RENEWAL
Nicolas R VenereSpainAnna Fali PROPOSAL
Salvatore N FlosiSpainStephen Shaw NEW
Isabel B MorascaArgentinaOnyama Limba PROPOSAL
Darci E DarakjyUnited KingdomIvan Magalhaes UNQUALIFIED
Misaki V InouyeUnited KingdomOnyama Limba NEW
Wickens O RutaCanadaAnna Fali PROPOSAL
Silvio C WieserAustraliaAnna Fali QUALIFIED
Kadeem C MacleadJapanAnna Fali PROPOSAL
Jones G RimCanadaAsiya Javayant QUALIFIED
Leon H BologniaBrazilStephen Shaw RENEWAL
Arvin P MarrierUnited KingdomOnyama Limba NEGOTIATION
Mayumi X VocelkaItalyIvan Magalhaes NEGOTIATION
Stacey Q CampainIndiaIvan Magalhaes NEGOTIATION
Morrow V BriddickBrazilAsiya Javayant QUALIFIED
Chavez I MarrierSpainXuxue Feng NEW
Ivar E AmigonAustraliaStephen Shaw RENEWAL
Ashley J AlbaresRussiaIoni Bowcher RENEWAL
Smith B NestleFranceXuxue Feng NEGOTIATION
Juan R MacleadIndiaBernardo Dominic NEGOTIATION
Rodrigues Z WieserArgentinaIvan Magalhaes NEGOTIATION
Juan L VocelkaGermanyAsiya Javayant NEGOTIATION
Mujtaba P AlbaresFranceElwin Sharvill PROPOSAL
Adams C SergiSpainIoni Bowcher NEW
Tony S CampainFranceAnna Fali RENEWAL
Frozen Columns
Name
Stacey S Briddick
Aika M Figeroa
Maria Y Schemmer
Deepesh V Royster
Costa G Flosi
Smith O Inouye
Octavia A Figeroa
Alejandro U Glick
Smith O Waycott
Darci B Malet
Alejandro L Ruta
Mayumi V Kolmetz
Leon L Kolmetz
Alejandro J Sergi
Stacey M Rulapaugh
Tony Z Kolmetz
Ivar I Sergi
Smith V Doe
Jeanfrancois B Briddick
Salvatore U Briddick
Aruna U Poquette
Morrow K Tollner
Darci W Shinko
Nicolas D Butt
Aditya P Kusko
Juan D Perin
Silvio B Rulapaugh
Deepesh R Ruta
Octavia N Ostrosky
Jeanfrancois N Stenseth
Arvin Q Maclead
Rodrigues X Caldarera
Ashley S Bolognia
Francesco K Caldarera
Tony V Caudy
Juan M Oldroyd
Clifford Y Nestle
Aditya N Royster
Maria Y Maclead
Costa H Bolognia
Aditya L Shinko
Rodrigues Q Vocelka
Aika E Gillian
Jennifer M Royster
Francesco U Amigon
Silvio O Royster
Claire P Ostrosky
Rodrigues P Caudy
Clifford W Marrier
Silvio T Gillian
IdCountryDate
1000Canada2026-10-06
1001United Kingdom2026-09-27
1002Germany2026-10-25
1003Australia2026-10-16
1004Russia2026-10-09
1005United Kingdom2026-09-27
1006Australia2026-10-10
1007Brazil2026-10-24
1008Canada2026-10-18
1009United Kingdom2026-09-28
1010Argentina2026-10-06
1011France2026-09-27
1012Argentina2026-10-08
1013Argentina2026-10-10
1014India2026-10-09
1015Australia2026-10-06
1016Canada2026-10-19
1017Japan2026-10-20
1018Japan2026-09-30
1019India2026-09-28
1020United Kingdom2026-10-22
1021Spain2026-10-16
1022Japan2026-10-10
1023Brazil2026-10-16
1024France2026-10-22
1025Germany2026-10-10
1026Argentina2026-10-25
1027France2026-10-07
1028United Kingdom2026-10-15
1029Japan2026-10-14
1030India2026-10-03
1031Brazil2026-10-23
1032Argentina2026-10-24
1033Canada2026-10-25
1034United Kingdom2026-10-17
1035France2026-10-18
1036Japan2026-10-08
1037Spain2026-10-26
1038Italy2026-10-04
1039Canada2026-10-01
1040Canada2026-10-16
1041France2026-10-22
1042Japan2026-10-11
1043Australia2026-10-13
1044Russia2026-10-09
1045India2026-10-02
1046France2026-10-09
1047France2026-10-13
1048Japan2026-09-28
1049Brazil2026-10-11

On-Demand Data

NameIdCountryDate
Mayumi V Doe1000Spain2026-10-14
Leon U Bowley1001United Kingdom2026-10-10
Leon S Chui1002Australia2026-10-19
Stacey Z Rulapaugh1003Canada2026-09-30
Salvatore M Vocelka1004Canada2026-10-17
Nicolas Q Oldroyd1005Australia2026-10-24
Aditya X Paprocki1006Argentina2026-10-07
Izzy C Foller1007United Kingdom2026-10-03
Emily E Dilliard1008Canada2026-10-26
Costa A Darakjy1009Argentina2026-10-18
James B Bolognia1010Russia2026-10-03
Arvin M Marrier1011France2026-10-15
Ricardo B Amigon1012United Kingdom2026-10-12
Chavez V Ruta1013Russia2026-10-08
Sinclair Q Shinko1014France2026-10-09
Leja Q Foller1015Italy2026-10-04
Francesco U Iturbide1016Canada2026-09-28
Sinclair H Gillian1017Brazil2026-10-12
Ashley B Foller1018Argentina2026-10-07
Aditya U Gaucho1019India2026-10-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Claire Y KolmetzItalyOnyama Limba UNQUALIFIED
Costa A IturbideGermanyStephen Shaw UNQUALIFIED
Jennifer H RoysterFranceBernardo Dominic NEW
Silvio Q GillianGermanyElwin Sharvill QUALIFIED
Ashley R GillianGermanyAsiya Javayant QUALIFIED
David D FlosiIndiaXuxue Feng PROPOSAL
Cody E SaylorsItalyXuxue Feng PROPOSAL
Silvio Y WaycottCanadaStephen Shaw NEW
Ricardo L CaldareraBrazilIvan Magalhaes UNQUALIFIED
Silvio W GauchoUnited KingdomBernardo Dominic PROPOSAL
Ivar X DarakjyArgentinaOnyama Limba QUALIFIED
Ivar S NestleBrazilOnyama Limba NEW
Alejandro Q RoysterSpainStephen Shaw NEGOTIATION
Juan F WhobreyIndiaXuxue Feng QUALIFIED
Clifford Q BowleyUnited KingdomAsiya Javayant RENEWAL
Misaki N ShinkoAustraliaOnyama Limba NEGOTIATION
Silvio O MaletCanadaAsiya Javayant PROPOSAL
Jeanfrancois F CaldareraAustraliaElwin Sharvill UNQUALIFIED
Greenwood Y DarakjyFranceBernardo Dominic NEGOTIATION
Julie W GillianCanadaIvan Magalhaes QUALIFIED
James F NickaRussiaBernardo Dominic NEGOTIATION
Claire E GauchoSpainAmy Elsner UNQUALIFIED
Stacey D MacleadItalyAmy Elsner PROPOSAL
Wickens L DarakjyUnited KingdomElwin Sharvill PROPOSAL
Alejandro R IturbideUnited KingdomXuxue Feng QUALIFIED
Arvin P RimBrazilElwin Sharvill UNQUALIFIED
Faith U ButtGermanyBernardo Dominic NEW
Jones K FollerSpainIvan Magalhaes NEGOTIATION
Kadeem U BriddickRussiaAsiya Javayant NEW
Claire P SaylorsUnited KingdomOnyama Limba PROPOSAL
Morrow L GlickSpainBernardo Dominic QUALIFIED
Darci L RoysterIndiaElwin Sharvill NEGOTIATION
Emily B GauchoUnited KingdomAmy Elsner NEW
Johnson I AmigonArgentinaIvan Magalhaes PROPOSAL
Mujtaba L BriddickIndiaXuxue Feng NEGOTIATION
Misaki H FerenczGermanyBernardo Dominic NEGOTIATION
Aika P DoeSpainAsiya Javayant NEW
Smith B RoysterCanadaAsiya Javayant NEGOTIATION
Izzy M GlickCanadaIvan Magalhaes QUALIFIED
Maria T MaletFranceAmy Elsner 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" 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>