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
Kadeem Q KuskoItalyBernardo Dominic NEGOTIATION
Arvin T FollerUnited KingdomIoni Bowcher NEW
Ricardo C ChuiFranceStephen Shaw RENEWAL
Ivar B MaletArgentinaIoni Bowcher NEW
Kadeem D InouyeArgentinaBernardo Dominic NEW
Izzy W DoeGermanyXuxue Feng UNQUALIFIED
Adams V SlusarskiBrazilAmy Elsner QUALIFIED
Tony K ChuiFranceIvan Magalhaes UNQUALIFIED
Aika P BologniaAustraliaAmy Elsner NEW
Wickens A MaletSpainElwin Sharvill NEGOTIATION
Jeanfrancois R NestleGermanyXuxue Feng UNQUALIFIED
James F DoeIndiaAnna Fali PROPOSAL
Silvio J SaylorsIndiaElwin Sharvill NEW
Alejandro U ButtUnited KingdomAsiya Javayant NEW
Ivar T DoeIndiaAmy Elsner NEW
Emily H MarrierCanadaAsiya Javayant RENEWAL
Clifford T KuskoSpainIoni Bowcher RENEWAL
Mujtaba L OldroydCanadaAnna Fali RENEWAL
Claire W VenereBrazilIoni Bowcher NEGOTIATION
Murillo B FerenczCanadaStephen Shaw RENEWAL
Izzy O TollnerItalyBernardo Dominic UNQUALIFIED
Ricardo U ChuiItalyAnna Fali PROPOSAL
Claire Q MacleadCanadaStephen Shaw NEW
Morrow D PerinArgentinaBernardo Dominic NEW
Aditya T SlusarskiIndiaAsiya Javayant NEW
Jones Q BowleyJapanIoni Bowcher QUALIFIED
Costa Q TollnerJapanElwin Sharvill QUALIFIED
Ricardo Z DilliardGermanyAsiya Javayant RENEWAL
Jennifer C WaycottSpainIoni Bowcher NEGOTIATION
Rodrigues W AmigonSpainAmy Elsner QUALIFIED
Ricardo G CaldareraFranceAmy Elsner UNQUALIFIED
Mayumi I GlickSpainAsiya Javayant QUALIFIED
Octavia Y StockhamFranceStephen Shaw PROPOSAL
Kadeem K StockhamJapanAnna Fali NEGOTIATION
Izzy W SergiItalyStephen Shaw PROPOSAL
Johnson P MorascaArgentinaElwin Sharvill NEW
Silvio I GarufiFranceBernardo Dominic QUALIFIED
James B RutaAustraliaAmy Elsner PROPOSAL
Stacey L GarufiRussiaOnyama Limba RENEWAL
Clifford F DoeFranceStephen Shaw QUALIFIED
Deepesh A MorascaAustraliaOnyama Limba QUALIFIED
Murillo D WhobreyUnited KingdomAsiya Javayant RENEWAL
Jennifer R WhobreyFranceElwin Sharvill QUALIFIED
Ivar M BologniaAustraliaAsiya Javayant QUALIFIED
Alejandro P SchemmerGermanyAsiya Javayant NEGOTIATION
Nicolas N FigeroaArgentinaElwin Sharvill RENEWAL
Emily L DoeFranceStephen Shaw UNQUALIFIED
Juan G CampainAustraliaAsiya Javayant PROPOSAL
Silvio D InouyeSpainIvan Magalhaes RENEWAL
Juan R BriddickAustraliaAmy Elsner NEW
Horizontal
NameCountryRepresentativeStatus
James F NickaFranceAnna Fali NEW
Antonio Q PoquetteBrazilElwin Sharvill RENEWAL
Emily L SaylorsGermanyElwin Sharvill NEW
Faith T FlosiCanadaOnyama Limba NEGOTIATION
Jefferson T MorascaItalyAmy Elsner PROPOSAL
Ashley N GlickArgentinaIoni Bowcher NEW
Leon W RimUnited KingdomOnyama Limba QUALIFIED
Alejandro S CaldareraGermanyBernardo Dominic RENEWAL
Munro Z GlickArgentinaOnyama Limba NEGOTIATION
Silvio L KolmetzItalyStephen Shaw NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Darci R GillianIndia2026-11-03Feltz Printing Service NEGOTIATION17Anna Fali
1001Munro J CaldareraIndia2026-10-27Buckley Miller Wright UNQUALIFIED20Stephen Shaw
1002Faith H KuskoJapan2026-10-18Rousseaux, Michael Esq NEW84Amy Elsner
1003Izzy H WieserItaly2026-11-04Rousseaux, Michael Esq UNQUALIFIED61Stephen Shaw
1004Greenwood N VenereGermany2026-11-04Printing Dimensions NEW9Elwin Sharvill
1005Aditya U WhobreySpain2026-10-24Printing Dimensions UNQUALIFIED25Ioni Bowcher
1006Costa O CampainCanada2026-10-23Commercial Press NEGOTIATION70Amy Elsner
1007Arvin V RoysterFrance2026-10-29Buckley Miller Wright UNQUALIFIED69Bernardo Dominic
1008Izzy I PoquetteArgentina2026-11-08Morlong Associates UNQUALIFIED84Onyama Limba
1009Alejandro O KuskoFrance2026-10-27King, Christopher A Esq QUALIFIED30Ivan Magalhaes
1010Maria I SlusarskiIndia2026-10-18Printing Dimensions RENEWAL73Anna Fali
1011Juan E MaletIndia2026-10-19Chanay, Jeffrey A Esq NEGOTIATION64Ioni Bowcher
1012Kadeem M GauchoItaly2026-11-06Feltz Printing Service QUALIFIED52Ioni Bowcher
1013Salvatore G CampainIndia2026-10-20Morlong Associates UNQUALIFIED35Amy Elsner
1014Greenwood B NickaArgentina2026-11-10Benton, John B Jr NEW49Ivan Magalhaes
1015David G DarakjyItaly2026-10-27Rangoni Of Florence NEW34Onyama Limba
1016Rodrigues I OstroskyIndia2026-10-12Chapman, Ross E Esq RENEWAL44Ioni Bowcher
1017Juan W PoquetteSpain2026-10-23Chanay, Jeffrey A Esq RENEWAL0Onyama Limba
1018Chavez R RutaCanada2026-10-27Printing Dimensions NEGOTIATION6Elwin Sharvill
1019Mayumi V BowleyUnited Kingdom2026-10-21Chemel, James L Cpa PROPOSAL36Ioni Bowcher
1020Cody J MarrierItaly2026-10-26Commercial Press QUALIFIED51Amy Elsner
1021Sinclair X NickaSpain2026-11-02Rangoni Of Florence UNQUALIFIED63Ioni Bowcher
1022Claire H SaylorsRussia2026-10-20Buckley Miller Wright NEW77Bernardo Dominic
1023Aika G RulapaughSpain2026-10-29Rangoni Of Florence RENEWAL51Ioni Bowcher
1024Leja X WaycottArgentina2026-11-09Printing Dimensions RENEWAL48Bernardo Dominic
1025Stacey L AmigonSpain2026-11-03Morlong Associates RENEWAL34Ivan Magalhaes
1026Kadeem I CaudyRussia2026-11-09Buckley Miller Wright QUALIFIED48Ioni Bowcher
1027Sinclair N SlusarskiFrance2026-10-31King, Christopher A Esq NEW32Onyama Limba
1028Silvio F BologniaAustralia2026-10-20Chemel, James L Cpa QUALIFIED14Anna Fali
1029Aditya B MarrierSpain2026-11-05Printing Dimensions RENEWAL98Amy Elsner
1030Costa Q KuskoItaly2026-10-22Rangoni Of Florence UNQUALIFIED70Asiya Javayant
1031Kadeem I SaylorsRussia2026-10-23Feltz Printing Service RENEWAL97Elwin Sharvill
1032Ricardo G IturbideAustralia2026-11-05Feltz Printing Service PROPOSAL10Ioni Bowcher
1033Ricardo S DarakjyArgentina2026-11-09Feltz Printing Service NEW43Onyama Limba
1034Isabel O ShinkoItaly2026-10-31Commercial Press QUALIFIED78Stephen Shaw
1035Wickens T DarakjyAustralia2026-10-31Feltz Printing Service UNQUALIFIED21Anna Fali
1036Jeanfrancois V CaudyBrazil2026-10-17Feiner Bros UNQUALIFIED8Stephen Shaw
1037Salvatore X RulapaughIndia2026-11-03Chemel, James L Cpa NEGOTIATION64Amy Elsner
1038Arvin O KolmetzArgentina2026-11-03Rousseaux, Michael Esq PROPOSAL65Bernardo Dominic
1039Arvin H FigeroaIndia2026-11-07Dorl, James J Esq UNQUALIFIED53Ioni Bowcher
1040Salvatore T VenereFrance2026-10-31Benton, John B Jr NEW71Ioni Bowcher
1041Alejandro N FigeroaJapan2026-10-19Rangoni Of Florence UNQUALIFIED57Asiya Javayant
1042Jones V BowleyUnited Kingdom2026-10-15Rangoni Of Florence RENEWAL55Onyama Limba
1043Alejandro I DoeArgentina2026-10-19Chemel, James L Cpa RENEWAL45Elwin Sharvill
1044Sinclair B ChuiJapan2026-11-06Commercial Press NEGOTIATION88Elwin Sharvill
1045Juan B PerinItaly2026-11-03Morlong Associates RENEWAL30Bernardo Dominic
1046Maisha I StockhamUnited Kingdom2026-11-03Dorl, James J Esq UNQUALIFIED20Anna Fali
1047Johnson A AlbaresItaly2026-10-13Commercial Press RENEWAL75Amy Elsner
1048Nicolas B WieserUnited Kingdom2026-10-25Chanay, Jeffrey A Esq QUALIFIED70Onyama Limba
1049Jefferson A SergiFrance2026-11-09Chanay, Jeffrey A Esq QUALIFIED48Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Mayumi J CampainAustraliaAmy Elsner NEGOTIATION
Octavia A ShinkoAustraliaAmy Elsner RENEWAL
Stacey P WaycottGermanyAsiya Javayant RENEWAL
Silvio C CaldareraJapanIoni Bowcher NEGOTIATION
Jefferson G InouyeJapanXuxue Feng NEW
Silvio U DarakjyItalyStephen Shaw PROPOSAL
Leon J StensethAustraliaIoni Bowcher NEGOTIATION
Jones F RulapaughGermanyIvan Magalhaes QUALIFIED
Jennifer L MaletGermanyStephen Shaw QUALIFIED
Tony Q BologniaRussiaIvan Magalhaes QUALIFIED
Salvatore A SlusarskiArgentinaAnna Fali PROPOSAL
Claire M AmigonFranceBernardo Dominic RENEWAL
Ricardo U MaletAustraliaOnyama Limba PROPOSAL
Leon Z ShinkoRussiaBernardo Dominic UNQUALIFIED
David X ButtCanadaIoni Bowcher QUALIFIED
Francesco B RulapaughGermanyOnyama Limba NEW
Leon A AmigonBrazilIoni Bowcher NEGOTIATION
Cody Y DoeAustraliaIoni Bowcher UNQUALIFIED
Aika N RutaUnited KingdomAsiya Javayant QUALIFIED
Francesco J NickaArgentinaXuxue Feng QUALIFIED
Leon K OstroskyAustraliaElwin Sharvill RENEWAL
Sinclair Q GauchoGermanyAnna Fali NEGOTIATION
Kaitlin B FigeroaItalyElwin Sharvill NEGOTIATION
Alejandro E VenereFranceAsiya Javayant RENEWAL
Morrow F GillianSpainOnyama Limba NEGOTIATION
Ivar G SaylorsItalyAnna Fali UNQUALIFIED
Claire X PoquetteRussiaOnyama Limba NEGOTIATION
Johnson C GarufiFranceElwin Sharvill NEW
Salvatore U BriddickArgentinaIoni Bowcher RENEWAL
Cody E BologniaBrazilBernardo Dominic NEW
Chavez A GauchoUnited KingdomElwin Sharvill NEW
Aditya A ChuiUnited KingdomBernardo Dominic NEW
Emily Q PoquetteItalyBernardo Dominic QUALIFIED
Aika W IturbideJapanIoni Bowcher UNQUALIFIED
Clifford M KuskoJapanStephen Shaw NEGOTIATION
Mujtaba L RutaArgentinaBernardo Dominic RENEWAL
Ashley B FerenczBrazilAmy Elsner NEGOTIATION
Julie C VocelkaItalyElwin Sharvill RENEWAL
Clifford Z TollnerArgentinaAnna Fali PROPOSAL
Jones T KolmetzSpainIoni Bowcher PROPOSAL
Deepesh T ButtItalyBernardo Dominic QUALIFIED
Julie P KolmetzFranceAsiya Javayant NEGOTIATION
Tony D PaprockiAustraliaStephen Shaw NEGOTIATION
Chavez L RoysterGermanyBernardo Dominic RENEWAL
Misaki C SergiItalyXuxue Feng PROPOSAL
Nicolas C SergiBrazilIvan Magalhaes NEW
Maisha Y StensethFranceXuxue Feng PROPOSAL
Wickens V PerinGermanyIvan Magalhaes UNQUALIFIED
Claire E BriddickAustraliaIvan Magalhaes PROPOSAL
Faith P FerenczUnited KingdomXuxue Feng NEW
Frozen Columns
Name
Nicolas F Tollner
Aika B Ostrosky
Stacey R Nicka
Greenwood R Doe
Ashley Z Flosi
Tony W Perin
Salvatore N Malet
Francesco Q Waycott
Smith E Maclead
Alejandro F Sergi
Isabel C Whobrey
Clifford K Slusarski
Alejandro J Stenseth
Francesco E Slusarski
Murillo O Maclead
Nicolas Q Rulapaugh
Maisha K Iturbide
Silvio S Foller
Julie L Campain
David Q Poquette
Octavia K Royster
Cody Y Slusarski
Ashley Y Gaucho
Isabel T Gillian
Greenwood B Rulapaugh
Leja W Kusko
Smith L Vocelka
Faith M Caldarera
Jeanfrancois J Gillian
Kaitlin Y Maclead
Julie M Rulapaugh
Silvio G Ruta
Juan V Wieser
Antonio V Figeroa
Leja S Slusarski
Jennifer C Whobrey
Cody K Oldroyd
Aditya L Flosi
Jones R Kolmetz
Kaitlin M Perin
Maisha G Flosi
Rodrigues A Amigon
Leon F Darakjy
Morrow W Waycott
Juan F Oldroyd
Darci K Butt
Mayumi N Malet
Smith M Amigon
Arvin P Malet
Chavez R Inouye
IdCountryDate
1000Argentina2026-10-24
1001Japan2026-10-31
1002United Kingdom2026-11-10
1003Canada2026-10-31
1004Brazil2026-11-09
1005Brazil2026-10-30
1006Australia2026-10-22
1007France2026-10-29
1008Spain2026-11-06
1009Argentina2026-10-22
1010Germany2026-11-10
1011Spain2026-11-06
1012Australia2026-11-04
1013Brazil2026-11-10
1014Germany2026-10-23
1015Italy2026-10-19
1016Germany2026-10-27
1017Russia2026-10-14
1018Spain2026-10-22
1019Argentina2026-10-25
1020United Kingdom2026-11-01
1021Italy2026-10-21
1022Germany2026-11-06
1023Russia2026-10-15
1024Brazil2026-11-01
1025United Kingdom2026-11-04
1026Russia2026-11-06
1027Japan2026-10-23
1028Japan2026-10-19
1029Japan2026-10-31
1030Brazil2026-10-15
1031Germany2026-10-20
1032Italy2026-11-02
1033Brazil2026-10-20
1034Russia2026-10-26
1035United Kingdom2026-10-20
1036Brazil2026-10-21
1037Italy2026-10-21
1038Italy2026-10-25
1039Japan2026-10-16
1040Japan2026-10-30
1041Argentina2026-10-29
1042Germany2026-10-25
1043United Kingdom2026-10-15
1044United Kingdom2026-10-29
1045Argentina2026-10-27
1046Australia2026-10-17
1047Japan2026-10-26
1048Italy2026-10-28
1049Russia2026-10-27

On-Demand Data

NameIdCountryDate
Alejandro X Chui1000France2026-10-26
Smith T Figeroa1001Argentina2026-10-30
Morrow A Schemmer1002Canada2026-10-27
Wickens A Bolognia1003India2026-11-04
Cody V Butt1004France2026-10-24
Smith R Foller1005Japan2026-10-29
Wickens Q Venere1006Australia2026-10-15
Misaki F Inouye1007Japan2026-10-27
Murillo M Waycott1008Spain2026-11-02
Mayumi T Rulapaugh1009Brazil2026-11-04
Tony E Figeroa1010India2026-11-04
Claire G Iturbide1011Russia2026-10-27
Alejandro O Maclead1012France2026-10-26
Julie R Perin1013Japan2026-11-05
Morrow K Rulapaugh1014Australia2026-10-22
David S Vocelka1015Germany2026-10-23
Misaki R Nicka1016Argentina2026-10-15
Greenwood A Malet1017United Kingdom2026-10-23
Chavez G Butt1018Canada2026-10-12
Jennifer L Ferencz1019Italy2026-10-12
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Tony C FlosiUnited KingdomOnyama Limba PROPOSAL
Arvin O ButtFranceIvan Magalhaes NEGOTIATION
Clifford D KuskoCanadaBernardo Dominic PROPOSAL
Adams W KuskoBrazilAsiya Javayant NEGOTIATION
Johnson Y WhobreyCanadaXuxue Feng NEW
Claire I GlickRussiaElwin Sharvill PROPOSAL
Jones F SaylorsFranceBernardo Dominic NEGOTIATION
Greenwood O SergiGermanyStephen Shaw RENEWAL
Salvatore L ShinkoUnited KingdomAsiya Javayant PROPOSAL
Arvin D MaletGermanyAnna Fali NEGOTIATION
Tony A GauchoUnited KingdomAmy Elsner RENEWAL
Aruna V SchemmerUnited KingdomStephen Shaw NEW
Murillo E SchemmerIndiaBernardo Dominic NEW
David X GarufiGermanyAmy Elsner RENEWAL
Morrow B DilliardSpainAsiya Javayant NEW
Faith Y WieserRussiaIvan Magalhaes UNQUALIFIED
Kaitlin L DilliardRussiaAnna Fali NEGOTIATION
Jeanfrancois C MaletItalyAnna Fali NEGOTIATION
Greenwood Q IturbideSpainIoni Bowcher NEGOTIATION
Chavez E SaylorsAustraliaBernardo Dominic UNQUALIFIED
Nicolas S RutaBrazilAsiya Javayant RENEWAL
Stacey N SchemmerBrazilAsiya Javayant QUALIFIED
Cody O MacleadArgentinaBernardo Dominic NEGOTIATION
Rodrigues W BologniaCanadaXuxue Feng NEW
Johnson S BologniaUnited KingdomElwin Sharvill NEGOTIATION
Emily I DoeUnited KingdomAmy Elsner NEGOTIATION
Misaki B PaprockiJapanBernardo Dominic QUALIFIED
Mayumi H BowleyItalyIvan Magalhaes NEGOTIATION
Aika Y StensethRussiaXuxue Feng PROPOSAL
James T SergiItalyAmy Elsner RENEWAL
Arvin K VenereIndiaAnna Fali RENEWAL
Misaki E KuskoItalyAsiya Javayant PROPOSAL
Octavia Y RulapaughAustraliaElwin Sharvill NEGOTIATION
Rodrigues Z GlickBrazilBernardo Dominic QUALIFIED
Silvio V VocelkaFranceOnyama Limba PROPOSAL
Murillo U CaudyItalyAsiya Javayant UNQUALIFIED
Izzy S RoysterRussiaAnna Fali NEW
Isabel C BriddickArgentinaIvan Magalhaes NEW
Ashley I NestleUnited KingdomAmy Elsner QUALIFIED
Jefferson K FlosiArgentinaElwin Sharvill 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>