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
Isabel L DilliardSpainXuxue Feng NEW
Antonio D AlbaresRussiaBernardo Dominic PROPOSAL
Octavia H InouyeIndiaStephen Shaw RENEWAL
Aika U WhobreyBrazilOnyama Limba UNQUALIFIED
Greenwood V SlusarskiIndiaElwin Sharvill NEW
Jefferson J BriddickItalyBernardo Dominic QUALIFIED
Ricardo U DoeIndiaXuxue Feng NEGOTIATION
Munro L MarrierAustraliaStephen Shaw PROPOSAL
Arvin X FerenczFranceBernardo Dominic NEGOTIATION
Leon L RulapaughGermanyStephen Shaw RENEWAL
Clifford F RutaItalyAsiya Javayant NEGOTIATION
Darci T VenereArgentinaBernardo Dominic NEW
Munro E RoysterAustraliaAmy Elsner NEW
James B RulapaughItalyBernardo Dominic QUALIFIED
Julie C GlickFranceIvan Magalhaes QUALIFIED
Stacey E RulapaughCanadaBernardo Dominic NEW
Ricardo Q PoquetteIndiaElwin Sharvill RENEWAL
Smith Z MaletArgentinaOnyama Limba QUALIFIED
Munro J SaylorsArgentinaStephen Shaw PROPOSAL
Izzy S DoeJapanElwin Sharvill PROPOSAL
Costa S MaletUnited KingdomStephen Shaw QUALIFIED
Maisha H MaletGermanyOnyama Limba NEGOTIATION
Ricardo B BriddickIndiaXuxue Feng PROPOSAL
Mujtaba Q InouyeBrazilIvan Magalhaes RENEWAL
Morrow X DoeSpainAmy Elsner NEW
Ivar V OldroydFranceIoni Bowcher PROPOSAL
Wickens B NestleItalyIvan Magalhaes RENEWAL
Smith Z ChuiRussiaIvan Magalhaes PROPOSAL
Nicolas S PoquetteSpainIoni Bowcher UNQUALIFIED
Octavia P NickaGermanyXuxue Feng NEW
Stacey K KolmetzGermanyXuxue Feng PROPOSAL
David Q PaprockiItalyAsiya Javayant RENEWAL
Clifford X GarufiItalyElwin Sharvill UNQUALIFIED
Julie D NestleSpainAsiya Javayant QUALIFIED
Morrow N DarakjyFranceBernardo Dominic NEW
Jennifer O StensethFranceAsiya Javayant RENEWAL
Adams E RutaBrazilBernardo Dominic NEW
Munro W TollnerAustraliaXuxue Feng PROPOSAL
Misaki X MaletArgentinaAmy Elsner NEW
Juan Y RutaFranceOnyama Limba PROPOSAL
Misaki J SergiFranceAnna Fali NEW
Leon C AlbaresRussiaIvan Magalhaes NEW
Smith L KuskoRussiaAnna Fali NEGOTIATION
Claire H AmigonFranceElwin Sharvill NEW
Stacey O KolmetzUnited KingdomAsiya Javayant QUALIFIED
Maria C VenereCanadaOnyama Limba NEW
Maria S DoeGermanyAnna Fali NEGOTIATION
Isabel G MaletCanadaOnyama Limba RENEWAL
Costa F DilliardArgentinaBernardo Dominic UNQUALIFIED
Tony B PaprockiIndiaXuxue Feng UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Leon U DarakjyGermanyOnyama Limba RENEWAL
Salvatore Q ChuiCanadaAnna Fali RENEWAL
Aika E RoysterFranceAnna Fali UNQUALIFIED
Adams X DarakjySpainAmy Elsner UNQUALIFIED
Arvin E FigeroaFranceOnyama Limba NEGOTIATION
Chavez A RulapaughFranceStephen Shaw QUALIFIED
Misaki U SchemmerUnited KingdomAsiya Javayant NEW
David P VenereSpainIoni Bowcher PROPOSAL
Adams I BologniaBrazilAnna Fali RENEWAL
Izzy Q BologniaGermanyAmy Elsner NEW
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Wickens F CaldareraRussia2026-09-18Rousseaux, Michael Esq UNQUALIFIED99Onyama Limba
1001Murillo H GarufiSpain2026-08-31Chapman, Ross E Esq UNQUALIFIED24Stephen Shaw
1002Faith K BologniaArgentina2026-09-20Morlong Associates PROPOSAL37Amy Elsner
1003Aditya H DoeArgentina2026-09-29Feiner Bros NEGOTIATION87Ioni Bowcher
1004Leon J CampainFrance2026-09-20Buckley Miller Wright NEGOTIATION29Bernardo Dominic
1005Leja P RulapaughAustralia2026-09-17Buckley Miller Wright NEW34Ivan Magalhaes
1006Stacey F VocelkaGermany2026-09-17Feiner Bros UNQUALIFIED44Onyama Limba
1007David I IturbideCanada2026-09-04Printing Dimensions NEW17Stephen Shaw
1008Aditya T GarufiAustralia2026-09-24Dorl, James J Esq UNQUALIFIED29Anna Fali
1009James V VocelkaItaly2026-09-22Chapman, Ross E Esq UNQUALIFIED28Asiya Javayant
1010Rodrigues V OldroydRussia2026-09-19Buckley Miller Wright PROPOSAL97Ivan Magalhaes
1011Jennifer I ButtGermany2026-09-07Rangoni Of Florence QUALIFIED20Bernardo Dominic
1012Aruna G IturbideBrazil2026-09-10Buckley Miller Wright NEGOTIATION84Asiya Javayant
1013Deepesh Y OldroydBrazil2026-09-25Dorl, James J Esq RENEWAL43Bernardo Dominic
1014Sinclair M StensethItaly2026-09-03Printing Dimensions UNQUALIFIED12Ioni Bowcher
1015Deepesh P AlbaresIndia2026-09-12Chanay, Jeffrey A Esq QUALIFIED91Anna Fali
1016Greenwood W MacleadRussia2026-08-31Rangoni Of Florence NEGOTIATION7Anna Fali
1017Juan J RoysterUnited Kingdom2026-09-20Rousseaux, Michael Esq RENEWAL83Bernardo Dominic
1018Tony L DoeIndia2026-09-01Feiner Bros NEGOTIATION7Asiya Javayant
1019Jefferson Z BriddickFrance2026-09-09Feiner Bros PROPOSAL54Ioni Bowcher
1020Antonio X MacleadArgentina2026-08-31Printing Dimensions RENEWAL43Bernardo Dominic
1021Aruna O RulapaughSpain2026-09-01Feiner Bros QUALIFIED12Anna Fali
1022Nicolas R StensethGermany2026-09-08Benton, John B Jr PROPOSAL6Onyama Limba
1023Salvatore P IturbideGermany2026-09-02Benton, John B Jr RENEWAL91Xuxue Feng
1024David R SlusarskiBrazil2026-09-07Feltz Printing Service NEGOTIATION3Stephen Shaw
1025Aruna D GauchoFrance2026-09-16Commercial Press UNQUALIFIED73Asiya Javayant
1026Greenwood T KolmetzFrance2026-09-03Printing Dimensions NEGOTIATION69Asiya Javayant
1027Morrow M TollnerSpain2026-09-27Chapman, Ross E Esq PROPOSAL50Onyama Limba
1028Jeanfrancois N MorascaGermany2026-09-13Chemel, James L Cpa NEW36Ioni Bowcher
1029Kaitlin P MaletBrazil2026-09-13Rousseaux, Michael Esq RENEWAL52Ivan Magalhaes
1030Izzy J WieserArgentina2026-09-18Chemel, James L Cpa NEGOTIATION90Onyama Limba
1031Aditya M CampainAustralia2026-09-24Feiner Bros PROPOSAL63Xuxue Feng
1032Stacey A FigeroaIndia2026-09-18Rangoni Of Florence PROPOSAL66Anna Fali
1033Sinclair G FigeroaAustralia2026-09-26Rangoni Of Florence PROPOSAL3Asiya Javayant
1034Cody X ShinkoAustralia2026-09-08Printing Dimensions QUALIFIED18Xuxue Feng
1035Clifford L InouyeGermany2026-09-07Printing Dimensions QUALIFIED68Ivan Magalhaes
1036Maria C SchemmerAustralia2026-09-28Chanay, Jeffrey A Esq UNQUALIFIED75Ioni Bowcher
1037Izzy X WaycottItaly2026-09-16King, Christopher A Esq QUALIFIED47Bernardo Dominic
1038David R PaprockiRussia2026-09-14Feltz Printing Service NEGOTIATION12Xuxue Feng
1039Misaki I MorascaFrance2026-09-07Dorl, James J Esq PROPOSAL67Anna Fali
1040Clifford N NestleFrance2026-09-21Morlong Associates UNQUALIFIED1Bernardo Dominic
1041Aruna L FollerBrazil2026-09-29Printing Dimensions PROPOSAL51Ivan Magalhaes
1042Costa Q StensethJapan2026-09-14Chapman, Ross E Esq NEGOTIATION51Asiya Javayant
1043Nicolas S CaudyAustralia2026-09-27Dorl, James J Esq RENEWAL44Elwin Sharvill
1044Kadeem N GauchoUnited Kingdom2026-09-29Feiner Bros UNQUALIFIED19Onyama Limba
1045Antonio E GauchoUnited Kingdom2026-09-08Chapman, Ross E Esq NEGOTIATION2Asiya Javayant
1046Morrow Z FerenczSpain2026-09-08Rangoni Of Florence NEGOTIATION62Onyama Limba
1047Greenwood Q VenereRussia2026-09-13Chapman, Ross E Esq UNQUALIFIED44Onyama Limba
1048Mujtaba E AlbaresUnited Kingdom2026-09-18Truhlar And Truhlar Attys NEGOTIATION36Elwin Sharvill
1049Cody S FollerFrance2026-09-03Buckley Miller Wright RENEWAL7Asiya Javayant
Frozen Rows
NameCountryRepresentativeStatus
Juan U KuskoAustraliaBernardo Dominic NEGOTIATION
Costa V PerinItalyXuxue Feng UNQUALIFIED
Jennifer U WaycottSpainElwin Sharvill PROPOSAL
Leja N FerenczItalyBernardo Dominic PROPOSAL
Juan Y MarrierGermanyAsiya Javayant NEGOTIATION
Sinclair T MorascaUnited KingdomElwin Sharvill PROPOSAL
Mujtaba V CaldareraCanadaXuxue Feng RENEWAL
Adams L NickaIndiaAnna Fali QUALIFIED
Nicolas V RimCanadaXuxue Feng PROPOSAL
Sinclair W GillianIndiaXuxue Feng UNQUALIFIED
Cody P PaprockiAustraliaOnyama Limba NEW
Misaki S WaycottFranceBernardo Dominic NEGOTIATION
Murillo F VocelkaFranceAnna Fali PROPOSAL
Murillo M BriddickRussiaAmy Elsner PROPOSAL
Salvatore W BriddickUnited KingdomElwin Sharvill NEGOTIATION
Stacey S RutaItalyElwin Sharvill RENEWAL
Ricardo S GlickArgentinaStephen Shaw PROPOSAL
Smith Z MarrierItalyAmy Elsner QUALIFIED
Ricardo I VocelkaUnited KingdomIoni Bowcher QUALIFIED
Wickens J GillianRussiaIoni Bowcher NEGOTIATION
Costa P GillianBrazilBernardo Dominic NEGOTIATION
Jones Z KolmetzGermanyAnna Fali NEGOTIATION
Nicolas Z FigeroaUnited KingdomStephen Shaw QUALIFIED
Isabel S WhobreyAustraliaIoni Bowcher RENEWAL
Johnson I FollerBrazilStephen Shaw QUALIFIED
Salvatore M CaudyRussiaElwin Sharvill NEGOTIATION
Kaitlin Q SlusarskiJapanOnyama Limba QUALIFIED
Izzy R PerinGermanyElwin Sharvill QUALIFIED
Ivar H FerenczGermanyStephen Shaw PROPOSAL
Tony G AlbaresJapanAsiya Javayant RENEWAL
Maria F AmigonUnited KingdomAnna Fali PROPOSAL
Murillo R KolmetzSpainXuxue Feng QUALIFIED
Aruna H RoysterGermanyOnyama Limba PROPOSAL
Murillo V RoysterItalyStephen Shaw NEGOTIATION
Mayumi I GillianSpainAsiya Javayant RENEWAL
Leon R DilliardItalyAmy Elsner UNQUALIFIED
Leja Q DilliardFranceIvan Magalhaes RENEWAL
Chavez P CaudyJapanAmy Elsner RENEWAL
Salvatore E StensethItalyAsiya Javayant NEGOTIATION
Arvin R GauchoFranceIvan Magalhaes NEW
Ricardo P RulapaughRussiaAsiya Javayant PROPOSAL
Jeanfrancois F StensethItalyAnna Fali UNQUALIFIED
Arvin K AlbaresJapanAnna Fali PROPOSAL
Kaitlin N InouyeRussiaOnyama Limba QUALIFIED
Juan U AlbaresCanadaXuxue Feng UNQUALIFIED
Aditya X RimSpainIvan Magalhaes RENEWAL
Aditya U IturbideSpainXuxue Feng QUALIFIED
Antonio H InouyeArgentinaAsiya Javayant PROPOSAL
Aika B RulapaughGermanyAmy Elsner UNQUALIFIED
Francesco A FerenczAustraliaAnna Fali UNQUALIFIED
Frozen Columns
Name
Silvio P Albares
Mayumi K Tollner
Jones J Bowley
Misaki E Perin
Emily B Kusko
Izzy X Dilliard
Jennifer J Caudy
Johnson W Ostrosky
Antonio B Darakjy
Aditya I Chui
Jefferson B Poquette
Aruna N Poquette
James V Darakjy
Claire W Ostrosky
Faith I Bolognia
Deepesh L Iturbide
Clifford Y Flosi
Clifford Q Perin
Julie H Morasca
Mayumi E Ruta
Jennifer M Campain
Johnson I Rulapaugh
Jeanfrancois H Ferencz
Mujtaba M Ruta
Aika N Tollner
Maria X Morasca
Mayumi U Nicka
Juan V Caldarera
Ashley Y Caudy
Darci K Kusko
Greenwood E Chui
Chavez F Waycott
Wickens F Venere
Salvatore W Caldarera
Maria Z Oldroyd
Deepesh C Iturbide
Smith N Figeroa
Aika H Shinko
Misaki N Wieser
Kaitlin S Morasca
Aruna L Marrier
Maisha B Iturbide
Octavia N Darakjy
Faith D Foller
Juan G Nestle
Adams C Darakjy
Morrow B Stenseth
Morrow A Stockham
Mayumi G Kusko
Jeanfrancois X Gillian
IdCountryDate
1000United Kingdom2026-09-16
1001India2026-09-15
1002Italy2026-09-01
1003Canada2026-09-23
1004Brazil2026-09-11
1005Germany2026-09-23
1006India2026-09-02
1007France2026-09-09
1008Italy2026-09-26
1009Spain2026-09-20
1010Russia2026-09-08
1011Brazil2026-09-19
1012Germany2026-09-11
1013France2026-09-22
1014Germany2026-09-19
1015Italy2026-09-18
1016Japan2026-09-29
1017France2026-09-21
1018France2026-09-23
1019Japan2026-09-21
1020Russia2026-09-23
1021Spain2026-09-27
1022Italy2026-09-18
1023Canada2026-09-26
1024Germany2026-09-28
1025Russia2026-09-25
1026United Kingdom2026-09-14
1027Spain2026-09-06
1028Argentina2026-09-13
1029Japan2026-09-16
1030Australia2026-09-13
1031Argentina2026-09-03
1032Russia2026-09-03
1033India2026-09-04
1034Brazil2026-09-20
1035Spain2026-09-25
1036United Kingdom2026-09-12
1037Argentina2026-09-06
1038Germany2026-09-05
1039Germany2026-09-16
1040Germany2026-09-13
1041Italy2026-09-02
1042Japan2026-09-06
1043Russia2026-09-18
1044Russia2026-09-29
1045France2026-09-23
1046Canada2026-09-19
1047Italy2026-09-26
1048India2026-09-03
1049Italy2026-09-22

On-Demand Data

NameIdCountryDate
Julie H Ferencz1000Spain2026-09-23
Ricardo Q Whobrey1001Canada2026-09-29
Chavez W Garufi1002United Kingdom2026-09-15
Salvatore P Gillian1003Spain2026-09-02
Misaki C Malet1004Australia2026-09-27
Nicolas V Caudy1005United Kingdom2026-09-06
Rodrigues Z Butt1006India2026-09-20
Aika J Schemmer1007Germany2026-09-27
Alejandro H Wieser1008Germany2026-09-25
Smith X Saylors1009Australia2026-09-15
Munro R Vocelka1010Japan2026-09-12
Octavia T Chui1011Germany2026-09-03
Costa Z Iturbide1012Spain2026-09-26
Tony I Chui1013India2026-09-12
Isabel B Slusarski1014Brazil2026-09-19
Jennifer J Rulapaugh1015Spain2026-09-17
Ashley F Iturbide1016Argentina2026-09-01
Alejandro E Perin1017United Kingdom2026-09-28
Cody P Gaucho1018Russia2026-09-21
Adams M Glick1019Spain2026-09-26
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Silvio P SlusarskiSpainElwin Sharvill UNQUALIFIED
David F MorascaArgentinaAnna Fali PROPOSAL
Arvin H ChuiItalyAsiya Javayant NEGOTIATION
Izzy Q DarakjyAustraliaAsiya Javayant RENEWAL
Alejandro T StockhamSpainStephen Shaw UNQUALIFIED
Kaitlin Q SchemmerIndiaStephen Shaw UNQUALIFIED
Jeanfrancois Z CampainItalyAsiya Javayant UNQUALIFIED
Leja J ShinkoCanadaXuxue Feng PROPOSAL
Francesco K FigeroaRussiaIvan Magalhaes QUALIFIED
Murillo E KuskoFranceXuxue Feng PROPOSAL
Stacey B SaylorsFranceIoni Bowcher PROPOSAL
Kadeem H MaletCanadaAmy Elsner UNQUALIFIED
Stacey Y SaylorsRussiaAmy Elsner NEW
Ricardo B ChuiArgentinaElwin Sharvill QUALIFIED
Juan C DilliardItalyAnna Fali NEGOTIATION
David E MarrierRussiaAsiya Javayant PROPOSAL
Jones C WhobreyFranceStephen Shaw PROPOSAL
Isabel X CaudyBrazilIvan Magalhaes UNQUALIFIED
Chavez G MarrierIndiaStephen Shaw NEW
Arvin P DarakjyFranceIvan Magalhaes NEGOTIATION
Emily N InouyeArgentinaElwin Sharvill PROPOSAL
Jefferson D KolmetzUnited KingdomAsiya Javayant RENEWAL
Ricardo N ButtItalyAmy Elsner RENEWAL
Maisha S CaldareraBrazilElwin Sharvill NEGOTIATION
Stacey W FigeroaFranceBernardo Dominic NEW
Mujtaba N OstroskyJapanOnyama Limba NEW
Leja G VenereArgentinaIoni Bowcher QUALIFIED
Faith K IturbideRussiaAnna Fali NEW
Kadeem P AlbaresAustraliaIvan Magalhaes QUALIFIED
Deepesh T SaylorsGermanyAmy Elsner QUALIFIED
Clifford V WaycottSpainIvan Magalhaes NEW
Murillo R SchemmerAustraliaAnna Fali RENEWAL
Morrow I IturbideAustraliaAmy Elsner RENEWAL
Wickens F IturbideBrazilXuxue Feng NEW
Claire C GarufiJapanAnna Fali RENEWAL
Izzy K WaycottFranceAmy Elsner QUALIFIED
Wickens L KuskoArgentinaIoni Bowcher NEGOTIATION
Stacey D NickaCanadaAsiya Javayant PROPOSAL
Aruna F KuskoBrazilAsiya Javayant RENEWAL
Salvatore L SergiUnited KingdomBernardo Dominic 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>