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
James D MarrierUnited KingdomStephen Shaw QUALIFIED
Jefferson Y GarufiArgentinaAsiya Javayant QUALIFIED
Antonio U RimGermanyAsiya Javayant UNQUALIFIED
Munro V RutaSpainIvan Magalhaes UNQUALIFIED
Mayumi P OstroskyItalyElwin Sharvill QUALIFIED
Rodrigues L StockhamRussiaAnna Fali UNQUALIFIED
Greenwood U PaprockiAustraliaAsiya Javayant UNQUALIFIED
Ricardo Z ShinkoBrazilStephen Shaw QUALIFIED
Maisha B StensethCanadaAmy Elsner PROPOSAL
Munro W PaprockiBrazilBernardo Dominic NEGOTIATION
Aruna L ShinkoArgentinaXuxue Feng UNQUALIFIED
Ivar K WhobreyBrazilXuxue Feng NEGOTIATION
Juan F GauchoIndiaXuxue Feng NEGOTIATION
Octavia F DilliardBrazilIvan Magalhaes RENEWAL
Juan I GarufiGermanyStephen Shaw NEGOTIATION
Deepesh M WhobreyIndiaStephen Shaw UNQUALIFIED
Munro J WieserCanadaAsiya Javayant RENEWAL
Morrow Q PerinRussiaAsiya Javayant QUALIFIED
Octavia N WieserIndiaIoni Bowcher NEW
Octavia I ChuiBrazilElwin Sharvill RENEWAL
Izzy T FigeroaArgentinaIvan Magalhaes PROPOSAL
Francesco Q RulapaughItalyAmy Elsner PROPOSAL
Isabel H BowleyCanadaAnna Fali UNQUALIFIED
Jefferson Z StockhamBrazilAnna Fali NEGOTIATION
Ashley U DarakjyRussiaStephen Shaw NEGOTIATION
Silvio Z GillianRussiaOnyama Limba NEGOTIATION
Maria Q SaylorsSpainAnna Fali NEW
Silvio P CampainAustraliaAsiya Javayant NEW
Munro L KuskoIndiaOnyama Limba NEGOTIATION
Julie G SaylorsJapanBernardo Dominic RENEWAL
Adams T MaletIndiaAnna Fali QUALIFIED
Mujtaba S SchemmerCanadaXuxue Feng QUALIFIED
Mujtaba K CampainFranceElwin Sharvill PROPOSAL
Julie L RoysterAustraliaXuxue Feng NEW
Stacey I KolmetzItalyOnyama Limba QUALIFIED
Morrow Q GauchoRussiaBernardo Dominic QUALIFIED
Maisha N AlbaresJapanBernardo Dominic QUALIFIED
Mujtaba S MaletAustraliaElwin Sharvill NEGOTIATION
Faith H NestleItalyOnyama Limba NEGOTIATION
Cody E DoeFranceElwin Sharvill PROPOSAL
Costa Y MaletSpainAmy Elsner RENEWAL
Sinclair M SergiRussiaBernardo Dominic QUALIFIED
Darci W MarrierFranceElwin Sharvill NEW
Alejandro D GlickGermanyAnna Fali NEW
Mujtaba G PaprockiAustraliaStephen Shaw PROPOSAL
Kaitlin O WieserArgentinaAsiya Javayant QUALIFIED
Ashley U MorascaAustraliaIvan Magalhaes UNQUALIFIED
Ivar D AlbaresGermanyBernardo Dominic NEW
Arvin D WhobreySpainAsiya Javayant NEW
Arvin Z DarakjyItalyElwin Sharvill NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Ashley J IturbideCanadaIoni Bowcher NEGOTIATION
Stacey M VocelkaItalyStephen Shaw UNQUALIFIED
Aruna S MorascaJapanBernardo Dominic NEW
Morrow U SchemmerUnited KingdomAmy Elsner UNQUALIFIED
Smith M GauchoUnited KingdomOnyama Limba NEW
Sinclair E BriddickSpainElwin Sharvill RENEWAL
Sinclair E GarufiAustraliaElwin Sharvill NEGOTIATION
Cody N KuskoRussiaStephen Shaw NEW
Ashley H NestleSpainBernardo Dominic NEGOTIATION
Johnson O OldroydUnited KingdomAsiya Javayant UNQUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Maisha W ButtIndia2026-08-27Printing Dimensions QUALIFIED83Elwin Sharvill
1001Murillo V StockhamRussia2026-09-08Commercial Press QUALIFIED40Asiya Javayant
1002Leja B RoysterItaly2026-09-09King, Christopher A Esq NEW83Ioni Bowcher
1003Claire N WieserBrazil2026-09-05Chapman, Ross E Esq RENEWAL67Ivan Magalhaes
1004Leon X PoquetteUnited Kingdom2026-09-14Buckley Miller Wright NEW35Stephen Shaw
1005Faith P SergiSpain2026-09-08Truhlar And Truhlar Attys NEGOTIATION4Ioni Bowcher
1006Johnson O AlbaresIndia2026-09-01King, Christopher A Esq PROPOSAL57Elwin Sharvill
1007Mujtaba R VocelkaBrazil2026-09-22King, Christopher A Esq RENEWAL88Bernardo Dominic
1008Silvio U AlbaresIndia2026-09-20Truhlar And Truhlar Attys PROPOSAL82Asiya Javayant
1009Misaki A ButtGermany2026-09-02Chanay, Jeffrey A Esq NEGOTIATION51Amy Elsner
1010Claire G WhobreySpain2026-09-01Dorl, James J Esq QUALIFIED67Bernardo Dominic
1011David P ButtGermany2026-09-03King, Christopher A Esq UNQUALIFIED8Ivan Magalhaes
1012Mayumi H KuskoRussia2026-09-14Dorl, James J Esq PROPOSAL10Xuxue Feng
1013Juan X GillianIndia2026-09-07Feiner Bros RENEWAL72Anna Fali
1014Aruna T NickaJapan2026-09-21Buckley Miller Wright NEW77Stephen Shaw
1015Julie W FigeroaBrazil2026-08-31Buckley Miller Wright PROPOSAL53Stephen Shaw
1016Deepesh E OstroskyFrance2026-09-19Dorl, James J Esq PROPOSAL75Onyama Limba
1017Sinclair G BologniaGermany2026-09-17Printing Dimensions RENEWAL64Elwin Sharvill
1018Maria I MacleadUnited Kingdom2026-08-31Dorl, James J Esq PROPOSAL63Ioni Bowcher
1019Jefferson U CampainArgentina2026-09-23Benton, John B Jr PROPOSAL88Anna Fali
1020Francesco W IturbideGermany2026-09-19Rousseaux, Michael Esq QUALIFIED30Bernardo Dominic
1021Aika W PoquetteItaly2026-09-13Truhlar And Truhlar Attys QUALIFIED56Ioni Bowcher
1022Isabel W SchemmerFrance2026-09-24Rousseaux, Michael Esq RENEWAL40Anna Fali
1023Arvin I RoysterItaly2026-09-02Chapman, Ross E Esq NEW80Asiya Javayant
1024Sinclair U RimSpain2026-09-13Morlong Associates UNQUALIFIED83Ivan Magalhaes
1025Greenwood Q VenereGermany2026-09-19Chapman, Ross E Esq UNQUALIFIED31Ivan Magalhaes
1026Greenwood Y WieserArgentina2026-09-01Truhlar And Truhlar Attys PROPOSAL5Bernardo Dominic
1027Jefferson Y MarrierArgentina2026-09-20Truhlar And Truhlar Attys NEGOTIATION88Anna Fali
1028Mayumi H DilliardRussia2026-09-05Dorl, James J Esq NEGOTIATION18Anna Fali
1029Greenwood O ButtArgentina2026-08-27Feiner Bros QUALIFIED36Stephen Shaw
1030Jones E OldroydJapan2026-09-07Rousseaux, Michael Esq NEGOTIATION46Onyama Limba
1031Aruna B StensethAustralia2026-09-15Morlong Associates PROPOSAL5Xuxue Feng
1032Leja O VocelkaJapan2026-09-12Printing Dimensions NEW73Onyama Limba
1033Maria G FlosiRussia2026-08-29Buckley Miller Wright PROPOSAL72Onyama Limba
1034Murillo Q FollerGermany2026-09-08Chapman, Ross E Esq QUALIFIED88Onyama Limba
1035Leja C PerinArgentina2026-09-04Rousseaux, Michael Esq PROPOSAL99Ivan Magalhaes
1036Emily G IturbideSpain2026-08-31Rousseaux, Michael Esq UNQUALIFIED81Bernardo Dominic
1037Stacey O WieserBrazil2026-08-28Dorl, James J Esq NEW11Anna Fali
1038Smith E FlosiSpain2026-08-31Benton, John B Jr NEGOTIATION58Ivan Magalhaes
1039Francesco Z IturbideFrance2026-09-16Commercial Press RENEWAL43Anna Fali
1040Salvatore L NickaBrazil2026-09-04Feltz Printing Service PROPOSAL53Anna Fali
1041Isabel A MarrierJapan2026-08-31Rousseaux, Michael Esq RENEWAL57Stephen Shaw
1042Deepesh V CaldareraCanada2026-09-03Printing Dimensions QUALIFIED1Anna Fali
1043Morrow H WhobreyFrance2026-09-08King, Christopher A Esq NEGOTIATION49Ivan Magalhaes
1044Leon X AlbaresArgentina2026-09-10Benton, John B Jr QUALIFIED69Anna Fali
1045Jefferson V CaldareraUnited Kingdom2026-08-31Morlong Associates NEW39Anna Fali
1046Tony A MaletRussia2026-09-05Feltz Printing Service UNQUALIFIED56Onyama Limba
1047Deepesh V ButtAustralia2026-09-09Dorl, James J Esq NEW72Onyama Limba
1048Darci L AmigonJapan2026-08-30Feiner Bros PROPOSAL55Stephen Shaw
1049Emily E CaudyAustralia2026-08-28Buckley Miller Wright UNQUALIFIED27Onyama Limba
Frozen Rows
NameCountryRepresentativeStatus
Morrow B NickaCanadaElwin Sharvill NEGOTIATION
Juan S GauchoAustraliaBernardo Dominic RENEWAL
Maria R WaycottItalyAmy Elsner QUALIFIED
Mayumi Y SaylorsArgentinaAnna Fali PROPOSAL
Salvatore V OldroydSpainAsiya Javayant NEGOTIATION
Stacey R ButtFranceXuxue Feng RENEWAL
Aika N SlusarskiItalyAsiya Javayant NEGOTIATION
Aditya D MarrierCanadaBernardo Dominic UNQUALIFIED
Silvio G DilliardRussiaAnna Fali NEW
Isabel I DarakjyRussiaXuxue Feng QUALIFIED
Mayumi J VenereAustraliaAnna Fali NEGOTIATION
Aruna X StockhamBrazilBernardo Dominic PROPOSAL
Julie I IturbideRussiaAmy Elsner QUALIFIED
Antonio L RulapaughJapanBernardo Dominic RENEWAL
Nicolas C MaletItalyIvan Magalhaes QUALIFIED
Antonio G CampainIndiaIoni Bowcher UNQUALIFIED
Darci S VocelkaItalyIvan Magalhaes QUALIFIED
Salvatore Y WaycottArgentinaXuxue Feng QUALIFIED
Jeanfrancois Q PerinRussiaIvan Magalhaes QUALIFIED
Emily J SlusarskiIndiaElwin Sharvill NEGOTIATION
Cody W SergiBrazilElwin Sharvill QUALIFIED
Deepesh W StensethSpainAnna Fali NEGOTIATION
Leja R GauchoCanadaAnna Fali UNQUALIFIED
Jefferson H NestleFranceStephen Shaw QUALIFIED
Stacey I NestleAustraliaBernardo Dominic QUALIFIED
Antonio L DilliardRussiaAnna Fali NEW
Murillo R FigeroaAustraliaStephen Shaw NEW
Kadeem O SlusarskiAustraliaStephen Shaw NEGOTIATION
Mayumi S SaylorsItalyIvan Magalhaes UNQUALIFIED
Mujtaba J BriddickJapanStephen Shaw NEW
Cody D PoquetteGermanyXuxue Feng UNQUALIFIED
Mujtaba A BriddickGermanyXuxue Feng UNQUALIFIED
Clifford E StockhamFranceAsiya Javayant NEW
Silvio Q FigeroaFranceStephen Shaw NEGOTIATION
Antonio P GarufiRussiaAsiya Javayant QUALIFIED
Johnson R RoysterUnited KingdomAsiya Javayant PROPOSAL
Stacey Y DoeIndiaXuxue Feng NEW
Isabel U BriddickArgentinaStephen Shaw NEW
Costa A GarufiSpainAnna Fali QUALIFIED
Octavia B DarakjyRussiaIoni Bowcher UNQUALIFIED
Costa R PoquetteArgentinaIvan Magalhaes NEGOTIATION
Nicolas O StensethJapanAnna Fali NEGOTIATION
Ivar D SaylorsIndiaXuxue Feng RENEWAL
Greenwood S VenereIndiaOnyama Limba PROPOSAL
Nicolas Z FigeroaRussiaAnna Fali RENEWAL
Clifford O PaprockiRussiaBernardo Dominic NEGOTIATION
James O SlusarskiJapanIvan Magalhaes NEW
Clifford J RulapaughItalyOnyama Limba RENEWAL
Maria W OstroskyGermanyAnna Fali PROPOSAL
Smith W GauchoIndiaOnyama Limba NEW
Frozen Columns
Name
Ricardo W Kolmetz
Jones X Darakjy
Stacey F Nestle
Costa I Malet
Alejandro L Morasca
Nicolas G Figeroa
Isabel P Chui
Ricardo E Campain
James F Schemmer
Salvatore B Paprocki
Morrow C Rulapaugh
Misaki Y Sergi
Silvio T Marrier
Julie T Doe
Leon C Venere
Maria E Darakjy
Murillo C Malet
Adams Q Shinko
Morrow L Vocelka
Morrow B Foller
Smith M Albares
Maria V Dilliard
Smith Z Briddick
Darci M Ferencz
Greenwood T Waycott
Johnson E Gillian
Silvio F Marrier
Johnson F Shinko
Kaitlin Q Shinko
Stacey O Bowley
Johnson Q Nestle
Wickens M Chui
Aruna E Wieser
Rodrigues M Shinko
Jefferson H Bolognia
Arvin I Nicka
Claire V Nicka
Mujtaba O Inouye
Ashley F Perin
Arvin B Oldroyd
Costa I Rulapaugh
Cody E Nicka
Maria G Nicka
Stacey S Caldarera
Jennifer L Gaucho
Leon Y Kolmetz
Maria Q Gillian
Kadeem R Tollner
Maria X Inouye
Stacey I Schemmer
IdCountryDate
1000Russia2026-09-02
1001Spain2026-08-29
1002Italy2026-08-30
1003Canada2026-09-05
1004United Kingdom2026-09-20
1005Germany2026-09-08
1006Spain2026-08-28
1007Australia2026-09-23
1008Canada2026-09-13
1009Germany2026-09-24
1010Brazil2026-09-07
1011Germany2026-09-03
1012Japan2026-08-29
1013Argentina2026-08-30
1014Brazil2026-09-16
1015Brazil2026-09-09
1016Australia2026-09-12
1017France2026-09-09
1018Italy2026-08-30
1019India2026-08-28
1020Germany2026-09-05
1021United Kingdom2026-09-05
1022Russia2026-09-03
1023Japan2026-09-07
1024Canada2026-08-30
1025Japan2026-09-20
1026Russia2026-09-14
1027Russia2026-09-22
1028Italy2026-09-23
1029France2026-09-01
1030India2026-09-17
1031Argentina2026-09-23
1032Australia2026-08-29
1033Russia2026-09-19
1034Germany2026-08-27
1035Argentina2026-09-08
1036Spain2026-09-14
1037Japan2026-09-22
1038India2026-09-05
1039France2026-09-11
1040Germany2026-08-29
1041United Kingdom2026-09-03
1042France2026-09-21
1043Canada2026-09-08
1044France2026-09-17
1045India2026-09-23
1046Russia2026-09-08
1047Canada2026-09-05
1048Russia2026-09-18
1049India2026-09-05

On-Demand Data

NameIdCountryDate
Kaitlin A Rim1000Australia2026-09-03
Cody X Nicka1001Italy2026-09-15
Jones C Nestle1002United Kingdom2026-09-08
Murillo P Chui1003United Kingdom2026-09-20
Costa F Flosi1004Canada2026-09-02
Julie G Slusarski1005Australia2026-09-07
Smith O Morasca1006Canada2026-09-10
Greenwood L Rulapaugh1007Germany2026-09-21
Silvio T Ruta1008France2026-09-21
Clifford K Foller1009United Kingdom2026-09-02
Rodrigues R Foller1010Russia2026-09-18
Clifford S Caldarera1011Russia2026-09-02
Leon D Rim1012Spain2026-09-15
Wickens Z Stockham1013Canada2026-09-22
Smith C Dilliard1014Argentina2026-09-09
Wickens V Stockham1015India2026-09-16
Nicolas T Gaucho1016Argentina2026-09-17
Mujtaba W Saylors1017Russia2026-09-21
Aruna P Glick1018Germany2026-09-12
Misaki S Gillian1019Germany2026-09-04
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Darci N NickaIndiaAmy Elsner QUALIFIED
Maria O RoysterFranceAnna Fali PROPOSAL
Arvin P ButtAustraliaAsiya Javayant QUALIFIED
Julie E OstroskyBrazilIoni Bowcher UNQUALIFIED
Jefferson T PerinFranceAnna Fali PROPOSAL
Isabel H WhobreyItalyBernardo Dominic PROPOSAL
James Y OstroskyItalyIoni Bowcher NEW
Jennifer B FlosiCanadaAmy Elsner PROPOSAL
Arvin A MarrierArgentinaStephen Shaw RENEWAL
Silvio V ShinkoGermanyElwin Sharvill NEGOTIATION
Johnson V GillianItalyIoni Bowcher RENEWAL
Francesco I WieserRussiaStephen Shaw NEGOTIATION
Wickens V FigeroaIndiaIoni Bowcher NEGOTIATION
Salvatore X MaletRussiaAmy Elsner NEW
Clifford Z SergiRussiaStephen Shaw QUALIFIED
Ashley R SergiAustraliaOnyama Limba QUALIFIED
Isabel Q SlusarskiRussiaAmy Elsner PROPOSAL
Antonio E TollnerJapanAsiya Javayant NEGOTIATION
Deepesh W BriddickCanadaStephen Shaw UNQUALIFIED
Ricardo A FerenczArgentinaBernardo Dominic RENEWAL
Rodrigues K CampainJapanAnna Fali RENEWAL
Morrow L FigeroaBrazilAmy Elsner RENEWAL
Octavia M GarufiCanadaIvan Magalhaes NEGOTIATION
Kadeem I NickaSpainAmy Elsner PROPOSAL
Faith R PoquetteRussiaIvan Magalhaes QUALIFIED
Ricardo X RimAustraliaStephen Shaw NEW
Johnson R WhobreyUnited KingdomXuxue Feng RENEWAL
Ivar F PaprockiIndiaOnyama Limba NEW
Mayumi M FlosiRussiaElwin Sharvill RENEWAL
Aika W MacleadArgentinaAnna Fali QUALIFIED
Morrow U GlickJapanIvan Magalhaes PROPOSAL
Salvatore U AmigonFranceIoni Bowcher NEGOTIATION
Greenwood W PoquetteIndiaElwin Sharvill PROPOSAL
Clifford E GillianGermanyIvan Magalhaes NEW
Octavia Y VenereJapanBernardo Dominic QUALIFIED
Julie Q SaylorsAustraliaIvan Magalhaes NEW
Clifford H MarrierFranceAsiya Javayant RENEWAL
Deepesh K KuskoUnited KingdomElwin Sharvill UNQUALIFIED
Stacey K RimUnited KingdomOnyama Limba QUALIFIED
Faith Y StensethGermanyOnyama Limba PROPOSAL

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