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
Julie H MaletCanadaBernardo Dominic RENEWAL
Morrow Q ChuiGermanyIoni Bowcher PROPOSAL
Aika C CaudySpainXuxue Feng NEW
Stacey U StensethItalyAnna Fali RENEWAL
Sinclair O FigeroaGermanyIoni Bowcher RENEWAL
Antonio D KuskoRussiaIoni Bowcher NEW
Smith I RulapaughAustraliaIoni Bowcher RENEWAL
Leon E MacleadItalyBernardo Dominic PROPOSAL
Rodrigues N OstroskyFranceAmy Elsner NEGOTIATION
Clifford J DarakjyItalyAnna Fali PROPOSAL
Smith Y CaldareraCanadaBernardo Dominic NEGOTIATION
Alejandro J PerinItalyStephen Shaw UNQUALIFIED
Aika G ButtAustraliaXuxue Feng NEW
Izzy F IturbideFranceOnyama Limba NEGOTIATION
Smith Q ChuiUnited KingdomAsiya Javayant NEW
Jefferson W RoysterUnited KingdomAmy Elsner RENEWAL
Johnson E ShinkoRussiaXuxue Feng UNQUALIFIED
James S RoysterItalyOnyama Limba PROPOSAL
David Q BologniaArgentinaXuxue Feng RENEWAL
Cody I NestleRussiaStephen Shaw NEGOTIATION
Munro H SlusarskiIndiaBernardo Dominic PROPOSAL
Tony Q FollerRussiaAmy Elsner RENEWAL
Chavez S SlusarskiArgentinaXuxue Feng RENEWAL
Francesco A AlbaresItalyIvan Magalhaes NEGOTIATION
Morrow X MaletAustraliaXuxue Feng PROPOSAL
Murillo N CaudyIndiaIoni Bowcher UNQUALIFIED
Nicolas C SchemmerCanadaOnyama Limba UNQUALIFIED
Francesco O ButtItalyAmy Elsner NEW
Maisha S BowleyRussiaStephen Shaw QUALIFIED
Adams E MacleadFranceIoni Bowcher RENEWAL
Silvio Y BologniaFranceXuxue Feng QUALIFIED
Aditya J SchemmerArgentinaAsiya Javayant NEW
Salvatore B ShinkoFranceXuxue Feng RENEWAL
Morrow V FlosiBrazilIoni Bowcher NEGOTIATION
Jones X BologniaGermanyOnyama Limba PROPOSAL
Wickens L GarufiBrazilElwin Sharvill PROPOSAL
Faith O MorascaItalyOnyama Limba PROPOSAL
Sinclair B SergiIndiaIoni Bowcher NEGOTIATION
Claire X DarakjySpainIvan Magalhaes QUALIFIED
Morrow J OldroydUnited KingdomStephen Shaw UNQUALIFIED
Jones D TollnerSpainIoni Bowcher NEGOTIATION
Kadeem V NestleArgentinaIvan Magalhaes QUALIFIED
Misaki S NestleSpainIvan Magalhaes PROPOSAL
Johnson Y RimFranceAmy Elsner QUALIFIED
Mayumi P AlbaresAustraliaOnyama Limba UNQUALIFIED
Julie K NestleIndiaXuxue Feng NEGOTIATION
Clifford A GauchoSpainIoni Bowcher NEW
Nicolas N KuskoGermanyXuxue Feng NEW
Murillo U WieserGermanyIoni Bowcher NEW
Ashley P GlickArgentinaAsiya Javayant PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Sinclair H OldroydIndiaAnna Fali NEW
Nicolas E IturbideAustraliaOnyama Limba NEGOTIATION
Morrow L KuskoRussiaElwin Sharvill PROPOSAL
Francesco G OldroydJapanIoni Bowcher RENEWAL
Julie F StensethArgentinaXuxue Feng PROPOSAL
Aruna S SergiGermanyAnna Fali RENEWAL
Juan O StensethItalyAmy Elsner NEGOTIATION
Juan K GillianItalyIoni Bowcher UNQUALIFIED
Maria Y KuskoJapanOnyama Limba QUALIFIED
Alejandro D MaletIndiaAsiya Javayant UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Chavez Q SergiIndia2026-10-09Rangoni Of Florence PROPOSAL25Amy Elsner
1001Sinclair I GarufiRussia2026-10-10Rousseaux, Michael Esq QUALIFIED28Elwin Sharvill
1002David Y MaletSpain2026-09-30Chemel, James L Cpa PROPOSAL10Ivan Magalhaes
1003Ashley Z RulapaughAustralia2026-10-16Buckley Miller Wright PROPOSAL43Anna Fali
1004Greenwood A MarrierAustralia2026-10-10Chanay, Jeffrey A Esq NEW94Xuxue Feng
1005Emily F MacleadFrance2026-09-29Morlong Associates UNQUALIFIED58Anna Fali
1006Jefferson P DoeArgentina2026-10-16Rangoni Of Florence PROPOSAL32Elwin Sharvill
1007Isabel G OldroydItaly2026-09-22Chemel, James L Cpa PROPOSAL29Onyama Limba
1008Salvatore K TollnerBrazil2026-10-06Morlong Associates NEW30Onyama Limba
1009Maria U RimGermany2026-09-22Buckley Miller Wright UNQUALIFIED4Stephen Shaw
1010Alejandro J MacleadSpain2026-10-10Chemel, James L Cpa NEW30Bernardo Dominic
1011Munro M MaletBrazil2026-10-03Chapman, Ross E Esq NEGOTIATION87Elwin Sharvill
1012Misaki Y CaldareraArgentina2026-10-07Morlong Associates UNQUALIFIED96Amy Elsner
1013Greenwood R GauchoBrazil2026-10-13Chapman, Ross E Esq UNQUALIFIED92Anna Fali
1014David P MaletArgentina2026-09-22Feiner Bros RENEWAL81Asiya Javayant
1015Salvatore G MarrierBrazil2026-09-24Chapman, Ross E Esq QUALIFIED35Anna Fali
1016Julie R NickaArgentina2026-10-01Feltz Printing Service RENEWAL75Onyama Limba
1017Smith O GauchoUnited Kingdom2026-10-15Rangoni Of Florence UNQUALIFIED76Xuxue Feng
1018Claire C ChuiJapan2026-09-26Dorl, James J Esq RENEWAL21Stephen Shaw
1019Antonio V PaprockiCanada2026-09-25Chemel, James L Cpa NEGOTIATION22Bernardo Dominic
1020Faith E MacleadJapan2026-10-15Dorl, James J Esq NEW25Stephen Shaw
1021Silvio G FerenczItaly2026-09-23Feiner Bros QUALIFIED8Elwin Sharvill
1022Misaki A CaldareraArgentina2026-10-09Commercial Press PROPOSAL50Stephen Shaw
1023Arvin Q SlusarskiUnited Kingdom2026-10-01Benton, John B Jr QUALIFIED10Stephen Shaw
1024Mayumi M AlbaresItaly2026-09-20Chemel, James L Cpa NEW40Elwin Sharvill
1025Rodrigues E MaletRussia2026-10-01Morlong Associates QUALIFIED7Asiya Javayant
1026Wickens U DarakjyFrance2026-10-07Chapman, Ross E Esq RENEWAL33Xuxue Feng
1027Juan D OldroydUnited Kingdom2026-09-27Chemel, James L Cpa UNQUALIFIED74Ivan Magalhaes
1028Arvin J PoquetteIndia2026-09-26Truhlar And Truhlar Attys QUALIFIED61Elwin Sharvill
1029Izzy S DoeJapan2026-10-02Feltz Printing Service NEW80Stephen Shaw
1030Emily W MaletUnited Kingdom2026-10-04Chemel, James L Cpa RENEWAL3Bernardo Dominic
1031Octavia D RutaJapan2026-09-28Buckley Miller Wright NEGOTIATION49Onyama Limba
1032Ivar N CampainArgentina2026-10-15Chemel, James L Cpa RENEWAL59Anna Fali
1033Izzy D BologniaFrance2026-09-23Rangoni Of Florence QUALIFIED91Asiya Javayant
1034Sinclair P ShinkoUnited Kingdom2026-09-21Commercial Press RENEWAL3Bernardo Dominic
1035Antonio B StensethGermany2026-09-27Feiner Bros PROPOSAL24Stephen Shaw
1036Antonio Q PerinRussia2026-10-15Commercial Press NEGOTIATION88Amy Elsner
1037Jefferson Y ButtCanada2026-10-06Feiner Bros QUALIFIED60Xuxue Feng
1038Maria S FlosiBrazil2026-09-19Buckley Miller Wright QUALIFIED97Elwin Sharvill
1039Greenwood C RimArgentina2026-10-14King, Christopher A Esq UNQUALIFIED92Elwin Sharvill
1040Deepesh B BriddickArgentina2026-10-12Feiner Bros PROPOSAL67Stephen Shaw
1041Faith D RoysterFrance2026-09-20Feltz Printing Service NEGOTIATION86Ivan Magalhaes
1042Salvatore M BologniaArgentina2026-10-18Buckley Miller Wright RENEWAL86Asiya Javayant
1043Alejandro Q RoysterCanada2026-10-08Feiner Bros UNQUALIFIED95Xuxue Feng
1044Clifford E WhobreyCanada2026-09-30Rangoni Of Florence NEW13Ivan Magalhaes
1045James S IturbideAustralia2026-10-07Truhlar And Truhlar Attys RENEWAL10Anna Fali
1046Arvin L GlickSpain2026-10-16Chapman, Ross E Esq NEW60Ivan Magalhaes
1047Octavia U WaycottRussia2026-09-22Morlong Associates NEGOTIATION63Xuxue Feng
1048Alejandro N MacleadCanada2026-10-06King, Christopher A Esq NEGOTIATION20Amy Elsner
1049Deepesh T StockhamJapan2026-09-20Morlong Associates PROPOSAL38Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Salvatore F AmigonCanadaOnyama Limba QUALIFIED
Julie L RulapaughItalyStephen Shaw QUALIFIED
Stacey E VocelkaGermanyElwin Sharvill NEW
Kadeem P DoeItalyXuxue Feng UNQUALIFIED
Jeanfrancois H DilliardSpainOnyama Limba RENEWAL
Adams G MacleadSpainStephen Shaw UNQUALIFIED
Wickens B RoysterGermanyAnna Fali NEW
Izzy E DarakjyIndiaOnyama Limba RENEWAL
Claire S GlickAustraliaBernardo Dominic UNQUALIFIED
Maria R DarakjyJapanBernardo Dominic RENEWAL
Aika G RutaIndiaElwin Sharvill NEW
Chavez G BriddickAustraliaBernardo Dominic NEGOTIATION
James G SlusarskiAustraliaOnyama Limba UNQUALIFIED
Ashley J CampainAustraliaIvan Magalhaes RENEWAL
David X StensethIndiaAmy Elsner RENEWAL
Aika K BologniaCanadaElwin Sharvill QUALIFIED
Sinclair B VenereAustraliaStephen Shaw NEGOTIATION
Isabel Y CaudyRussiaOnyama Limba QUALIFIED
Ricardo X AlbaresArgentinaAnna Fali NEW
Julie A TollnerItalyStephen Shaw UNQUALIFIED
Salvatore A AmigonCanadaAnna Fali RENEWAL
David I SchemmerJapanIvan Magalhaes UNQUALIFIED
Claire Q PaprockiFranceStephen Shaw UNQUALIFIED
Salvatore L VocelkaBrazilIvan Magalhaes QUALIFIED
Stacey T ButtAustraliaAnna Fali NEGOTIATION
Aditya L CaudyJapanAsiya Javayant PROPOSAL
Stacey K OldroydJapanOnyama Limba QUALIFIED
Jefferson A OldroydGermanyIoni Bowcher RENEWAL
Ivar B NestleCanadaElwin Sharvill NEW
Jones Q RulapaughIndiaElwin Sharvill PROPOSAL
Antonio R MaletRussiaAnna Fali UNQUALIFIED
Nicolas Y StockhamCanadaStephen Shaw RENEWAL
Leon A NickaGermanyStephen Shaw NEW
Cody I WhobreyItalyStephen Shaw NEGOTIATION
Nicolas R ShinkoUnited KingdomAsiya Javayant PROPOSAL
Ivar E StockhamArgentinaBernardo Dominic UNQUALIFIED
Alejandro S PoquetteUnited KingdomBernardo Dominic RENEWAL
Jeanfrancois T IturbideCanadaXuxue Feng PROPOSAL
Francesco M CaudyCanadaBernardo Dominic RENEWAL
Emily C FigeroaIndiaIoni Bowcher RENEWAL
Darci D BologniaAustraliaAsiya Javayant NEGOTIATION
Misaki K PoquetteArgentinaAmy Elsner QUALIFIED
Faith L RimRussiaAsiya Javayant QUALIFIED
Alejandro K ButtCanadaStephen Shaw QUALIFIED
Alejandro H FlosiGermanyIoni Bowcher UNQUALIFIED
Francesco C FollerJapanIvan Magalhaes QUALIFIED
Kaitlin W IturbideJapanAsiya Javayant PROPOSAL
James U KuskoUnited KingdomAsiya Javayant QUALIFIED
Ivar G AlbaresUnited KingdomXuxue Feng NEGOTIATION
Izzy S DilliardUnited KingdomBernardo Dominic RENEWAL
Frozen Columns
Name
Adams U Figeroa
Faith D Marrier
Silvio T Caudy
Isabel P Perin
Claire L Bolognia
Leon U Perin
Izzy O Schemmer
Silvio Y Caudy
Alejandro Y Kolmetz
Francesco J Doe
Mayumi E Iturbide
Jefferson L Tollner
Maria B Sergi
Faith Z Dilliard
Chavez T Wieser
Murillo J Kusko
Wickens T Caldarera
Munro R Shinko
Silvio P Amigon
Murillo K Bowley
Smith S Rulapaugh
Deepesh U Ostrosky
Rodrigues Q Chui
Rodrigues U Kusko
Alejandro H Figeroa
Salvatore Q Ruta
Francesco Z Doe
Leon O Ferencz
Francesco B Chui
Aditya U Gillian
Munro C Dilliard
Wickens R Inouye
Izzy O Malet
Octavia N Gillian
Izzy V Foller
Jefferson V Flosi
Faith C Vocelka
Smith J Amigon
Tony V Slusarski
Deepesh T Wieser
Jefferson I Amigon
Johnson Q Stenseth
Rodrigues A Flosi
Kadeem S Doe
James U Briddick
Stacey B Figeroa
Munro S Dilliard
Adams V Saylors
Leja Y Darakjy
Salvatore C Ferencz
IdCountryDate
1000Japan2026-10-14
1001Germany2026-09-28
1002Japan2026-10-02
1003Russia2026-09-24
1004Canada2026-10-18
1005Italy2026-10-09
1006India2026-10-12
1007Russia2026-09-22
1008Japan2026-10-11
1009Italy2026-09-29
1010Japan2026-09-24
1011France2026-09-28
1012Canada2026-09-25
1013Russia2026-10-12
1014Italy2026-10-06
1015Spain2026-09-27
1016Argentina2026-09-29
1017United Kingdom2026-10-15
1018Canada2026-10-17
1019Germany2026-10-14
1020France2026-09-25
1021United Kingdom2026-09-24
1022United Kingdom2026-10-14
1023Italy2026-10-05
1024India2026-10-11
1025Italy2026-10-05
1026Spain2026-10-02
1027Brazil2026-09-28
1028Argentina2026-09-20
1029United Kingdom2026-10-07
1030Australia2026-10-05
1031India2026-10-02
1032Spain2026-10-02
1033India2026-10-01
1034Russia2026-09-30
1035Spain2026-10-13
1036Australia2026-10-16
1037Italy2026-09-21
1038Argentina2026-10-13
1039Brazil2026-10-02
1040France2026-09-30
1041Australia2026-09-24
1042France2026-09-21
1043Spain2026-09-30
1044Russia2026-10-15
1045Italy2026-10-11
1046Spain2026-09-21
1047Brazil2026-10-16
1048India2026-09-21
1049Germany2026-09-22

On-Demand Data

NameIdCountryDate
Mujtaba J Slusarski1000Italy2026-10-09
Kaitlin Q Marrier1001India2026-10-01
Leja R Nestle1002Japan2026-10-12
Isabel E Dilliard1003Argentina2026-09-20
Nicolas D Caudy1004India2026-09-24
Murillo N Ostrosky1005Canada2026-09-26
Greenwood C Rulapaugh1006Australia2026-09-24
Jones K Stenseth1007United Kingdom2026-09-25
Chavez L Sergi1008Canada2026-10-04
Jefferson X Schemmer1009United Kingdom2026-10-14
Adams J Amigon1010Germany2026-10-14
Ricardo C Glick1011France2026-10-11
Julie Q Ruta1012United Kingdom2026-09-27
Sinclair I Gaucho1013Australia2026-10-17
Faith G Bolognia1014France2026-09-22
Clifford A Garufi1015Brazil2026-10-15
Emily Q Sergi1016Australia2026-10-18
Johnson S Slusarski1017Brazil2026-09-29
Isabel A Schemmer1018United Kingdom2026-10-07
Chavez W Figeroa1019United Kingdom2026-10-08
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maisha Y FigeroaRussiaBernardo Dominic QUALIFIED
Aruna O PerinGermanyStephen Shaw RENEWAL
Misaki P WieserCanadaAmy Elsner QUALIFIED
Isabel W NickaJapanIvan Magalhaes RENEWAL
Salvatore G CaudyUnited KingdomStephen Shaw NEGOTIATION
Stacey I DarakjyCanadaStephen Shaw PROPOSAL
Johnson Q FigeroaCanadaXuxue Feng UNQUALIFIED
Arvin H FigeroaUnited KingdomAmy Elsner PROPOSAL
Francesco Z GauchoFranceXuxue Feng PROPOSAL
Juan H BologniaJapanOnyama Limba UNQUALIFIED
Rodrigues C KolmetzFranceAnna Fali UNQUALIFIED
Julie R WieserFranceIvan Magalhaes RENEWAL
Jefferson V MaletGermanyIvan Magalhaes RENEWAL
Juan J SaylorsCanadaIoni Bowcher RENEWAL
Jennifer U KuskoBrazilElwin Sharvill UNQUALIFIED
Isabel Z KolmetzAustraliaAnna Fali UNQUALIFIED
Darci B GarufiAustraliaStephen Shaw PROPOSAL
Sinclair S KolmetzUnited KingdomStephen Shaw PROPOSAL
Misaki B DilliardAustraliaIoni Bowcher PROPOSAL
Antonio Q FigeroaIndiaBernardo Dominic NEW
Wickens C GauchoSpainElwin Sharvill PROPOSAL
Octavia D GillianArgentinaAsiya Javayant QUALIFIED
Octavia H FerenczSpainXuxue Feng NEW
Nicolas H CampainIndiaAmy Elsner NEGOTIATION
Mayumi V RimSpainIoni Bowcher UNQUALIFIED
Munro T BowleySpainStephen Shaw PROPOSAL
Ivar E IturbideCanadaStephen Shaw UNQUALIFIED
Claire X BologniaJapanIvan Magalhaes NEW
Mujtaba W GarufiBrazilIvan Magalhaes NEW
Ricardo H MaletCanadaBernardo Dominic NEW
Antonio D MorascaItalyAsiya Javayant PROPOSAL
Kadeem S MacleadUnited KingdomAnna Fali NEGOTIATION
Ricardo W ButtRussiaAnna Fali QUALIFIED
Izzy O BowleyRussiaIoni Bowcher RENEWAL
Stacey R OldroydArgentinaElwin Sharvill NEGOTIATION
Leon R RoysterGermanyStephen Shaw PROPOSAL
Ashley P SchemmerAustraliaStephen Shaw NEW
Emily P MorascaArgentinaBernardo Dominic PROPOSAL
Cody Y OstroskyFranceIoni Bowcher NEW
Cody X NestleUnited KingdomAmy Elsner UNQUALIFIED

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