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
Aruna M ShinkoBrazilOnyama Limba RENEWAL
Cody S RimIndiaElwin Sharvill NEW
Costa G SlusarskiItalyElwin Sharvill RENEWAL
Isabel G FigeroaFranceStephen Shaw UNQUALIFIED
Alejandro E RulapaughAustraliaIoni Bowcher RENEWAL
Claire F FollerSpainAsiya Javayant UNQUALIFIED
Greenwood Y WaycottRussiaBernardo Dominic QUALIFIED
Tony N MacleadCanadaAsiya Javayant NEGOTIATION
Jefferson G NickaFranceBernardo Dominic NEGOTIATION
Munro B DoeAustraliaAmy Elsner RENEWAL
Mujtaba N WieserAustraliaElwin Sharvill UNQUALIFIED
Darci C NickaArgentinaIvan Magalhaes RENEWAL
Julie S ChuiUnited KingdomElwin Sharvill QUALIFIED
Kadeem K GarufiIndiaStephen Shaw NEGOTIATION
Sinclair M PoquetteArgentinaAmy Elsner UNQUALIFIED
Wickens X DilliardCanadaAnna Fali RENEWAL
Alejandro H NickaJapanIoni Bowcher NEW
Leja Q RoysterItalyIoni Bowcher NEW
Ricardo U GillianJapanElwin Sharvill UNQUALIFIED
Aruna R BriddickItalyStephen Shaw PROPOSAL
Juan K WieserFranceElwin Sharvill PROPOSAL
Rodrigues W MaletArgentinaAnna Fali PROPOSAL
Johnson Z WhobreyItalyAmy Elsner NEGOTIATION
Greenwood O AlbaresBrazilAmy Elsner PROPOSAL
James E FlosiArgentinaIoni Bowcher PROPOSAL
Darci G WieserCanadaXuxue Feng NEW
Deepesh A CaldareraSpainAmy Elsner QUALIFIED
Mujtaba F WieserJapanAmy Elsner NEGOTIATION
Morrow P SlusarskiGermanyIvan Magalhaes UNQUALIFIED
Misaki B OstroskyRussiaAnna Fali QUALIFIED
Wickens Y FlosiBrazilBernardo Dominic RENEWAL
Francesco J RoysterGermanyAmy Elsner NEW
Mayumi A VocelkaUnited KingdomStephen Shaw UNQUALIFIED
Faith J PerinUnited KingdomXuxue Feng UNQUALIFIED
Leja H SergiIndiaElwin Sharvill PROPOSAL
Faith I BriddickBrazilXuxue Feng QUALIFIED
Antonio G MaletBrazilXuxue Feng UNQUALIFIED
Izzy I StensethItalyStephen Shaw QUALIFIED
Maria M FlosiBrazilStephen Shaw UNQUALIFIED
Morrow Y WieserAustraliaIoni Bowcher PROPOSAL
Jeanfrancois W MaletBrazilIvan Magalhaes NEGOTIATION
Salvatore N SlusarskiIndiaOnyama Limba PROPOSAL
Jones E RutaSpainElwin Sharvill NEW
Adams Z KuskoAustraliaStephen Shaw QUALIFIED
Clifford Z BriddickItalyBernardo Dominic QUALIFIED
Clifford C RutaBrazilBernardo Dominic PROPOSAL
James A IturbideJapanAsiya Javayant NEGOTIATION
Aruna I AmigonSpainAmy Elsner NEW
Ashley Y DilliardCanadaXuxue Feng UNQUALIFIED
Claire G DoeJapanAsiya Javayant NEW
Horizontal
NameCountryRepresentativeStatus
Octavia H InouyeSpainOnyama Limba QUALIFIED
Jones X MaletCanadaIvan Magalhaes RENEWAL
David X ShinkoBrazilAnna Fali PROPOSAL
Aruna R MorascaFranceBernardo Dominic PROPOSAL
Adams B DilliardAustraliaXuxue Feng QUALIFIED
Adams V FlosiGermanyAmy Elsner QUALIFIED
Leja B KuskoFranceBernardo Dominic NEW
Octavia E StockhamBrazilIoni Bowcher NEW
Aika K CaldareraAustraliaIoni Bowcher QUALIFIED
Claire Y BowleyIndiaAsiya Javayant QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Salvatore Q InouyeRussia2026-11-03Chanay, Jeffrey A Esq RENEWAL81Onyama Limba
1001Jeanfrancois K CampainSpain2026-11-13Rousseaux, Michael Esq RENEWAL91Anna Fali
1002Juan Q VocelkaArgentina2026-11-05Rousseaux, Michael Esq UNQUALIFIED19Onyama Limba
1003Ivar T PoquetteUnited Kingdom2026-10-30Chapman, Ross E Esq RENEWAL40Bernardo Dominic
1004Isabel Z VenereFrance2026-10-29Morlong Associates UNQUALIFIED87Ivan Magalhaes
1005Greenwood W VocelkaJapan2026-11-07Printing Dimensions NEW90Xuxue Feng
1006Aruna D MaletArgentina2026-10-31Feltz Printing Service NEW2Xuxue Feng
1007Mujtaba T RutaBrazil2026-11-10Rangoni Of Florence PROPOSAL98Elwin Sharvill
1008Smith I SchemmerIndia2026-11-07Benton, John B Jr NEW99Anna Fali
1009Costa F CaudyUnited Kingdom2026-10-26Feiner Bros UNQUALIFIED70Amy Elsner
1010Izzy F NestleIndia2026-11-11Feiner Bros UNQUALIFIED5Anna Fali
1011Salvatore E SchemmerIndia2026-11-13Chapman, Ross E Esq RENEWAL48Amy Elsner
1012Costa R VocelkaArgentina2026-11-07King, Christopher A Esq NEGOTIATION99Stephen Shaw
1013Deepesh A MaletArgentina2026-10-24Chemel, James L Cpa NEW32Bernardo Dominic
1014Claire D OstroskyAustralia2026-11-07Rousseaux, Michael Esq RENEWAL81Stephen Shaw
1015Ashley J MaletArgentina2026-11-04Feltz Printing Service PROPOSAL76Xuxue Feng
1016Aika W CaldareraRussia2026-11-12King, Christopher A Esq PROPOSAL88Elwin Sharvill
1017Cody X InouyeIndia2026-11-13Truhlar And Truhlar Attys RENEWAL83Bernardo Dominic
1018Aika T FollerJapan2026-11-09Chemel, James L Cpa NEW74Asiya Javayant
1019Munro O RulapaughJapan2026-11-12King, Christopher A Esq PROPOSAL94Ivan Magalhaes
1020Leon T StockhamRussia2026-11-08Truhlar And Truhlar Attys QUALIFIED36Amy Elsner
1021Aruna B OstroskyJapan2026-10-28Benton, John B Jr NEGOTIATION69Xuxue Feng
1022Kadeem S ChuiFrance2026-10-28King, Christopher A Esq NEW92Amy Elsner
1023Stacey O GlickSpain2026-11-04Benton, John B Jr NEGOTIATION21Xuxue Feng
1024James W BowleySpain2026-11-13Chapman, Ross E Esq RENEWAL34Onyama Limba
1025Munro R MorascaSpain2026-11-05Commercial Press PROPOSAL99Asiya Javayant
1026Wickens T PerinRussia2026-10-27Chanay, Jeffrey A Esq QUALIFIED47Anna Fali
1027Stacey W WieserSpain2026-10-22Rangoni Of Florence RENEWAL37Amy Elsner
1028Jefferson X StensethItaly2026-11-12Benton, John B Jr NEW69Ivan Magalhaes
1029Francesco N OldroydIndia2026-10-29Feiner Bros RENEWAL71Elwin Sharvill
1030Aditya U DoeIndia2026-10-19Commercial Press PROPOSAL19Ivan Magalhaes
1031Mayumi M FlosiUnited Kingdom2026-11-07Rangoni Of Florence NEGOTIATION22Elwin Sharvill
1032David W DoeJapan2026-10-19Feiner Bros PROPOSAL38Onyama Limba
1033Johnson F FollerBrazil2026-11-02Chemel, James L Cpa QUALIFIED2Ioni Bowcher
1034Salvatore W KolmetzIndia2026-10-20Chapman, Ross E Esq RENEWAL16Amy Elsner
1035Salvatore K BowleyUnited Kingdom2026-11-12Chanay, Jeffrey A Esq UNQUALIFIED88Stephen Shaw
1036Smith X PoquetteItaly2026-11-05Rousseaux, Michael Esq NEW22Stephen Shaw
1037Faith Q OstroskyAustralia2026-11-06Printing Dimensions NEGOTIATION33Ioni Bowcher
1038Jefferson Z RimJapan2026-11-12Truhlar And Truhlar Attys QUALIFIED53Anna Fali
1039Ivar E PaprockiRussia2026-10-20Chanay, Jeffrey A Esq NEGOTIATION98Stephen Shaw
1040Maria P CaldareraIndia2026-10-20Chemel, James L Cpa QUALIFIED42Elwin Sharvill
1041Johnson I SchemmerItaly2026-11-10King, Christopher A Esq NEGOTIATION80Stephen Shaw
1042Munro B SlusarskiFrance2026-11-07Feiner Bros NEW39Stephen Shaw
1043Antonio J IturbideIndia2026-10-26Feltz Printing Service NEGOTIATION62Elwin Sharvill
1044Faith O DilliardCanada2026-10-25Commercial Press RENEWAL52Asiya Javayant
1045Rodrigues N BowleySpain2026-10-18Chapman, Ross E Esq RENEWAL88Elwin Sharvill
1046Smith A FollerCanada2026-10-28Chapman, Ross E Esq PROPOSAL14Anna Fali
1047Leja Z WaycottGermany2026-11-01Morlong Associates PROPOSAL86Bernardo Dominic
1048Mayumi A DarakjyIndia2026-10-31Benton, John B Jr NEW75Ioni Bowcher
1049Rodrigues Y OstroskyArgentina2026-10-28King, Christopher A Esq RENEWAL73Anna Fali
Frozen Rows
NameCountryRepresentativeStatus
Francesco X FlosiAustraliaIvan Magalhaes RENEWAL
Nicolas U InouyeArgentinaIoni Bowcher UNQUALIFIED
Clifford F FerenczBrazilIvan Magalhaes PROPOSAL
Costa J MarrierIndiaElwin Sharvill UNQUALIFIED
Munro B PerinAustraliaStephen Shaw UNQUALIFIED
Isabel D SergiFranceIvan Magalhaes RENEWAL
Jennifer T FollerAustraliaElwin Sharvill QUALIFIED
Faith E VocelkaIndiaXuxue Feng RENEWAL
Ashley E GarufiSpainBernardo Dominic PROPOSAL
Octavia G DarakjyItalyBernardo Dominic UNQUALIFIED
Octavia J MaletJapanOnyama Limba PROPOSAL
Tony W InouyeArgentinaStephen Shaw PROPOSAL
Antonio R WieserRussiaIvan Magalhaes PROPOSAL
Isabel S TollnerFranceIvan Magalhaes RENEWAL
Emily L TollnerJapanElwin Sharvill NEGOTIATION
Mayumi M DilliardCanadaElwin Sharvill RENEWAL
Leja K KolmetzRussiaIvan Magalhaes PROPOSAL
Kaitlin L PoquetteUnited KingdomStephen Shaw NEW
Misaki G GlickJapanElwin Sharvill QUALIFIED
Julie S NickaFranceIoni Bowcher UNQUALIFIED
Leja P OldroydRussiaElwin Sharvill PROPOSAL
Leon Y FigeroaItalyBernardo Dominic PROPOSAL
Stacey C InouyeSpainBernardo Dominic PROPOSAL
Jefferson F SaylorsAustraliaStephen Shaw PROPOSAL
Octavia Z StensethItalyIoni Bowcher RENEWAL
Isabel B WieserIndiaAsiya Javayant PROPOSAL
Salvatore B FollerSpainBernardo Dominic UNQUALIFIED
Misaki B RoysterIndiaElwin Sharvill PROPOSAL
Costa Y MarrierJapanElwin Sharvill NEW
Jeanfrancois I DarakjySpainElwin Sharvill PROPOSAL
Chavez E CaldareraSpainIvan Magalhaes NEW
Kaitlin U FerenczAustraliaBernardo Dominic NEGOTIATION
Isabel P InouyeBrazilXuxue Feng QUALIFIED
Octavia I RoysterBrazilElwin Sharvill NEW
Kadeem P ChuiAustraliaStephen Shaw NEGOTIATION
Sinclair I BologniaFranceXuxue Feng PROPOSAL
Julie C GlickBrazilAsiya Javayant NEW
Emily C SergiBrazilAnna Fali NEGOTIATION
Ashley D InouyeBrazilStephen Shaw PROPOSAL
Aika T CampainBrazilOnyama Limba NEW
Maisha H NestleArgentinaElwin Sharvill NEW
Juan V PoquetteGermanyBernardo Dominic PROPOSAL
Ashley I IturbideFranceAmy Elsner NEGOTIATION
Antonio X MorascaArgentinaElwin Sharvill PROPOSAL
Arvin A MaletCanadaAsiya Javayant RENEWAL
Kaitlin M DarakjyFranceXuxue Feng QUALIFIED
Aika K MaletItalyOnyama Limba NEGOTIATION
Kadeem L FigeroaCanadaAnna Fali QUALIFIED
Adams D IturbideGermanyOnyama Limba QUALIFIED
Nicolas J PaprockiGermanyAmy Elsner PROPOSAL
Frozen Columns
Name
Clifford N Poquette
Ricardo Y Bolognia
Ashley E Rulapaugh
Wickens H Venere
Smith M Chui
Adams M Royster
Jefferson V Campain
Adams D Perin
Adams Q Caldarera
Jeanfrancois I Tollner
Deepesh T Kusko
Leja X Caudy
Salvatore E Saylors
Izzy M Kolmetz
Maria S Dilliard
Sinclair Z Gaucho
Morrow G Sergi
Kadeem H Tollner
Izzy L Paprocki
Isabel Q Sergi
Costa O Vocelka
Costa Q Poquette
Arvin Z Garufi
Rodrigues U Briddick
Wickens O Wieser
Stacey D Slusarski
Ivar X Oldroyd
Sinclair O Nestle
Jennifer J Morasca
Leon P Bowley
Ashley W Figeroa
Jefferson U Marrier
Nicolas C Inouye
Faith V Ferencz
James G Schemmer
Smith Y Wieser
Juan S Ostrosky
Smith Q Poquette
Kaitlin F Waycott
Kaitlin U Schemmer
Murillo F Garufi
Smith U Kolmetz
Izzy H Rim
Silvio K Nestle
Adams O Kolmetz
Isabel O Stockham
Izzy N Sergi
Aika M Bolognia
Johnson H Maclead
Jones H Iturbide
IdCountryDate
1000Australia2026-11-05
1001Spain2026-10-16
1002Canada2026-10-17
1003Argentina2026-10-16
1004Canada2026-11-14
1005Germany2026-10-26
1006France2026-11-09
1007India2026-10-28
1008France2026-10-29
1009Japan2026-10-31
1010Germany2026-10-31
1011Spain2026-11-03
1012Russia2026-11-11
1013Australia2026-10-23
1014India2026-10-17
1015Germany2026-10-20
1016Germany2026-10-19
1017Japan2026-10-28
1018Russia2026-11-12
1019Brazil2026-11-09
1020Germany2026-11-02
1021Brazil2026-11-02
1022Brazil2026-10-17
1023Russia2026-10-18
1024Australia2026-10-30
1025Russia2026-11-03
1026Brazil2026-10-26
1027Argentina2026-11-04
1028Italy2026-10-31
1029Spain2026-11-06
1030Russia2026-11-11
1031United Kingdom2026-11-13
1032Italy2026-10-17
1033Russia2026-11-06
1034United Kingdom2026-11-01
1035Japan2026-10-18
1036Canada2026-10-25
1037France2026-11-11
1038Italy2026-11-03
1039Argentina2026-10-23
1040United Kingdom2026-10-19
1041Brazil2026-11-07
1042Brazil2026-11-11
1043United Kingdom2026-11-12
1044Japan2026-11-02
1045Brazil2026-10-30
1046United Kingdom2026-11-10
1047Italy2026-11-09
1048Japan2026-10-29
1049Argentina2026-11-04

On-Demand Data

NameIdCountryDate
Nicolas M Wieser1000Italy2026-10-19
Kadeem B Amigon1001United Kingdom2026-11-14
Tony H Ostrosky1002France2026-11-14
Kadeem W Caldarera1003Australia2026-10-16
Sinclair Z Morasca1004Germany2026-10-31
Jennifer Z Chui1005Brazil2026-10-18
Alejandro Z Caldarera1006Brazil2026-10-19
Greenwood B Maclead1007Spain2026-11-10
Antonio U Slusarski1008India2026-10-20
Juan K Caldarera1009Australia2026-10-24
Isabel O Ruta1010Argentina2026-10-26
Sinclair X Paprocki1011France2026-10-30
Clifford B Ruta1012Canada2026-11-10
Aika U Doe1013Russia2026-11-10
Francesco W Dilliard1014France2026-10-23
Darci A Saylors1015Australia2026-11-13
Rodrigues Q Slusarski1016India2026-11-12
Ivar C Marrier1017Russia2026-10-22
Mayumi I Royster1018France2026-10-26
Jones D Flosi1019France2026-10-28
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Silvio Y MaletRussiaElwin Sharvill UNQUALIFIED
Costa E WieserUnited KingdomBernardo Dominic PROPOSAL
Julie P FollerFranceAsiya Javayant QUALIFIED
Mayumi C FigeroaFranceIoni Bowcher QUALIFIED
Chavez Y WieserRussiaOnyama Limba UNQUALIFIED
Jefferson B FigeroaItalyElwin Sharvill NEW
Smith N BowleyRussiaAmy Elsner RENEWAL
Adams D AmigonIndiaBernardo Dominic PROPOSAL
Salvatore M CaldareraGermanyIoni Bowcher UNQUALIFIED
Leja R NickaIndiaAmy Elsner NEGOTIATION
Aruna Y RulapaughFranceAmy Elsner QUALIFIED
Chavez H NestleItalyXuxue Feng RENEWAL
Tony N CampainCanadaStephen Shaw UNQUALIFIED
Claire H KolmetzSpainIvan Magalhaes NEGOTIATION
Aruna F GarufiCanadaIvan Magalhaes RENEWAL
Leon F FlosiGermanyStephen Shaw PROPOSAL
Faith J SchemmerRussiaAmy Elsner RENEWAL
Maria Q DilliardIndiaXuxue Feng PROPOSAL
Maisha Q MaletAustraliaIoni Bowcher UNQUALIFIED
Clifford S MorascaJapanXuxue Feng QUALIFIED
Maria A AmigonJapanXuxue Feng UNQUALIFIED
Mayumi I RimBrazilIoni Bowcher PROPOSAL
Darci U PoquetteItalyXuxue Feng QUALIFIED
Aditya A PoquetteBrazilOnyama Limba RENEWAL
Chavez X FollerIndiaBernardo Dominic PROPOSAL
Costa D BologniaAustraliaXuxue Feng QUALIFIED
Isabel W RimRussiaElwin Sharvill PROPOSAL
Kaitlin L StockhamGermanyXuxue Feng PROPOSAL
Jefferson Q BowleySpainElwin Sharvill NEW
Mujtaba B BowleyItalyIoni Bowcher PROPOSAL
Misaki Q ButtGermanyAnna Fali UNQUALIFIED
Costa A RoysterUnited KingdomIoni Bowcher UNQUALIFIED
Johnson U KuskoRussiaStephen Shaw NEGOTIATION
Sinclair E WaycottGermanyAmy Elsner QUALIFIED
Leja S WhobreyIndiaStephen Shaw RENEWAL
Kaitlin S WieserJapanAsiya Javayant UNQUALIFIED
Jefferson B RoysterItalyStephen Shaw RENEWAL
James C KuskoIndiaAnna Fali UNQUALIFIED
Deepesh G ChuiFranceIvan Magalhaes NEW
Izzy A DoeArgentinaIvan Magalhaes 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>