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
Misaki V InouyeArgentinaOnyama Limba QUALIFIED
Cody V GlickCanadaXuxue Feng RENEWAL
Jefferson F MorascaSpainOnyama Limba NEW
Morrow L OstroskyAustraliaAsiya Javayant NEGOTIATION
Isabel E FlosiCanadaXuxue Feng QUALIFIED
Salvatore P NickaItalyXuxue Feng UNQUALIFIED
Faith P AmigonJapanAsiya Javayant RENEWAL
Ricardo C VocelkaAustraliaStephen Shaw RENEWAL
Costa F AmigonJapanStephen Shaw NEW
Antonio L GillianCanadaAnna Fali NEW
Nicolas C CaudyArgentinaXuxue Feng NEGOTIATION
Clifford W StockhamSpainIoni Bowcher QUALIFIED
Deepesh P KuskoArgentinaOnyama Limba NEGOTIATION
Deepesh R MacleadArgentinaAsiya Javayant UNQUALIFIED
Jeanfrancois S SchemmerIndiaElwin Sharvill UNQUALIFIED
Kadeem V AmigonCanadaAnna Fali RENEWAL
Morrow A KolmetzUnited KingdomAnna Fali QUALIFIED
Ashley L BologniaGermanyXuxue Feng QUALIFIED
Tony E KuskoIndiaStephen Shaw NEW
Aruna H SaylorsIndiaOnyama Limba RENEWAL
Deepesh U RutaCanadaStephen Shaw UNQUALIFIED
Aruna A DarakjyAustraliaIvan Magalhaes NEGOTIATION
Johnson E RutaArgentinaAnna Fali NEW
Jones A MarrierJapanAnna Fali QUALIFIED
Isabel F MaletJapanBernardo Dominic UNQUALIFIED
David X MacleadJapanXuxue Feng RENEWAL
Misaki A NestleItalyXuxue Feng UNQUALIFIED
Kadeem S ButtJapanXuxue Feng QUALIFIED
Johnson U FollerItalyAnna Fali RENEWAL
David O StockhamFranceStephen Shaw PROPOSAL
Sinclair W MacleadGermanyIoni Bowcher QUALIFIED
Costa R InouyeJapanXuxue Feng QUALIFIED
David R MorascaCanadaBernardo Dominic NEGOTIATION
Ivar I FigeroaRussiaXuxue Feng NEW
Isabel X SchemmerSpainIoni Bowcher NEW
Juan E FerenczAustraliaOnyama Limba QUALIFIED
Maisha K GarufiJapanOnyama Limba PROPOSAL
Julie Z BriddickJapanAmy Elsner RENEWAL
Rodrigues T SlusarskiArgentinaAsiya Javayant NEGOTIATION
Murillo Y OldroydUnited KingdomStephen Shaw PROPOSAL
Kaitlin F PoquetteUnited KingdomAsiya Javayant RENEWAL
Mujtaba E OstroskyAustraliaXuxue Feng PROPOSAL
Maria L PaprockiArgentinaAnna Fali NEGOTIATION
Sinclair W StockhamRussiaStephen Shaw PROPOSAL
Murillo S PoquetteAustraliaIoni Bowcher QUALIFIED
Claire U DilliardItalyXuxue Feng UNQUALIFIED
Kadeem V WhobreyGermanyXuxue Feng NEGOTIATION
Julie R ButtJapanElwin Sharvill RENEWAL
Salvatore P CampainCanadaElwin Sharvill PROPOSAL
Misaki Y VenereItalyIoni Bowcher UNQUALIFIED
Horizontal
NameCountryRepresentativeStatus
Mayumi Q InouyeItalyBernardo Dominic PROPOSAL
James F NestleJapanAsiya Javayant NEW
Izzy N InouyeIndiaOnyama Limba UNQUALIFIED
Claire S RulapaughUnited KingdomXuxue Feng RENEWAL
Kaitlin S MaletFranceAnna Fali NEGOTIATION
Greenwood L VocelkaUnited KingdomStephen Shaw RENEWAL
Octavia O GauchoFranceElwin Sharvill PROPOSAL
Leon M MaletFranceAnna Fali RENEWAL
Mayumi I PerinAustraliaOnyama Limba NEGOTIATION
Aruna T SergiItalyBernardo Dominic PROPOSAL
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Misaki Q GarufiFrance2026-09-02Buckley Miller Wright PROPOSAL30Elwin Sharvill
1001Isabel S SchemmerSpain2026-09-14Chemel, James L Cpa PROPOSAL84Xuxue Feng
1002Francesco Z OldroydRussia2026-09-11Feltz Printing Service NEW38Stephen Shaw
1003Claire A AmigonItaly2026-09-04Commercial Press NEGOTIATION40Asiya Javayant
1004Nicolas U MarrierJapan2026-09-26Feltz Printing Service NEW34Amy Elsner
1005Faith B MaletRussia2026-09-11Rousseaux, Michael Esq PROPOSAL26Ioni Bowcher
1006Darci A AlbaresUnited Kingdom2026-09-24Feltz Printing Service PROPOSAL29Ioni Bowcher
1007Stacey H GarufiFrance2026-09-06Rangoni Of Florence NEGOTIATION59Stephen Shaw
1008Kaitlin X DarakjyArgentina2026-09-10Chemel, James L Cpa UNQUALIFIED0Ivan Magalhaes
1009Johnson F MaletSpain2026-09-08Chanay, Jeffrey A Esq UNQUALIFIED16Amy Elsner
1010Faith P SergiAustralia2026-09-28Morlong Associates UNQUALIFIED87Stephen Shaw
1011Salvatore V CaudySpain2026-09-30Buckley Miller Wright NEW64Xuxue Feng
1012Antonio X BologniaBrazil2026-09-20Feltz Printing Service QUALIFIED0Stephen Shaw
1013Julie S SergiJapan2026-09-10Printing Dimensions UNQUALIFIED49Elwin Sharvill
1014Julie S FlosiCanada2026-09-29King, Christopher A Esq NEGOTIATION13Elwin Sharvill
1015Morrow W ShinkoUnited Kingdom2026-09-20Buckley Miller Wright PROPOSAL59Onyama Limba
1016Darci P GlickIndia2026-09-25Dorl, James J Esq RENEWAL60Xuxue Feng
1017Rodrigues M VenereGermany2026-09-26Buckley Miller Wright PROPOSAL6Elwin Sharvill
1018Salvatore T PerinJapan2026-09-15Printing Dimensions PROPOSAL13Asiya Javayant
1019Wickens T RutaFrance2026-09-09Chemel, James L Cpa RENEWAL29Amy Elsner
1020Cody D GlickRussia2026-09-05Buckley Miller Wright PROPOSAL59Bernardo Dominic
1021Ashley F KolmetzIndia2026-09-23Chapman, Ross E Esq QUALIFIED0Ioni Bowcher
1022Munro J BowleyIndia2026-09-05Truhlar And Truhlar Attys NEGOTIATION72Ivan Magalhaes
1023Isabel Z FerenczBrazil2026-09-25Dorl, James J Esq RENEWAL32Asiya Javayant
1024Maria L MarrierUnited Kingdom2026-09-17Chanay, Jeffrey A Esq PROPOSAL0Onyama Limba
1025Emily R WhobreySpain2026-09-07King, Christopher A Esq NEW33Xuxue Feng
1026Jennifer V CaudyItaly2026-09-14Rousseaux, Michael Esq NEW44Stephen Shaw
1027Alejandro Y OstroskyAustralia2026-09-22Printing Dimensions UNQUALIFIED97Ivan Magalhaes
1028Mayumi L BowleyRussia2026-09-19Chemel, James L Cpa QUALIFIED94Anna Fali
1029Leja N AmigonAustralia2026-09-29Benton, John B Jr QUALIFIED77Ioni Bowcher
1030Tony H FigeroaAustralia2026-09-18Buckley Miller Wright NEW98Stephen Shaw
1031Wickens H OstroskyUnited Kingdom2026-09-26Rousseaux, Michael Esq UNQUALIFIED18Elwin Sharvill
1032Emily H RimUnited Kingdom2026-09-20Buckley Miller Wright UNQUALIFIED39Xuxue Feng
1033Silvio R WieserGermany2026-09-04King, Christopher A Esq NEGOTIATION45Ioni Bowcher
1034Aika S SergiFrance2026-09-22Feltz Printing Service NEGOTIATION51Ioni Bowcher
1035Clifford O StensethRussia2026-09-05Chemel, James L Cpa NEGOTIATION13Stephen Shaw
1036Ricardo S GillianArgentina2026-09-13King, Christopher A Esq PROPOSAL49Ivan Magalhaes
1037Stacey Z MaletRussia2026-09-19King, Christopher A Esq PROPOSAL30Bernardo Dominic
1038Cody E StensethArgentina2026-09-12Rousseaux, Michael Esq QUALIFIED1Ivan Magalhaes
1039Julie G ShinkoSpain2026-09-29Benton, John B Jr PROPOSAL92Asiya Javayant
1040Cody C CaldareraBrazil2026-09-11Rousseaux, Michael Esq PROPOSAL43Ioni Bowcher
1041Maisha A DarakjyJapan2026-09-19Chemel, James L Cpa NEGOTIATION38Amy Elsner
1042Antonio X RulapaughGermany2026-09-09Feiner Bros PROPOSAL31Ioni Bowcher
1043Mujtaba P NickaJapan2026-09-14Dorl, James J Esq NEGOTIATION37Stephen Shaw
1044Ivar S CampainFrance2026-09-23Chanay, Jeffrey A Esq UNQUALIFIED1Xuxue Feng
1045Munro H SergiSpain2026-09-24Benton, John B Jr NEGOTIATION10Anna Fali
1046Darci Z FigeroaUnited Kingdom2026-09-24Rangoni Of Florence RENEWAL44Asiya Javayant
1047Adams T StensethArgentina2026-09-12Feltz Printing Service QUALIFIED53Onyama Limba
1048Stacey Y OstroskyItaly2026-09-12Chapman, Ross E Esq PROPOSAL83Bernardo Dominic
1049Wickens K GarufiRussia2026-09-14Feiner Bros QUALIFIED82Stephen Shaw
Frozen Rows
NameCountryRepresentativeStatus
Aditya I CampainSpainOnyama Limba RENEWAL
Claire T BologniaRussiaAsiya Javayant RENEWAL
Sinclair X NickaFranceBernardo Dominic QUALIFIED
Adams V SaylorsItalyXuxue Feng PROPOSAL
Morrow G CaudyJapanIoni Bowcher NEGOTIATION
Sinclair H WhobreyIndiaIoni Bowcher QUALIFIED
Julie Z ButtItalyXuxue Feng PROPOSAL
Francesco S FollerIndiaIoni Bowcher PROPOSAL
Adams F NickaUnited KingdomBernardo Dominic RENEWAL
Aditya E DilliardSpainIoni Bowcher RENEWAL
David B ChuiIndiaAsiya Javayant QUALIFIED
James I DilliardBrazilAmy Elsner PROPOSAL
Jennifer Q SaylorsSpainAnna Fali PROPOSAL
Clifford L PaprockiJapanBernardo Dominic UNQUALIFIED
Claire T GlickRussiaAnna Fali NEGOTIATION
Aruna B SlusarskiBrazilIvan Magalhaes NEW
Aditya E IturbideAustraliaOnyama Limba RENEWAL
Maisha Z GlickRussiaStephen Shaw PROPOSAL
Leon C WhobreyArgentinaElwin Sharvill NEGOTIATION
Maisha J BowleyBrazilOnyama Limba RENEWAL
Faith N MaletJapanAnna Fali RENEWAL
Tony C CaudyBrazilIoni Bowcher QUALIFIED
Cody L GauchoItalyAmy Elsner UNQUALIFIED
Greenwood S FerenczAustraliaAsiya Javayant UNQUALIFIED
Kadeem E RoysterIndiaAmy Elsner PROPOSAL
Morrow W SchemmerIndiaStephen Shaw NEGOTIATION
Isabel B OldroydUnited KingdomAmy Elsner QUALIFIED
Faith M IturbideArgentinaAmy Elsner PROPOSAL
Francesco J MaletIndiaAsiya Javayant NEGOTIATION
Leon Q StockhamCanadaOnyama Limba QUALIFIED
Nicolas Y StockhamArgentinaAmy Elsner NEW
Emily D MorascaRussiaOnyama Limba NEW
Cody M DilliardCanadaAmy Elsner NEGOTIATION
Mujtaba W SergiCanadaXuxue Feng RENEWAL
Alejandro D VenereRussiaOnyama Limba PROPOSAL
Ivar Z DilliardFranceAnna Fali QUALIFIED
David V RimGermanyBernardo Dominic RENEWAL
Mayumi R IturbideAustraliaAmy Elsner PROPOSAL
Nicolas X MacleadUnited KingdomOnyama Limba QUALIFIED
Arvin J GarufiGermanyIoni Bowcher NEGOTIATION
Sinclair N VenereItalyAsiya Javayant RENEWAL
Aika Y SergiArgentinaElwin Sharvill NEGOTIATION
Munro A StensethArgentinaAsiya Javayant QUALIFIED
Greenwood D BriddickGermanyIvan Magalhaes UNQUALIFIED
Murillo Y FigeroaFranceAmy Elsner UNQUALIFIED
Darci A RutaArgentinaXuxue Feng UNQUALIFIED
Misaki M BowleyAustraliaAmy Elsner RENEWAL
Rodrigues F IturbideSpainAmy Elsner UNQUALIFIED
Aditya G GauchoCanadaIvan Magalhaes UNQUALIFIED
Adams O NestleCanadaOnyama Limba QUALIFIED
Frozen Columns
Name
David H Glick
Johnson H Albares
Arvin X Amigon
Izzy W Wieser
Jones E Rulapaugh
Leja T Caudy
Claire K Garufi
Alejandro R Malet
Ashley Z Kusko
Faith E Perin
David G Saylors
Claire X Nicka
Ricardo A Ruta
Leon M Malet
Morrow L Stenseth
Chavez J Malet
Munro J Butt
Izzy U Nestle
Greenwood G Maclead
Jefferson E Rim
Adams F Marrier
Murillo A Ferencz
Mayumi A Tollner
Smith P Dilliard
Antonio R Chui
James D Gaucho
Ashley M Waycott
Aditya R Bowley
Clifford X Campain
Sinclair O Poquette
Maisha Z Venere
Mayumi K Nestle
Aika Q Albares
Octavia T Schemmer
Sinclair B Bowley
Tony B Maclead
Ashley F Doe
Antonio V Nicka
Aditya O Marrier
Alejandro H Ruta
Misaki T Dilliard
Alejandro M Sergi
Johnson U Royster
Stacey C Inouye
David C Poquette
Kadeem W Campain
Nicolas Q Iturbide
Jones W Malet
Salvatore W Maclead
Emily V Gillian
IdCountryDate
1000Spain2026-09-18
1001Russia2026-09-27
1002Russia2026-09-14
1003Japan2026-09-07
1004India2026-09-11
1005Canada2026-09-11
1006Russia2026-09-30
1007Italy2026-09-21
1008Spain2026-09-03
1009France2026-09-18
1010Russia2026-09-11
1011India2026-09-17
1012Australia2026-09-26
1013India2026-09-16
1014Brazil2026-09-13
1015Australia2026-09-10
1016Australia2026-09-27
1017Spain2026-09-11
1018Argentina2026-09-10
1019Brazil2026-09-05
1020United Kingdom2026-09-05
1021Argentina2026-09-22
1022Germany2026-09-09
1023Argentina2026-09-23
1024Australia2026-09-18
1025Argentina2026-09-28
1026Australia2026-09-24
1027United Kingdom2026-09-06
1028Russia2026-09-07
1029Brazil2026-09-21
1030Japan2026-09-28
1031Germany2026-09-23
1032Germany2026-09-12
1033Brazil2026-09-19
1034Argentina2026-09-30
1035Italy2026-09-05
1036Brazil2026-09-27
1037United Kingdom2026-09-30
1038Canada2026-09-19
1039Spain2026-09-13
1040Germany2026-09-02
1041Germany2026-09-30
1042Japan2026-09-16
1043India2026-09-24
1044India2026-09-28
1045Argentina2026-09-24
1046Germany2026-09-18
1047Russia2026-09-23
1048Argentina2026-09-11
1049United Kingdom2026-09-13

On-Demand Data

NameIdCountryDate
Greenwood D Tollner1000Brazil2026-09-12
Aruna G Rim1001Germany2026-09-08
Antonio X Whobrey1002Italy2026-09-01
Leon P Garufi1003Germany2026-09-10
Isabel L Oldroyd1004Spain2026-09-27
David R Glick1005Canada2026-09-28
Greenwood P Sergi1006Italy2026-09-17
Mujtaba D Figeroa1007United Kingdom2026-09-01
Rodrigues H Inouye1008Canada2026-09-25
Stacey U Poquette1009France2026-09-05
Kadeem X Vocelka1010France2026-09-29
James A Foller1011Germany2026-09-08
Darci W Glick1012Brazil2026-09-16
Nicolas A Morasca1013India2026-09-29
Silvio O Gillian1014United Kingdom2026-09-16
Tony A Garufi1015Japan2026-09-19
Misaki Z Caudy1016India2026-09-29
Aruna V Dilliard1017Russia2026-09-19
Faith V Ferencz1018Italy2026-09-10
Faith B Bolognia1019Russia2026-09-06
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Wickens L SaylorsArgentinaXuxue Feng QUALIFIED
Chavez F FollerItalyStephen Shaw NEW
Antonio E MaletCanadaOnyama Limba UNQUALIFIED
Ashley I MaletRussiaAmy Elsner PROPOSAL
Murillo U InouyeRussiaBernardo Dominic RENEWAL
Aika A BologniaBrazilAnna Fali PROPOSAL
Ricardo X WhobreyJapanAmy Elsner NEW
Aika F GauchoItalyAmy Elsner UNQUALIFIED
Izzy W PaprockiSpainAnna Fali NEW
Nicolas J GillianJapanIoni Bowcher QUALIFIED
Rodrigues A KolmetzCanadaIvan Magalhaes QUALIFIED
Greenwood A FigeroaGermanyAmy Elsner UNQUALIFIED
Leja M IturbideSpainIvan Magalhaes NEGOTIATION
Faith K RoysterIndiaXuxue Feng RENEWAL
Kadeem Q BowleySpainAmy Elsner UNQUALIFIED
Mayumi J SaylorsCanadaXuxue Feng NEGOTIATION
Julie M SergiRussiaAnna Fali PROPOSAL
Kaitlin S SergiFranceStephen Shaw RENEWAL
Juan K CampainGermanyIvan Magalhaes QUALIFIED
Ashley I StockhamItalyAsiya Javayant QUALIFIED
David G NickaItalyElwin Sharvill RENEWAL
Rodrigues U KolmetzUnited KingdomIvan Magalhaes PROPOSAL
Antonio Y KuskoArgentinaElwin Sharvill NEGOTIATION
Stacey H GauchoAustraliaOnyama Limba NEGOTIATION
Faith F KolmetzArgentinaAmy Elsner PROPOSAL
Murillo Z SergiGermanyElwin Sharvill RENEWAL
Darci H StockhamGermanyAmy Elsner NEGOTIATION
Salvatore M KuskoSpainXuxue Feng NEGOTIATION
Izzy O KolmetzBrazilAnna Fali NEGOTIATION
Aditya B StockhamRussiaStephen Shaw QUALIFIED
Stacey W CaldareraSpainIoni Bowcher PROPOSAL
Kadeem I SergiRussiaElwin Sharvill PROPOSAL
Ashley K GarufiArgentinaXuxue Feng UNQUALIFIED
Rodrigues Q DarakjyAustraliaAsiya Javayant NEGOTIATION
Tony S SaylorsRussiaStephen Shaw RENEWAL
Munro G VocelkaAustraliaElwin Sharvill QUALIFIED
Clifford A RulapaughItalyXuxue Feng QUALIFIED
Greenwood R RoysterArgentinaAmy Elsner PROPOSAL
Maria F ShinkoAustraliaAsiya Javayant UNQUALIFIED
Julie F WaycottFranceStephen Shaw UNQUALIFIED

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