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
Johnson G VenereUnited KingdomAsiya Javayant QUALIFIED
Aruna T FerenczIndiaXuxue Feng QUALIFIED
Aika P DarakjyGermanyAnna Fali RENEWAL
Octavia Z MaletItalyIoni Bowcher NEGOTIATION
James Y SergiJapanAmy Elsner RENEWAL
Munro H VenereCanadaXuxue Feng NEGOTIATION
Jones Z VocelkaItalyElwin Sharvill NEGOTIATION
Deepesh E CampainJapanOnyama Limba QUALIFIED
Nicolas I NestleGermanyXuxue Feng NEGOTIATION
Kaitlin W CampainUnited KingdomBernardo Dominic PROPOSAL
Stacey U GarufiBrazilElwin Sharvill RENEWAL
Jennifer V ShinkoArgentinaAsiya Javayant NEGOTIATION
Antonio D VenereItalyAsiya Javayant RENEWAL
Tony E StockhamRussiaAnna Fali RENEWAL
Aruna E AmigonUnited KingdomAmy Elsner QUALIFIED
Munro L SchemmerAustraliaBernardo Dominic RENEWAL
Stacey O WaycottSpainBernardo Dominic PROPOSAL
Darci I BriddickJapanXuxue Feng NEGOTIATION
Johnson E RimItalyAnna Fali RENEWAL
Sinclair C SergiGermanyAsiya Javayant QUALIFIED
Misaki S BologniaAustraliaIoni Bowcher QUALIFIED
Salvatore B CaudyFranceOnyama Limba PROPOSAL
Morrow B MarrierAustraliaStephen Shaw PROPOSAL
Jennifer J BologniaRussiaAmy Elsner NEGOTIATION
Mujtaba U IturbideIndiaAsiya Javayant QUALIFIED
Munro T CampainUnited KingdomOnyama Limba PROPOSAL
Julie C CaldareraSpainIoni Bowcher NEW
Deepesh V InouyeSpainBernardo Dominic NEGOTIATION
Francesco T DilliardJapanElwin Sharvill UNQUALIFIED
Johnson I FigeroaSpainStephen Shaw QUALIFIED
Tony N SaylorsRussiaAnna Fali NEW
Claire O VenereGermanyStephen Shaw NEW
Salvatore S NestleIndiaOnyama Limba NEW
Arvin T OldroydUnited KingdomIvan Magalhaes RENEWAL
Chavez F FigeroaArgentinaAmy Elsner NEGOTIATION
Aditya V ChuiItalyOnyama Limba PROPOSAL
Isabel O RulapaughSpainXuxue Feng UNQUALIFIED
Jeanfrancois U RulapaughArgentinaAmy Elsner NEW
Isabel M BriddickIndiaBernardo Dominic NEGOTIATION
Alejandro O KolmetzAustraliaAmy Elsner UNQUALIFIED
Ivar Y DilliardFranceXuxue Feng RENEWAL
Francesco N AmigonRussiaOnyama Limba NEW
Murillo J PerinFranceOnyama Limba NEW
Silvio V WaycottArgentinaIvan Magalhaes RENEWAL
Mujtaba B PerinGermanyOnyama Limba PROPOSAL
Adams O FlosiFranceStephen Shaw NEW
Antonio H BologniaGermanyAnna Fali RENEWAL
Aditya I GarufiItalyElwin Sharvill RENEWAL
Kaitlin A GlickArgentinaStephen Shaw UNQUALIFIED
Smith Z BologniaArgentinaAnna Fali PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Murillo Q WaycottBrazilAmy Elsner QUALIFIED
Salvatore P SchemmerBrazilOnyama Limba RENEWAL
Morrow B SaylorsArgentinaIvan Magalhaes UNQUALIFIED
Darci T OldroydUnited KingdomIvan Magalhaes NEW
Jefferson M PoquetteIndiaBernardo Dominic UNQUALIFIED
Munro A WhobreyArgentinaIvan Magalhaes UNQUALIFIED
Alejandro X CampainFranceAsiya Javayant NEGOTIATION
Misaki V StockhamArgentinaAsiya Javayant PROPOSAL
Mayumi H OldroydGermanyOnyama Limba PROPOSAL
Ricardo H KolmetzSpainOnyama Limba NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Leon N StockhamGermany2026-10-09Benton, John B Jr UNQUALIFIED73Bernardo Dominic
1001Kadeem W FigeroaIndia2026-10-02King, Christopher A Esq NEGOTIATION36Amy Elsner
1002Adams M KolmetzItaly2026-09-19Morlong Associates RENEWAL19Ioni Bowcher
1003Kadeem K NickaIndia2026-10-13Feltz Printing Service UNQUALIFIED63Ioni Bowcher
1004Aruna L RoysterBrazil2026-10-13Printing Dimensions PROPOSAL4Anna Fali
1005Johnson K FlosiBrazil2026-09-22Morlong Associates NEGOTIATION80Onyama Limba
1006James Q ShinkoSpain2026-09-30Dorl, James J Esq UNQUALIFIED32Stephen Shaw
1007Izzy E KolmetzFrance2026-10-14Feltz Printing Service RENEWAL88Stephen Shaw
1008Silvio B CaudyIndia2026-09-29Chanay, Jeffrey A Esq NEW84Stephen Shaw
1009Mayumi B WieserAustralia2026-10-03Feiner Bros QUALIFIED27Amy Elsner
1010Adams C DoeSpain2026-09-26Truhlar And Truhlar Attys RENEWAL8Asiya Javayant
1011Leon K OstroskyArgentina2026-10-06Printing Dimensions QUALIFIED45Asiya Javayant
1012Leon J MaletGermany2026-09-21Feiner Bros PROPOSAL54Ivan Magalhaes
1013Adams K DilliardJapan2026-10-11Printing Dimensions PROPOSAL5Anna Fali
1014Sinclair O GillianGermany2026-10-09Morlong Associates UNQUALIFIED23Bernardo Dominic
1015Aditya P GarufiBrazil2026-09-26Chemel, James L Cpa UNQUALIFIED94Bernardo Dominic
1016Ashley I StensethRussia2026-09-16Feiner Bros NEGOTIATION51Xuxue Feng
1017Stacey G FigeroaGermany2026-10-09Feltz Printing Service NEGOTIATION44Ivan Magalhaes
1018Clifford A AmigonCanada2026-10-07Buckley Miller Wright QUALIFIED87Anna Fali
1019Costa O MaletSpain2026-10-13Dorl, James J Esq PROPOSAL64Elwin Sharvill
1020Maisha I CaldareraBrazil2026-09-17Printing Dimensions PROPOSAL72Ivan Magalhaes
1021Faith B FerenczRussia2026-09-21Dorl, James J Esq QUALIFIED40Anna Fali
1022Adams Y RutaRussia2026-10-09Benton, John B Jr NEW16Anna Fali
1023Mujtaba M GillianSpain2026-10-08Buckley Miller Wright NEGOTIATION72Asiya Javayant
1024Emily W RulapaughArgentina2026-09-27Benton, John B Jr NEGOTIATION33Ioni Bowcher
1025Kadeem Q OldroydArgentina2026-09-21Morlong Associates NEGOTIATION94Onyama Limba
1026Aruna V DoeUnited Kingdom2026-09-25Chapman, Ross E Esq QUALIFIED93Xuxue Feng
1027Jennifer E NestleArgentina2026-10-12Rangoni Of Florence UNQUALIFIED60Asiya Javayant
1028Munro Z AmigonSpain2026-09-15Rangoni Of Florence PROPOSAL87Bernardo Dominic
1029Isabel J OldroydItaly2026-10-14Chapman, Ross E Esq RENEWAL47Ivan Magalhaes
1030Misaki A SchemmerCanada2026-09-28Morlong Associates NEGOTIATION68Xuxue Feng
1031Antonio Y FlosiArgentina2026-09-16Morlong Associates NEGOTIATION67Elwin Sharvill
1032David F MacleadItaly2026-10-02Chemel, James L Cpa RENEWAL29Ivan Magalhaes
1033Maria T RulapaughAustralia2026-10-11Printing Dimensions PROPOSAL31Amy Elsner
1034Faith G StensethJapan2026-09-18Chemel, James L Cpa NEW33Xuxue Feng
1035Ashley H TollnerGermany2026-09-27Printing Dimensions QUALIFIED57Asiya Javayant
1036Leon H StockhamAustralia2026-09-16King, Christopher A Esq UNQUALIFIED27Stephen Shaw
1037Maria B GillianIndia2026-09-23Chemel, James L Cpa RENEWAL3Ivan Magalhaes
1038Izzy X GarufiCanada2026-09-24Feiner Bros NEW48Ioni Bowcher
1039Sinclair M FigeroaJapan2026-10-01Morlong Associates QUALIFIED99Onyama Limba
1040Jeanfrancois A FigeroaAustralia2026-09-23Dorl, James J Esq NEGOTIATION86Bernardo Dominic
1041Rodrigues E StensethItaly2026-10-09King, Christopher A Esq RENEWAL36Elwin Sharvill
1042Johnson Z KolmetzArgentina2026-10-10Chanay, Jeffrey A Esq NEW31Elwin Sharvill
1043Isabel Z BowleyIndia2026-09-24Chanay, Jeffrey A Esq NEW97Ivan Magalhaes
1044Claire J MorascaIndia2026-10-03Commercial Press RENEWAL28Asiya Javayant
1045Leon I OldroydBrazil2026-10-07Dorl, James J Esq UNQUALIFIED91Bernardo Dominic
1046Alejandro J BowleyFrance2026-09-18Commercial Press RENEWAL10Stephen Shaw
1047Ashley B InouyeRussia2026-10-10Commercial Press RENEWAL73Elwin Sharvill
1048Julie J VenereUnited Kingdom2026-10-06King, Christopher A Esq QUALIFIED41Stephen Shaw
1049Julie G FerenczSpain2026-09-17Rangoni Of Florence RENEWAL38Ioni Bowcher
Frozen Rows
NameCountryRepresentativeStatus
Jeanfrancois N PaprockiJapanIoni Bowcher QUALIFIED
Morrow K MarrierItalyStephen Shaw QUALIFIED
Nicolas Z StensethItalyStephen Shaw UNQUALIFIED
Juan I CaudyRussiaIoni Bowcher RENEWAL
Munro G FollerAustraliaIvan Magalhaes NEW
Mayumi B MarrierGermanyOnyama Limba NEGOTIATION
Rodrigues C PerinUnited KingdomElwin Sharvill NEGOTIATION
Izzy T NestleSpainXuxue Feng NEW
Julie U BologniaArgentinaXuxue Feng UNQUALIFIED
Jones I ShinkoSpainAsiya Javayant QUALIFIED
Kaitlin P OstroskyIndiaXuxue Feng UNQUALIFIED
David X DilliardRussiaBernardo Dominic RENEWAL
Stacey K MarrierJapanBernardo Dominic PROPOSAL
Jones N GauchoArgentinaBernardo Dominic NEGOTIATION
Arvin M NickaItalyAnna Fali RENEWAL
Clifford P PerinArgentinaAmy Elsner NEW
Izzy A VocelkaCanadaAmy Elsner QUALIFIED
Jeanfrancois G WhobreyItalyBernardo Dominic UNQUALIFIED
David Y VenereBrazilElwin Sharvill QUALIFIED
Jones X KolmetzIndiaBernardo Dominic NEW
Emily I AmigonItalyAmy Elsner QUALIFIED
Aika S GauchoBrazilAsiya Javayant QUALIFIED
Jeanfrancois Q VocelkaCanadaAmy Elsner PROPOSAL
Nicolas M OldroydBrazilIvan Magalhaes QUALIFIED
Kaitlin L GillianRussiaAmy Elsner RENEWAL
Misaki U NestleAustraliaStephen Shaw QUALIFIED
Wickens Q SergiItalyAsiya Javayant NEGOTIATION
Faith C DarakjyGermanyIoni Bowcher NEW
Mujtaba N SaylorsFranceStephen Shaw NEGOTIATION
Murillo H KuskoGermanyElwin Sharvill NEGOTIATION
Johnson W FigeroaFranceIvan Magalhaes NEGOTIATION
Johnson N ChuiUnited KingdomAsiya Javayant NEW
Morrow W SchemmerArgentinaAmy Elsner UNQUALIFIED
Chavez J MacleadCanadaElwin Sharvill RENEWAL
Mayumi O VenereIndiaAmy Elsner PROPOSAL
Greenwood D CampainAustraliaIvan Magalhaes RENEWAL
Kaitlin J MaletItalyBernardo Dominic NEGOTIATION
Maria X NestleArgentinaBernardo Dominic QUALIFIED
Aruna R WaycottFranceAmy Elsner UNQUALIFIED
Aruna F MaletUnited KingdomStephen Shaw NEW
Tony Z MacleadItalyAnna Fali PROPOSAL
Arvin Z PoquetteUnited KingdomStephen Shaw RENEWAL
Aika Y SchemmerSpainStephen Shaw RENEWAL
Ashley E GauchoGermanyBernardo Dominic NEW
Johnson X BowleyAustraliaAnna Fali NEGOTIATION
Mayumi L WaycottItalyAsiya Javayant PROPOSAL
Ivar W DilliardSpainAmy Elsner PROPOSAL
Darci L MarrierUnited KingdomAsiya Javayant NEGOTIATION
Maisha A FerenczAustraliaIvan Magalhaes QUALIFIED
Tony Y OldroydBrazilElwin Sharvill PROPOSAL
Frozen Columns
Name
Octavia L Vocelka
Julie N Iturbide
Cody C Sergi
Wickens I Waycott
Morrow Z Garufi
Cody K Chui
Maria U Caldarera
Sinclair R Paprocki
David A Ostrosky
Greenwood Y Nicka
Rodrigues S Stockham
Ricardo S Ostrosky
Aika J Caldarera
Francesco G Marrier
Stacey E Figeroa
Costa T Morasca
Ashley E Tollner
Adams N Wieser
Maisha G Inouye
Salvatore N Caldarera
Francesco U Stenseth
Jones W Marrier
Octavia I Poquette
Misaki Z Rim
Octavia T Venere
Smith I Inouye
Stacey Q Rulapaugh
Leja J Nestle
Francesco M Nestle
Jeanfrancois G Nicka
Claire A Caudy
Silvio Z Iturbide
Deepesh U Campain
Sinclair X Stockham
Greenwood C Stockham
Sinclair K Butt
Claire C Perin
Jones B Whobrey
Emily Z Garufi
Salvatore Z Garufi
Leon P Saylors
Deepesh N Poquette
Antonio E Ruta
Octavia S Sergi
Francesco Q Slusarski
Clifford B Malet
James V Chui
David O Darakjy
Misaki W Briddick
Jennifer P Nicka
IdCountryDate
1000Japan2026-09-23
1001Argentina2026-10-12
1002France2026-09-15
1003Spain2026-10-11
1004Spain2026-09-19
1005Italy2026-09-22
1006United Kingdom2026-09-15
1007United Kingdom2026-10-12
1008India2026-10-09
1009Canada2026-10-05
1010Japan2026-09-22
1011France2026-09-27
1012Canada2026-10-14
1013Russia2026-09-25
1014Russia2026-09-18
1015United Kingdom2026-10-09
1016Germany2026-09-17
1017United Kingdom2026-10-05
1018Russia2026-09-20
1019Italy2026-10-12
1020Argentina2026-09-19
1021Brazil2026-09-24
1022United Kingdom2026-10-04
1023Germany2026-10-04
1024United Kingdom2026-10-11
1025Japan2026-10-07
1026India2026-09-27
1027Canada2026-09-15
1028Germany2026-09-28
1029Italy2026-09-25
1030Russia2026-10-13
1031Italy2026-10-05
1032Brazil2026-09-28
1033Canada2026-09-23
1034Italy2026-10-14
1035Russia2026-09-26
1036United Kingdom2026-09-15
1037Russia2026-09-24
1038Germany2026-09-20
1039India2026-10-09
1040Canada2026-10-11
1041Australia2026-10-02
1042Australia2026-10-01
1043United Kingdom2026-10-11
1044Canada2026-09-15
1045Italy2026-09-29
1046France2026-10-08
1047India2026-10-02
1048Germany2026-10-10
1049Canada2026-09-17

On-Demand Data

NameIdCountryDate
Mujtaba H Sergi1000India2026-10-05
Stacey Z Flosi1001United Kingdom2026-09-26
Greenwood F Rulapaugh1002Brazil2026-09-17
Rodrigues I Figeroa1003Japan2026-10-08
Johnson J Venere1004United Kingdom2026-10-04
Smith L Dilliard1005United Kingdom2026-09-21
Aruna P Sergi1006Japan2026-10-03
Mujtaba K Bowley1007Japan2026-09-17
Cody T Sergi1008Brazil2026-10-14
Jefferson N Bolognia1009India2026-09-15
Johnson Z Marrier1010Italy2026-10-08
Arvin M Albares1011United Kingdom2026-10-12
Sinclair Y Ostrosky1012Spain2026-10-09
Leja A Campain1013India2026-09-28
Alejandro R Perin1014Brazil2026-09-20
Aditya N Waycott1015India2026-09-24
Juan A Chui1016Spain2026-10-07
Smith J Chui1017India2026-10-10
Claire Y Iturbide1018Brazil2026-10-11
Juan V Darakjy1019India2026-09-29
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Sinclair V VenereRussiaAnna Fali UNQUALIFIED
Smith H DoeBrazilXuxue Feng PROPOSAL
Leja Y PerinFranceStephen Shaw QUALIFIED
Isabel X OstroskyRussiaOnyama Limba QUALIFIED
Ashley K RutaRussiaIoni Bowcher PROPOSAL
Arvin N AlbaresArgentinaAsiya Javayant RENEWAL
Maisha K FigeroaBrazilAmy Elsner RENEWAL
Munro H KolmetzIndiaAnna Fali NEW
Clifford Z TollnerAustraliaXuxue Feng RENEWAL
Murillo V OldroydGermanyAsiya Javayant NEW
Claire N RulapaughArgentinaIvan Magalhaes UNQUALIFIED
Jeanfrancois F DarakjyCanadaOnyama Limba NEW
Kaitlin M BriddickRussiaAmy Elsner UNQUALIFIED
Leja C GauchoAustraliaAsiya Javayant NEGOTIATION
Leja S OldroydJapanBernardo Dominic QUALIFIED
Juan C DoeRussiaOnyama Limba PROPOSAL
Emily E MacleadFranceBernardo Dominic PROPOSAL
Izzy A KolmetzItalyIoni Bowcher NEW
Johnson Z DarakjyCanadaAsiya Javayant NEGOTIATION
Isabel C DoeCanadaOnyama Limba PROPOSAL
Leja U VenereGermanyStephen Shaw NEGOTIATION
Emily F DoeCanadaBernardo Dominic UNQUALIFIED
James T RimAustraliaAmy Elsner QUALIFIED
James I StensethArgentinaXuxue Feng NEGOTIATION
Costa B MarrierArgentinaElwin Sharvill NEGOTIATION
Salvatore E GauchoIndiaAmy Elsner NEW
Ricardo S MacleadArgentinaIvan Magalhaes PROPOSAL
Silvio A MaletSpainStephen Shaw RENEWAL
Alejandro C IturbideItalyStephen Shaw PROPOSAL
Morrow T BowleyIndiaOnyama Limba UNQUALIFIED
Morrow I GlickCanadaStephen Shaw RENEWAL
Antonio A KolmetzFranceAsiya Javayant PROPOSAL
David P MacleadArgentinaOnyama Limba NEGOTIATION
Ivar L CaudyArgentinaElwin Sharvill RENEWAL
Smith A SaylorsBrazilAnna Fali PROPOSAL
Ricardo B BowleyRussiaAsiya Javayant UNQUALIFIED
Kadeem D DilliardCanadaAmy Elsner NEW
Kaitlin P BriddickJapanAmy Elsner NEGOTIATION
Smith H FlosiItalyIoni Bowcher QUALIFIED
Tony N WhobreyUnited KingdomOnyama Limba NEGOTIATION

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