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
Aika M MorascaUnited KingdomBernardo Dominic PROPOSAL
Alejandro F MaletGermanyIvan Magalhaes NEGOTIATION
Costa A WhobreyCanadaAnna Fali UNQUALIFIED
Sinclair J PaprockiJapanBernardo Dominic RENEWAL
David A FollerAustraliaStephen Shaw NEW
Octavia E BriddickSpainAnna Fali PROPOSAL
Julie M WhobreySpainElwin Sharvill UNQUALIFIED
Costa S FollerAustraliaElwin Sharvill NEGOTIATION
Leja O GarufiArgentinaBernardo Dominic PROPOSAL
Salvatore T SergiArgentinaBernardo Dominic NEGOTIATION
Ashley Z MaletFranceAsiya Javayant NEW
Cody P NestleBrazilIvan Magalhaes UNQUALIFIED
Adams E BowleyFranceAmy Elsner UNQUALIFIED
Rodrigues K CaudyFranceIoni Bowcher QUALIFIED
Leja S SaylorsBrazilAnna Fali NEGOTIATION
Kaitlin Z SaylorsAustraliaXuxue Feng UNQUALIFIED
David J DoeUnited KingdomIvan Magalhaes QUALIFIED
James E OstroskyIndiaAsiya Javayant NEW
Maria U NestleSpainAmy Elsner PROPOSAL
Jeanfrancois O FerenczFranceIoni Bowcher NEGOTIATION
Julie F ButtBrazilXuxue Feng QUALIFIED
Cody L FigeroaSpainBernardo Dominic NEGOTIATION
Ashley M FerenczSpainElwin Sharvill NEW
Faith O DilliardGermanyIvan Magalhaes NEGOTIATION
Antonio V KolmetzIndiaXuxue Feng RENEWAL
Silvio X ShinkoItalyIvan Magalhaes UNQUALIFIED
Mayumi P CaldareraAustraliaElwin Sharvill RENEWAL
Mujtaba O StockhamCanadaAsiya Javayant UNQUALIFIED
Arvin P KuskoJapanOnyama Limba RENEWAL
Emily L FerenczSpainXuxue Feng NEW
Murillo P RimCanadaAsiya Javayant UNQUALIFIED
Mujtaba J DoeFranceXuxue Feng RENEWAL
Clifford K RutaRussiaAnna Fali NEGOTIATION
Aditya N StockhamArgentinaIvan Magalhaes UNQUALIFIED
Adams K ButtArgentinaAsiya Javayant UNQUALIFIED
James Z ShinkoItalyAsiya Javayant NEGOTIATION
Wickens K MacleadCanadaOnyama Limba PROPOSAL
Maisha Q RimSpainOnyama Limba UNQUALIFIED
Kadeem S RulapaughFranceIvan Magalhaes PROPOSAL
Johnson J MarrierAustraliaStephen Shaw QUALIFIED
Silvio E CampainRussiaAnna Fali PROPOSAL
Kadeem D ButtCanadaIoni Bowcher NEW
Jennifer K SergiGermanyStephen Shaw RENEWAL
Octavia C PaprockiUnited KingdomIoni Bowcher NEW
Greenwood L NestleSpainAnna Fali NEW
Juan S WieserBrazilBernardo Dominic UNQUALIFIED
Johnson W SchemmerBrazilXuxue Feng PROPOSAL
Greenwood J PaprockiUnited KingdomIoni Bowcher RENEWAL
Morrow I PoquetteFranceAmy Elsner QUALIFIED
Leja I RoysterItalyIoni Bowcher RENEWAL
Horizontal
NameCountryRepresentativeStatus
Leja U KuskoRussiaAsiya Javayant RENEWAL
Rodrigues T NestleSpainAnna Fali RENEWAL
Johnson A ButtFranceAmy Elsner QUALIFIED
Clifford B CaudyUnited KingdomAsiya Javayant PROPOSAL
Francesco E StockhamSpainIvan Magalhaes PROPOSAL
Ricardo Y BologniaGermanyIvan Magalhaes PROPOSAL
Leon G OstroskyGermanyIoni Bowcher QUALIFIED
Octavia D VenereAustraliaElwin Sharvill NEGOTIATION
Jennifer E AlbaresIndiaElwin Sharvill NEGOTIATION
Stacey A OstroskySpainIoni Bowcher RENEWAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Deepesh I RulapaughIndia2026-09-10Chanay, Jeffrey A Esq PROPOSAL96Xuxue Feng
1001Faith Q AmigonAustralia2026-08-19Benton, John B Jr QUALIFIED66Bernardo Dominic
1002Deepesh E NickaUnited Kingdom2026-09-12Printing Dimensions PROPOSAL95Anna Fali
1003Leja V FerenczSpain2026-09-05Commercial Press PROPOSAL49Onyama Limba
1004Ivar C DarakjyAustralia2026-08-19Commercial Press NEW71Elwin Sharvill
1005Misaki W MaletUnited Kingdom2026-09-17Chapman, Ross E Esq NEGOTIATION8Xuxue Feng
1006Jennifer Y RutaGermany2026-08-23Dorl, James J Esq RENEWAL78Asiya Javayant
1007Tony U DoeSpain2026-09-09Rousseaux, Michael Esq RENEWAL46Xuxue Feng
1008Chavez Y CaldareraArgentina2026-09-06Feltz Printing Service NEW49Anna Fali
1009Jefferson O FigeroaUnited Kingdom2026-08-20Feltz Printing Service PROPOSAL44Asiya Javayant
1010Misaki S MaletUnited Kingdom2026-09-13Buckley Miller Wright UNQUALIFIED88Xuxue Feng
1011Nicolas W GillianUnited Kingdom2026-09-08King, Christopher A Esq QUALIFIED30Amy Elsner
1012Julie J RimArgentina2026-09-14Chemel, James L Cpa RENEWAL27Xuxue Feng
1013Smith O PerinAustralia2026-09-17Rousseaux, Michael Esq QUALIFIED64Anna Fali
1014Chavez O SchemmerBrazil2026-08-31Chanay, Jeffrey A Esq RENEWAL3Amy Elsner
1015Octavia J StockhamAustralia2026-09-14Buckley Miller Wright UNQUALIFIED59Bernardo Dominic
1016Mujtaba S WieserFrance2026-09-06Buckley Miller Wright NEW90Ioni Bowcher
1017Leja E SchemmerItaly2026-09-05Commercial Press NEGOTIATION89Stephen Shaw
1018Kadeem Z WaycottUnited Kingdom2026-09-03Rangoni Of Florence QUALIFIED90Asiya Javayant
1019Kaitlin K KolmetzRussia2026-08-23Feltz Printing Service PROPOSAL24Asiya Javayant
1020Morrow H WaycottRussia2026-09-14Truhlar And Truhlar Attys RENEWAL89Xuxue Feng
1021Rodrigues B SergiSpain2026-09-15Truhlar And Truhlar Attys QUALIFIED50Onyama Limba
1022Chavez V DarakjyArgentina2026-09-14Feltz Printing Service RENEWAL95Xuxue Feng
1023Smith B PerinIndia2026-09-13Printing Dimensions UNQUALIFIED74Ioni Bowcher
1024Smith O PoquetteArgentina2026-08-28Chanay, Jeffrey A Esq UNQUALIFIED88Amy Elsner
1025Aika C VenereRussia2026-09-16Chanay, Jeffrey A Esq PROPOSAL29Asiya Javayant
1026Jones K OldroydUnited Kingdom2026-09-06Benton, John B Jr PROPOSAL75Stephen Shaw
1027Smith Y AlbaresRussia2026-09-01Printing Dimensions NEGOTIATION14Ivan Magalhaes
1028Morrow D DoeFrance2026-09-11Rousseaux, Michael Esq PROPOSAL13Stephen Shaw
1029Octavia A ButtSpain2026-09-14Dorl, James J Esq RENEWAL67Anna Fali
1030Murillo X GlickCanada2026-08-20Dorl, James J Esq NEW12Ivan Magalhaes
1031Deepesh H ButtCanada2026-08-30Truhlar And Truhlar Attys QUALIFIED45Anna Fali
1032Francesco S BowleyIndia2026-08-20Dorl, James J Esq QUALIFIED21Amy Elsner
1033Murillo K MaletGermany2026-09-16Feiner Bros PROPOSAL38Ioni Bowcher
1034Morrow V RoysterSpain2026-09-11Dorl, James J Esq QUALIFIED54Stephen Shaw
1035Izzy R PerinArgentina2026-09-11Commercial Press NEW1Elwin Sharvill
1036Sinclair K NestleIndia2026-09-15Rangoni Of Florence NEW27Anna Fali
1037David T SaylorsArgentina2026-09-15Dorl, James J Esq NEGOTIATION34Amy Elsner
1038Ricardo H FollerFrance2026-09-09Dorl, James J Esq PROPOSAL93Bernardo Dominic
1039Adams Q GarufiBrazil2026-08-21Truhlar And Truhlar Attys NEW7Amy Elsner
1040Clifford X FigeroaGermany2026-08-30Morlong Associates UNQUALIFIED30Xuxue Feng
1041Leon N RimIndia2026-08-30Feiner Bros PROPOSAL77Stephen Shaw
1042Aruna Q AlbaresBrazil2026-09-02Chanay, Jeffrey A Esq PROPOSAL81Onyama Limba
1043Julie V VocelkaIndia2026-09-13Benton, John B Jr NEW72Ivan Magalhaes
1044Arvin K InouyeArgentina2026-08-28Dorl, James J Esq UNQUALIFIED79Anna Fali
1045Isabel S BowleyGermany2026-09-10Rousseaux, Michael Esq NEGOTIATION28Amy Elsner
1046Kaitlin V RulapaughCanada2026-09-02Commercial Press NEW92Asiya Javayant
1047Kaitlin D CaudyAustralia2026-08-31Morlong Associates NEW71Bernardo Dominic
1048Ashley W TollnerIndia2026-09-11Chapman, Ross E Esq NEW30Stephen Shaw
1049Octavia O IturbideFrance2026-09-01Truhlar And Truhlar Attys PROPOSAL19Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Rodrigues E ChuiBrazilAsiya Javayant PROPOSAL
Wickens Q NickaArgentinaAmy Elsner UNQUALIFIED
Jeanfrancois I WhobreySpainBernardo Dominic NEW
Rodrigues I NickaUnited KingdomBernardo Dominic PROPOSAL
Izzy S RoysterCanadaIoni Bowcher PROPOSAL
Antonio S StockhamUnited KingdomAsiya Javayant RENEWAL
Rodrigues S NestleBrazilIoni Bowcher RENEWAL
Morrow M FerenczCanadaIvan Magalhaes QUALIFIED
Chavez F ShinkoUnited KingdomBernardo Dominic NEGOTIATION
Faith E VocelkaCanadaStephen Shaw PROPOSAL
Leja K AmigonRussiaIvan Magalhaes NEGOTIATION
Darci I WaycottJapanAnna Fali RENEWAL
Leon A FigeroaSpainAmy Elsner PROPOSAL
Chavez K FollerFranceIoni Bowcher RENEWAL
Rodrigues J BologniaArgentinaAmy Elsner NEW
Wickens H AmigonCanadaAnna Fali NEGOTIATION
Stacey D NickaUnited KingdomAmy Elsner UNQUALIFIED
Rodrigues Q NestleRussiaElwin Sharvill UNQUALIFIED
Octavia B FlosiAustraliaIvan Magalhaes PROPOSAL
Juan M GarufiFranceAsiya Javayant NEGOTIATION
Mujtaba E RulapaughAustraliaAmy Elsner QUALIFIED
Aika F DarakjyUnited KingdomAmy Elsner NEGOTIATION
Leon S AlbaresRussiaAmy Elsner NEW
Darci S MorascaRussiaBernardo Dominic QUALIFIED
Jeanfrancois C OstroskyItalyAnna Fali QUALIFIED
Smith J CampainUnited KingdomIoni Bowcher NEGOTIATION
Silvio V MorascaRussiaElwin Sharvill PROPOSAL
Kaitlin S PoquetteRussiaAnna Fali RENEWAL
Silvio Z CampainItalyAsiya Javayant QUALIFIED
Leja V MacleadUnited KingdomBernardo Dominic NEGOTIATION
Deepesh C BowleyItalyBernardo Dominic NEW
Salvatore C InouyeRussiaBernardo Dominic RENEWAL
Emily X RoysterSpainIvan Magalhaes NEW
Ivar J DarakjyIndiaOnyama Limba PROPOSAL
Kadeem X NickaRussiaIoni Bowcher NEW
Jones S StensethCanadaBernardo Dominic NEGOTIATION
Izzy I PerinAustraliaElwin Sharvill UNQUALIFIED
Silvio P NickaSpainIvan Magalhaes UNQUALIFIED
Deepesh H SaylorsFranceAnna Fali NEGOTIATION
Murillo U DarakjySpainOnyama Limba NEW
Mayumi H WieserArgentinaIvan Magalhaes PROPOSAL
Nicolas S TollnerIndiaAnna Fali NEGOTIATION
Julie M RoysterFranceIoni Bowcher RENEWAL
James C GauchoArgentinaBernardo Dominic UNQUALIFIED
Mayumi A DarakjyIndiaAmy Elsner PROPOSAL
Nicolas M KuskoBrazilIvan Magalhaes PROPOSAL
James Q SlusarskiSpainAmy Elsner UNQUALIFIED
Darci U SergiFranceElwin Sharvill PROPOSAL
Sinclair F ChuiBrazilXuxue Feng RENEWAL
Leon W WhobreyItalyBernardo Dominic NEW
Frozen Columns
Name
Misaki E Glick
Maisha E Maclead
Murillo E Royster
Jefferson K Gillian
Wickens M Bowley
Clifford K Vocelka
Rodrigues F Marrier
Alejandro J Figeroa
Juan Z Ruta
Clifford N Ostrosky
Stacey H Kolmetz
Isabel A Malet
Juan D Darakjy
Arvin I Caudy
Emily T Slusarski
Johnson A Vocelka
Deepesh N Venere
Leon V Sergi
Julie K Venere
Tony U Whobrey
Darci R Rim
Antonio H Iturbide
Maria S Dilliard
Greenwood Z Malet
Francesco B Caudy
Emily F Venere
Alejandro I Kolmetz
Salvatore S Tollner
Ashley C Sergi
Maria T Ferencz
Antonio Z Bowley
Izzy Q Albares
Adams R Iturbide
Faith X Gaucho
Isabel P Morasca
Munro Y Darakjy
Salvatore F Albares
Aika B Chui
Adams W Tollner
Rodrigues T Slusarski
Aditya W Stockham
James V Rim
Wickens Z Schemmer
Stacey C Gaucho
Claire J Venere
Chavez D Kusko
Misaki P Campain
Alejandro U Marrier
Juan M Bowley
Morrow O Wieser
IdCountryDate
1000Brazil2026-09-13
1001Australia2026-09-03
1002Australia2026-09-04
1003Australia2026-09-15
1004Italy2026-08-22
1005Spain2026-08-20
1006India2026-09-07
1007Spain2026-09-07
1008India2026-09-17
1009Russia2026-08-19
1010Germany2026-08-27
1011Italy2026-08-30
1012Canada2026-09-07
1013Italy2026-09-15
1014Germany2026-08-27
1015Canada2026-08-22
1016France2026-09-13
1017India2026-08-30
1018Italy2026-09-06
1019Japan2026-08-27
1020Brazil2026-08-28
1021Spain2026-09-04
1022Argentina2026-09-05
1023Brazil2026-08-23
1024Brazil2026-09-01
1025Japan2026-08-26
1026France2026-09-04
1027Italy2026-09-06
1028Australia2026-09-10
1029India2026-09-09
1030Japan2026-09-11
1031Germany2026-09-16
1032Australia2026-09-11
1033United Kingdom2026-08-28
1034Italy2026-09-12
1035Canada2026-08-25
1036Spain2026-09-02
1037Argentina2026-09-11
1038Australia2026-08-23
1039Canada2026-08-20
1040Spain2026-09-16
1041India2026-08-29
1042United Kingdom2026-08-25
1043India2026-09-03
1044India2026-09-06
1045Italy2026-09-17
1046Australia2026-09-03
1047Spain2026-09-09
1048Spain2026-09-06
1049Italy2026-08-29

On-Demand Data

NameIdCountryDate
Aika K Royster1000Brazil2026-08-30
Salvatore X Sergi1001France2026-08-27
Izzy G Royster1002Spain2026-08-24
Aruna S Morasca1003United Kingdom2026-09-13
Ivar V Ruta1004Canada2026-08-30
David V Malet1005Japan2026-08-26
Leon L Ostrosky1006Australia2026-09-03
Silvio W Campain1007United Kingdom2026-08-22
Aika T Saylors1008United Kingdom2026-08-26
Wickens S Poquette1009France2026-08-28
Deepesh D Venere1010Argentina2026-08-23
Ivar N Albares1011Canada2026-09-10
Darci Q Kusko1012Australia2026-08-22
Faith G Gaucho1013Japan2026-09-17
Ivar L Campain1014Brazil2026-09-07
Misaki V Gaucho1015Spain2026-08-21
Chavez F Gillian1016Brazil2026-08-24
Mujtaba D Stenseth1017Germany2026-09-15
Sinclair Q Whobrey1018United Kingdom2026-08-26
Octavia G Iturbide1019Russia2026-08-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Leon N SergiItalyElwin Sharvill RENEWAL
Ivar B RoysterCanadaIoni Bowcher NEGOTIATION
Julie P PoquetteRussiaAnna Fali NEGOTIATION
Mayumi T FollerIndiaStephen Shaw RENEWAL
Sinclair G SergiCanadaOnyama Limba NEGOTIATION
Nicolas V PerinSpainIvan Magalhaes NEW
Ashley D SergiSpainAsiya Javayant NEW
Maria O RimRussiaAmy Elsner RENEWAL
Leja Z VenereArgentinaXuxue Feng NEW
Claire J BriddickBrazilXuxue Feng NEW
Ivar U TollnerSpainBernardo Dominic QUALIFIED
Emily L WaycottCanadaIvan Magalhaes QUALIFIED
Jefferson R VenereJapanBernardo Dominic NEW
Misaki U SlusarskiSpainStephen Shaw NEW
Greenwood D DoeFranceAsiya Javayant UNQUALIFIED
Tony A SergiGermanyStephen Shaw NEGOTIATION
Antonio Z GarufiCanadaAnna Fali NEGOTIATION
Costa X BriddickIndiaBernardo Dominic RENEWAL
Aruna G FollerAustraliaBernardo Dominic PROPOSAL
Salvatore X VocelkaAustraliaAmy Elsner NEW
Leja Q PerinJapanIvan Magalhaes QUALIFIED
Murillo B FollerArgentinaAsiya Javayant NEGOTIATION
Murillo U InouyeArgentinaOnyama Limba UNQUALIFIED
David X BologniaUnited KingdomAmy Elsner RENEWAL
Julie M ChuiAustraliaElwin Sharvill NEGOTIATION
Isabel O IturbideGermanyStephen Shaw NEGOTIATION
Morrow V ShinkoGermanyAsiya Javayant PROPOSAL
Darci C VocelkaGermanyStephen Shaw QUALIFIED
Julie Q StensethSpainAmy Elsner RENEWAL
James A DarakjyArgentinaOnyama Limba UNQUALIFIED
Kaitlin G RutaSpainElwin Sharvill NEW
Jefferson S FerenczBrazilBernardo Dominic RENEWAL
Leja C FlosiFranceIvan Magalhaes UNQUALIFIED
Rodrigues L FollerJapanStephen Shaw QUALIFIED
Leon B GlickCanadaIvan Magalhaes NEGOTIATION
Jones J PerinArgentinaXuxue Feng UNQUALIFIED
Adams M SlusarskiAustraliaXuxue Feng UNQUALIFIED
Jefferson O VocelkaCanadaXuxue Feng RENEWAL
Morrow H DarakjySpainXuxue Feng UNQUALIFIED
Murillo I WaycottJapanOnyama Limba QUALIFIED

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