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
Maisha I SaylorsArgentinaOnyama Limba NEW
Leja N KuskoArgentinaStephen Shaw UNQUALIFIED
Stacey X SergiArgentinaXuxue Feng QUALIFIED
David M BologniaFranceElwin Sharvill RENEWAL
David Q NickaUnited KingdomAmy Elsner QUALIFIED
Greenwood S RimCanadaXuxue Feng NEGOTIATION
Wickens N PoquetteIndiaIoni Bowcher QUALIFIED
Cody E BowleyGermanyStephen Shaw NEW
Greenwood W MorascaIndiaAsiya Javayant NEW
Deepesh I BriddickRussiaAsiya Javayant QUALIFIED
Faith Q FlosiRussiaAsiya Javayant PROPOSAL
James B WieserUnited KingdomStephen Shaw NEGOTIATION
Costa W GarufiUnited KingdomStephen Shaw QUALIFIED
Jones R WhobreyIndiaElwin Sharvill UNQUALIFIED
Ashley D TollnerRussiaAnna Fali PROPOSAL
Darci E SlusarskiRussiaElwin Sharvill PROPOSAL
Mujtaba F DoeAustraliaIvan Magalhaes QUALIFIED
Antonio P MarrierFranceAmy Elsner QUALIFIED
Adams X KuskoFranceOnyama Limba RENEWAL
Salvatore A FigeroaJapanElwin Sharvill NEGOTIATION
Claire S GarufiBrazilIoni Bowcher UNQUALIFIED
Izzy E WaycottJapanAmy Elsner UNQUALIFIED
Stacey D AlbaresAustraliaOnyama Limba QUALIFIED
Greenwood T StockhamCanadaBernardo Dominic UNQUALIFIED
Munro E NickaItalyStephen Shaw PROPOSAL
Ashley W StockhamAustraliaAmy Elsner UNQUALIFIED
Julie A NickaRussiaOnyama Limba UNQUALIFIED
Claire Y MorascaRussiaXuxue Feng NEGOTIATION
Greenwood F BriddickJapanOnyama Limba RENEWAL
Clifford Z ShinkoIndiaAsiya Javayant NEW
Leja B KuskoSpainBernardo Dominic RENEWAL
Costa Y SergiFranceOnyama Limba QUALIFIED
Aruna X AmigonFranceOnyama Limba NEGOTIATION
Claire J CaldareraJapanOnyama Limba NEGOTIATION
Greenwood C WaycottJapanOnyama Limba NEGOTIATION
Jennifer S VenereIndiaStephen Shaw PROPOSAL
Francesco E GlickUnited KingdomAsiya Javayant RENEWAL
Wickens N DilliardArgentinaIoni Bowcher PROPOSAL
Chavez C BowleyArgentinaIvan Magalhaes QUALIFIED
Smith X GauchoBrazilElwin Sharvill NEW
Octavia N NickaUnited KingdomIoni Bowcher UNQUALIFIED
Jeanfrancois D OstroskyJapanXuxue Feng NEGOTIATION
Ivar Y SchemmerUnited KingdomAnna Fali NEW
Salvatore O BologniaCanadaAsiya Javayant QUALIFIED
Stacey C DarakjyArgentinaElwin Sharvill QUALIFIED
Deepesh V DoeRussiaElwin Sharvill NEW
Stacey Y FerenczBrazilBernardo Dominic UNQUALIFIED
Deepesh R RoysterAustraliaOnyama Limba NEW
Aditya C SergiSpainAsiya Javayant UNQUALIFIED
Izzy S ShinkoFranceBernardo Dominic QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Kaitlin I GauchoJapanAsiya Javayant UNQUALIFIED
Aruna M PoquetteArgentinaAmy Elsner NEW
Clifford H WieserItalyStephen Shaw PROPOSAL
Aruna B FerenczSpainIvan Magalhaes PROPOSAL
Aruna C SergiJapanAmy Elsner RENEWAL
Johnson J FerenczItalyAsiya Javayant UNQUALIFIED
Kadeem P MaletCanadaElwin Sharvill QUALIFIED
Wickens Y PerinAustraliaElwin Sharvill QUALIFIED
Morrow X CaudyFranceXuxue Feng NEW
Ivar I RutaGermanyAnna Fali PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Francesco S VenereIndia2026-10-02Feiner Bros QUALIFIED61Xuxue Feng
1001Mujtaba L OstroskyAustralia2026-09-28Chanay, Jeffrey A Esq QUALIFIED19Elwin Sharvill
1002Maria H PaprockiAustralia2026-10-09Printing Dimensions RENEWAL77Ivan Magalhaes
1003Jefferson L SaylorsCanada2026-10-12Chanay, Jeffrey A Esq PROPOSAL33Anna Fali
1004Kaitlin L GauchoUnited Kingdom2026-09-25Feiner Bros PROPOSAL8Anna Fali
1005Mujtaba K MaletGermany2026-10-01Truhlar And Truhlar Attys QUALIFIED63Ivan Magalhaes
1006Salvatore P ChuiIndia2026-10-14Rousseaux, Michael Esq RENEWAL7Ivan Magalhaes
1007Isabel J NestleArgentina2026-10-11Chanay, Jeffrey A Esq NEW33Ivan Magalhaes
1008Johnson G PerinItaly2026-10-05Chanay, Jeffrey A Esq QUALIFIED26Xuxue Feng
1009Julie J MacleadArgentina2026-09-28Chanay, Jeffrey A Esq NEW14Xuxue Feng
1010Cody S AmigonItaly2026-10-07Dorl, James J Esq RENEWAL22Stephen Shaw
1011Alejandro I DilliardIndia2026-09-26Feltz Printing Service PROPOSAL86Onyama Limba
1012Ashley O TollnerSpain2026-10-02Commercial Press NEW23Ioni Bowcher
1013Johnson O SchemmerItaly2026-10-03Benton, John B Jr QUALIFIED64Ivan Magalhaes
1014Ivar N IturbideJapan2026-10-14Buckley Miller Wright PROPOSAL92Elwin Sharvill
1015Tony N MarrierBrazil2026-10-21Chapman, Ross E Esq PROPOSAL4Amy Elsner
1016Misaki C PaprockiRussia2026-09-24Rangoni Of Florence UNQUALIFIED29Anna Fali
1017Leja L MaletIndia2026-10-23Feiner Bros PROPOSAL17Ioni Bowcher
1018James P AmigonGermany2026-10-23Rangoni Of Florence NEGOTIATION66Ioni Bowcher
1019Jeanfrancois O GarufiSpain2026-10-20Morlong Associates NEW54Ivan Magalhaes
1020Murillo N SlusarskiIndia2026-10-21King, Christopher A Esq QUALIFIED84Onyama Limba
1021Antonio K FigeroaIndia2026-10-16King, Christopher A Esq NEW24Amy Elsner
1022Claire Q OldroydItaly2026-09-26Truhlar And Truhlar Attys NEW25Onyama Limba
1023Chavez G NickaBrazil2026-10-10Benton, John B Jr UNQUALIFIED20Bernardo Dominic
1024Julie J FollerCanada2026-10-13Commercial Press QUALIFIED77Onyama Limba
1025Kadeem V GarufiFrance2026-10-16Chapman, Ross E Esq RENEWAL91Amy Elsner
1026Octavia P KuskoArgentina2026-10-02Rangoni Of Florence QUALIFIED23Bernardo Dominic
1027Izzy I FollerIndia2026-10-05Benton, John B Jr PROPOSAL44Amy Elsner
1028Wickens X PerinIndia2026-09-29Truhlar And Truhlar Attys UNQUALIFIED13Xuxue Feng
1029Jones L NickaRussia2026-10-16Dorl, James J Esq PROPOSAL45Ioni Bowcher
1030Darci R FigeroaGermany2026-10-06Dorl, James J Esq UNQUALIFIED28Bernardo Dominic
1031Kadeem P SlusarskiRussia2026-10-03Chanay, Jeffrey A Esq NEGOTIATION87Stephen Shaw
1032Kaitlin X FigeroaAustralia2026-10-19Printing Dimensions UNQUALIFIED66Amy Elsner
1033Aruna E FerenczBrazil2026-10-21Chemel, James L Cpa RENEWAL26Amy Elsner
1034Adams Y GauchoUnited Kingdom2026-10-16Chanay, Jeffrey A Esq NEW40Onyama Limba
1035Faith Z MorascaSpain2026-10-07Buckley Miller Wright QUALIFIED23Amy Elsner
1036Morrow C BriddickGermany2026-10-02Dorl, James J Esq NEW29Xuxue Feng
1037Johnson J ShinkoItaly2026-10-17Morlong Associates QUALIFIED78Stephen Shaw
1038Julie N BowleyJapan2026-09-25Printing Dimensions RENEWAL70Anna Fali
1039Emily B ShinkoArgentina2026-09-24Truhlar And Truhlar Attys NEW78Ivan Magalhaes
1040Rodrigues Q RulapaughFrance2026-10-22Chanay, Jeffrey A Esq NEW34Onyama Limba
1041Greenwood X RimSpain2026-10-20Rangoni Of Florence QUALIFIED1Stephen Shaw
1042Jennifer O DarakjySpain2026-10-09Morlong Associates NEW60Bernardo Dominic
1043Jones G RutaItaly2026-10-09Printing Dimensions NEW3Bernardo Dominic
1044Jefferson N GauchoJapan2026-10-02Benton, John B Jr UNQUALIFIED45Ivan Magalhaes
1045Isabel P DilliardAustralia2026-10-09Morlong Associates NEGOTIATION46Xuxue Feng
1046Costa U IturbideUnited Kingdom2026-09-29Dorl, James J Esq UNQUALIFIED69Asiya Javayant
1047Kadeem H IturbideAustralia2026-10-12Morlong Associates QUALIFIED31Xuxue Feng
1048Antonio S WieserIndia2026-09-29Chanay, Jeffrey A Esq NEW16Elwin Sharvill
1049Jeanfrancois F NestleRussia2026-10-18Morlong Associates UNQUALIFIED65Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Cody O DarakjyCanadaAnna Fali QUALIFIED
Johnson X GillianRussiaIoni Bowcher RENEWAL
Nicolas Q PerinAustraliaIoni Bowcher QUALIFIED
Octavia J GillianItalyAmy Elsner PROPOSAL
Deepesh H OldroydArgentinaAsiya Javayant PROPOSAL
Deepesh J CaudyIndiaAmy Elsner QUALIFIED
Nicolas Q MaletCanadaAsiya Javayant UNQUALIFIED
Jennifer X VenereJapanOnyama Limba UNQUALIFIED
Antonio C WaycottIndiaIoni Bowcher NEGOTIATION
Darci Z GarufiJapanAsiya Javayant QUALIFIED
Adams Z ButtAustraliaIvan Magalhaes NEGOTIATION
Misaki H TollnerBrazilAnna Fali UNQUALIFIED
Sinclair H InouyeIndiaBernardo Dominic PROPOSAL
Rodrigues J AlbaresRussiaAsiya Javayant PROPOSAL
Emily B CampainBrazilAmy Elsner NEW
Ashley M WieserJapanIvan Magalhaes RENEWAL
Kadeem X KolmetzIndiaStephen Shaw UNQUALIFIED
Silvio G PoquetteFranceBernardo Dominic NEW
Aika L WieserUnited KingdomAmy Elsner UNQUALIFIED
Rodrigues N PerinBrazilElwin Sharvill NEGOTIATION
Tony B MaletArgentinaAnna Fali RENEWAL
Aika J DarakjyCanadaOnyama Limba PROPOSAL
Izzy D WaycottGermanyAmy Elsner UNQUALIFIED
James J VocelkaUnited KingdomElwin Sharvill PROPOSAL
Faith P WieserIndiaBernardo Dominic QUALIFIED
Ivar K SaylorsCanadaXuxue Feng QUALIFIED
Wickens E MarrierSpainIvan Magalhaes QUALIFIED
Munro A SergiUnited KingdomBernardo Dominic QUALIFIED
Jefferson M ChuiArgentinaAnna Fali NEW
Leon I RulapaughUnited KingdomElwin Sharvill RENEWAL
Juan M RulapaughRussiaIoni Bowcher QUALIFIED
Darci N ButtArgentinaElwin Sharvill NEW
Salvatore F AmigonItalyAsiya Javayant NEGOTIATION
Alejandro D GlickCanadaAnna Fali PROPOSAL
Darci X SchemmerRussiaXuxue Feng PROPOSAL
Aruna C NickaIndiaIoni Bowcher QUALIFIED
Tony B VenereIndiaOnyama Limba PROPOSAL
David P ShinkoItalyElwin Sharvill QUALIFIED
Antonio T GillianItalyAsiya Javayant NEW
Johnson K BowleyArgentinaStephen Shaw PROPOSAL
Arvin K BriddickSpainIoni Bowcher RENEWAL
Isabel P AmigonSpainXuxue Feng UNQUALIFIED
Francesco U SaylorsSpainAnna Fali NEGOTIATION
Kadeem N FigeroaJapanAnna Fali QUALIFIED
Silvio M StockhamAustraliaOnyama Limba NEW
Aditya R FigeroaJapanXuxue Feng NEGOTIATION
Mujtaba J TollnerBrazilBernardo Dominic UNQUALIFIED
Maisha X MacleadSpainAmy Elsner QUALIFIED
David A StockhamSpainAsiya Javayant QUALIFIED
Emily J GauchoRussiaOnyama Limba NEW
Frozen Columns
Name
Kaitlin N Paprocki
Faith K Albares
Antonio J Amigon
Octavia F Campain
Munro I Stenseth
James J Nestle
Wickens T Bolognia
Ashley P Albares
Juan D Gaucho
Izzy P Venere
Izzy H Rulapaugh
Emily P Bowley
Isabel K Malet
Mujtaba N Maclead
Maria L Oldroyd
Octavia B Campain
Aika S Rulapaugh
Alejandro Y Glick
Adams O Rim
Leja N Bowley
Jennifer M Royster
Leon G Royster
Octavia W Nestle
Ivar V Garufi
Aika G Stenseth
Alejandro K Chui
Nicolas Z Kusko
Ashley I Campain
Misaki U Briddick
Chavez D Iturbide
Adams J Stockham
Francesco K Nestle
Leon J Malet
Mujtaba P Caldarera
Mayumi J Ruta
James G Oldroyd
Cody S Gaucho
Arvin F Glick
Darci K Perin
Silvio Y Garufi
Wickens X Briddick
Munro X Whobrey
Cody F Chui
Isabel N Oldroyd
Octavia K Slusarski
Jennifer N Morasca
Juan Y Schemmer
Deepesh I Wieser
Chavez P Garufi
Alejandro J Royster
IdCountryDate
1000Japan2026-10-15
1001Spain2026-10-14
1002Argentina2026-10-18
1003Brazil2026-10-10
1004Spain2026-09-24
1005Argentina2026-10-19
1006Canada2026-09-27
1007Canada2026-10-04
1008Argentina2026-09-29
1009Canada2026-10-22
1010United Kingdom2026-09-27
1011Japan2026-10-13
1012United Kingdom2026-10-20
1013United Kingdom2026-10-12
1014India2026-10-16
1015Italy2026-10-17
1016United Kingdom2026-10-07
1017Spain2026-09-25
1018Spain2026-10-13
1019Germany2026-09-24
1020Russia2026-10-12
1021France2026-10-11
1022Japan2026-09-25
1023Australia2026-10-17
1024Australia2026-10-14
1025Canada2026-10-17
1026Italy2026-10-18
1027Australia2026-10-19
1028Germany2026-10-08
1029Canada2026-10-21
1030Japan2026-10-21
1031Brazil2026-10-23
1032India2026-10-10
1033Italy2026-10-08
1034Australia2026-10-08
1035Spain2026-09-24
1036Canada2026-09-27
1037Argentina2026-09-28
1038Argentina2026-10-14
1039Brazil2026-10-12
1040Japan2026-09-25
1041Brazil2026-09-28
1042Japan2026-10-15
1043Russia2026-10-04
1044Brazil2026-09-29
1045Italy2026-10-20
1046Brazil2026-10-12
1047Spain2026-10-08
1048United Kingdom2026-10-20
1049Italy2026-10-10

On-Demand Data

NameIdCountryDate
Murillo F Perin1000Germany2026-10-03
Aditya J Butt1001Italy2026-10-05
Francesco T Kusko1002Italy2026-10-12
James X Stenseth1003Italy2026-10-23
Kaitlin Z Vocelka1004India2026-09-28
Leon N Kolmetz1005Germany2026-10-22
Maisha E Whobrey1006United Kingdom2026-09-26
David L Malet1007Argentina2026-10-12
Ashley T Nestle1008Spain2026-10-21
Nicolas F Saylors1009Russia2026-10-17
Adams H Shinko1010Russia2026-10-06
Ricardo F Nicka1011France2026-10-22
Jennifer N Gaucho1012Argentina2026-10-10
Juan U Caudy1013France2026-10-20
Misaki O Schemmer1014Brazil2026-10-16
Maria C Albares1015Russia2026-10-22
Maria I Ruta1016India2026-10-14
Misaki J Rulapaugh1017Japan2026-10-05
Julie I Kolmetz1018Brazil2026-10-03
Aruna A Nestle1019Argentina2026-10-22
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Tony E MaletGermanyOnyama Limba PROPOSAL
Izzy B GillianAustraliaAnna Fali QUALIFIED
Aditya G InouyeGermanyAsiya Javayant RENEWAL
Jefferson D SaylorsCanadaBernardo Dominic QUALIFIED
Emily T FigeroaUnited KingdomIoni Bowcher NEGOTIATION
Faith B GauchoArgentinaIvan Magalhaes RENEWAL
Wickens P GauchoJapanIvan Magalhaes NEGOTIATION
Cody Q AmigonBrazilAmy Elsner UNQUALIFIED
Mujtaba A MaletFranceElwin Sharvill PROPOSAL
Francesco M MaletItalyAsiya Javayant NEGOTIATION
Maria X KuskoIndiaElwin Sharvill RENEWAL
Johnson A KolmetzSpainIoni Bowcher QUALIFIED
Claire I InouyeCanadaIvan Magalhaes PROPOSAL
Alejandro Q SlusarskiRussiaOnyama Limba NEW
James O ShinkoIndiaIoni Bowcher UNQUALIFIED
Adams A WieserIndiaAsiya Javayant PROPOSAL
Darci A NestleFranceIvan Magalhaes NEW
Isabel O RutaIndiaAnna Fali QUALIFIED
Wickens E InouyeUnited KingdomXuxue Feng NEGOTIATION
Octavia V OstroskyItalyElwin Sharvill RENEWAL
Rodrigues Y CaldareraJapanAmy Elsner PROPOSAL
Jefferson A GauchoArgentinaElwin Sharvill NEGOTIATION
Aika N FerenczUnited KingdomStephen Shaw NEW
Darci E PerinJapanAnna Fali RENEWAL
Aditya E InouyeIndiaXuxue Feng UNQUALIFIED
Mayumi P PerinSpainElwin Sharvill PROPOSAL
Jennifer Z SlusarskiAustraliaAmy Elsner RENEWAL
Claire Y FerenczItalyXuxue Feng UNQUALIFIED
Morrow L SlusarskiArgentinaIvan Magalhaes RENEWAL
Emily J SaylorsIndiaElwin Sharvill RENEWAL
Chavez I GauchoRussiaIoni Bowcher RENEWAL
Jefferson O WhobreySpainIoni Bowcher NEGOTIATION
Costa N GauchoIndiaOnyama Limba NEW
Tony W GarufiArgentinaBernardo Dominic RENEWAL
Clifford Y InouyeAustraliaStephen Shaw NEGOTIATION
Aditya P PerinRussiaAsiya Javayant NEGOTIATION
Jones N VocelkaJapanIvan Magalhaes NEW
Claire C VocelkaFranceElwin Sharvill RENEWAL
Adams B VenereAustraliaElwin Sharvill QUALIFIED
Leja O PoquetteItalyIoni Bowcher NEW

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