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
Adams Q SaylorsCanadaIvan Magalhaes UNQUALIFIED
Aruna Z WhobreyIndiaIoni Bowcher NEGOTIATION
James R RutaFranceOnyama Limba UNQUALIFIED
Izzy A VocelkaRussiaBernardo Dominic NEGOTIATION
Jones D FerenczJapanOnyama Limba QUALIFIED
Francesco H RimCanadaXuxue Feng QUALIFIED
Misaki X CampainCanadaIvan Magalhaes PROPOSAL
Arvin Q InouyeJapanStephen Shaw NEW
Jefferson X PoquetteSpainAsiya Javayant QUALIFIED
Deepesh I InouyeJapanAsiya Javayant QUALIFIED
Ivar L MacleadArgentinaStephen Shaw QUALIFIED
Claire S RutaGermanyBernardo Dominic UNQUALIFIED
Juan P PaprockiUnited KingdomOnyama Limba RENEWAL
Ricardo B GlickCanadaXuxue Feng QUALIFIED
Jennifer S GlickCanadaOnyama Limba UNQUALIFIED
Clifford U PerinUnited KingdomBernardo Dominic NEGOTIATION
Maisha A IturbideJapanIoni Bowcher PROPOSAL
Adams D FollerSpainIoni Bowcher NEGOTIATION
Chavez K RoysterRussiaElwin Sharvill QUALIFIED
Leja H InouyeBrazilElwin Sharvill UNQUALIFIED
Jennifer K SergiJapanXuxue Feng NEW
Johnson B AlbaresGermanyXuxue Feng RENEWAL
Faith J VenereGermanyAsiya Javayant PROPOSAL
Rodrigues U SlusarskiRussiaIvan Magalhaes NEW
Jennifer I CaudyIndiaOnyama Limba PROPOSAL
Maisha K CaldareraGermanyXuxue Feng UNQUALIFIED
Misaki L StockhamIndiaElwin Sharvill UNQUALIFIED
Stacey S AmigonArgentinaElwin Sharvill NEW
Jones E SergiJapanStephen Shaw PROPOSAL
Wickens R KolmetzSpainAmy Elsner PROPOSAL
Ivar A OstroskyIndiaAsiya Javayant PROPOSAL
Leja X ShinkoBrazilXuxue Feng QUALIFIED
Smith Z KuskoFranceAsiya Javayant NEW
Leon T KuskoUnited KingdomOnyama Limba UNQUALIFIED
Tony Y RulapaughItalyIoni Bowcher NEGOTIATION
Nicolas Y GauchoItalyOnyama Limba QUALIFIED
Misaki P CampainItalyXuxue Feng PROPOSAL
Salvatore P FollerRussiaBernardo Dominic UNQUALIFIED
Clifford F ShinkoFranceXuxue Feng UNQUALIFIED
Morrow W CaudyItalyXuxue Feng NEW
Maria C MacleadFranceXuxue Feng PROPOSAL
Izzy M PerinItalyIoni Bowcher NEW
Jennifer Y SaylorsJapanIoni Bowcher NEW
Ivar E IturbideArgentinaAmy Elsner NEGOTIATION
Alejandro W CaudyAustraliaOnyama Limba QUALIFIED
Alejandro X TollnerRussiaAsiya Javayant NEGOTIATION
Adams B NestleCanadaIvan Magalhaes PROPOSAL
James C MorascaArgentinaElwin Sharvill UNQUALIFIED
Jefferson Z StockhamRussiaIvan Magalhaes QUALIFIED
Munro P DarakjyGermanyElwin Sharvill NEGOTIATION
Horizontal
NameCountryRepresentativeStatus
Jefferson N CampainItalyAmy Elsner RENEWAL
Nicolas M PaprockiArgentinaIoni Bowcher NEW
Silvio A StockhamGermanyXuxue Feng UNQUALIFIED
Cody Y GlickArgentinaElwin Sharvill NEW
Wickens M PaprockiItalyAmy Elsner UNQUALIFIED
Aika C VocelkaCanadaAsiya Javayant NEGOTIATION
Aditya H FollerBrazilIvan Magalhaes NEGOTIATION
Morrow L FlosiSpainElwin Sharvill PROPOSAL
Julie G RimGermanyStephen Shaw PROPOSAL
Leon D NestleRussiaIoni Bowcher NEGOTIATION
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Ricardo O SchemmerJapan2026-10-28King, Christopher A Esq PROPOSAL74Elwin Sharvill
1001Wickens I PerinJapan2026-10-31Chapman, Ross E Esq NEW67Ioni Bowcher
1002Jones X CaldareraArgentina2026-10-19Feltz Printing Service NEW29Elwin Sharvill
1003Izzy H IturbideJapan2026-11-07Chemel, James L Cpa QUALIFIED81Ivan Magalhaes
1004Salvatore O InouyeRussia2026-10-24Rangoni Of Florence PROPOSAL52Anna Fali
1005Francesco R RimAustralia2026-10-15King, Christopher A Esq QUALIFIED80Ioni Bowcher
1006Munro J MaletSpain2026-10-28Printing Dimensions QUALIFIED57Xuxue Feng
1007Clifford U WaycottAustralia2026-11-03Morlong Associates NEW27Ioni Bowcher
1008Murillo R StockhamCanada2026-10-24Chemel, James L Cpa UNQUALIFIED5Bernardo Dominic
1009Adams B CampainSpain2026-10-20Buckley Miller Wright PROPOSAL83Bernardo Dominic
1010Morrow K MorascaUnited Kingdom2026-11-03King, Christopher A Esq NEW16Amy Elsner
1011Faith R StensethIndia2026-10-24Chapman, Ross E Esq RENEWAL82Ioni Bowcher
1012Julie J SchemmerRussia2026-10-26Rangoni Of Florence NEGOTIATION30Elwin Sharvill
1013Jones C RulapaughRussia2026-10-16Feiner Bros UNQUALIFIED52Anna Fali
1014Munro L RimJapan2026-11-07Truhlar And Truhlar Attys QUALIFIED7Ivan Magalhaes
1015Chavez V WieserAustralia2026-10-24Printing Dimensions QUALIFIED19Xuxue Feng
1016Silvio O OstroskyUnited Kingdom2026-10-28Feltz Printing Service QUALIFIED99Stephen Shaw
1017Costa D GillianJapan2026-10-24Chapman, Ross E Esq PROPOSAL29Stephen Shaw
1018Ivar A BriddickJapan2026-11-07Feltz Printing Service UNQUALIFIED93Stephen Shaw
1019Deepesh N StensethRussia2026-10-12Morlong Associates RENEWAL44Asiya Javayant
1020Isabel V GauchoIndia2026-10-25Truhlar And Truhlar Attys NEGOTIATION15Ivan Magalhaes
1021Mujtaba G CampainAustralia2026-10-29Chanay, Jeffrey A Esq PROPOSAL33Asiya Javayant
1022Jeanfrancois E WhobreyItaly2026-10-10Buckley Miller Wright PROPOSAL79Anna Fali
1023Izzy C StockhamIndia2026-10-16Printing Dimensions NEGOTIATION3Amy Elsner
1024Mayumi B WaycottCanada2026-10-28Feiner Bros UNQUALIFIED55Ioni Bowcher
1025Sinclair I ChuiItaly2026-10-12Feltz Printing Service RENEWAL34Ioni Bowcher
1026Jefferson W SchemmerRussia2026-10-18Buckley Miller Wright NEW18Stephen Shaw
1027Ashley E CaudySpain2026-11-07Feltz Printing Service QUALIFIED61Xuxue Feng
1028Kaitlin I PaprockiUnited Kingdom2026-10-26Chapman, Ross E Esq PROPOSAL35Ioni Bowcher
1029Jennifer H NestleCanada2026-10-12King, Christopher A Esq UNQUALIFIED47Xuxue Feng
1030Leon U AlbaresCanada2026-10-11Printing Dimensions NEGOTIATION99Amy Elsner
1031Aika L KolmetzUnited Kingdom2026-11-02Chanay, Jeffrey A Esq PROPOSAL90Asiya Javayant
1032Adams O CaldareraFrance2026-10-19Chemel, James L Cpa RENEWAL17Ioni Bowcher
1033Jeanfrancois E PaprockiIndia2026-10-25Chapman, Ross E Esq NEGOTIATION51Anna Fali
1034Mayumi U RoysterIndia2026-10-10Printing Dimensions RENEWAL8Xuxue Feng
1035Nicolas V StockhamCanada2026-10-31Chapman, Ross E Esq UNQUALIFIED65Bernardo Dominic
1036Clifford K MorascaCanada2026-11-05Feiner Bros NEW49Stephen Shaw
1037Octavia N NickaGermany2026-10-23Chanay, Jeffrey A Esq NEGOTIATION63Bernardo Dominic
1038Salvatore H OldroydIndia2026-10-27Benton, John B Jr RENEWAL34Ivan Magalhaes
1039Aruna J ButtUnited Kingdom2026-10-24Rousseaux, Michael Esq NEGOTIATION53Elwin Sharvill
1040Smith R PaprockiSpain2026-10-11Dorl, James J Esq NEGOTIATION40Ioni Bowcher
1041Julie B RutaUnited Kingdom2026-10-16Printing Dimensions QUALIFIED52Ivan Magalhaes
1042Jefferson Q VenereRussia2026-10-14Feltz Printing Service NEGOTIATION18Asiya Javayant
1043Aditya A GauchoIndia2026-10-18Printing Dimensions NEGOTIATION27Asiya Javayant
1044Octavia F DoeBrazil2026-10-25Truhlar And Truhlar Attys QUALIFIED25Ioni Bowcher
1045Mayumi N WhobreyBrazil2026-10-30Commercial Press NEW25Asiya Javayant
1046Arvin W SergiCanada2026-10-11Feiner Bros PROPOSAL7Ioni Bowcher
1047Nicolas J RoysterItaly2026-10-20Feiner Bros NEW72Anna Fali
1048Maria G MaletCanada2026-10-16Chemel, James L Cpa UNQUALIFIED24Asiya Javayant
1049Arvin H InouyeUnited Kingdom2026-10-09Dorl, James J Esq PROPOSAL96Amy Elsner
Frozen Rows
NameCountryRepresentativeStatus
Nicolas E CampainRussiaAsiya Javayant NEGOTIATION
James T CampainJapanOnyama Limba NEGOTIATION
Kaitlin X StockhamItalyAsiya Javayant NEW
Francesco K FollerArgentinaXuxue Feng RENEWAL
Darci R SlusarskiSpainIoni Bowcher RENEWAL
Costa Y InouyeIndiaIoni Bowcher NEGOTIATION
Mayumi T MacleadUnited KingdomBernardo Dominic QUALIFIED
Misaki Y DoeArgentinaBernardo Dominic QUALIFIED
Leja D FigeroaCanadaIvan Magalhaes RENEWAL
Juan F MorascaBrazilAsiya Javayant PROPOSAL
Stacey H OldroydArgentinaXuxue Feng NEW
Salvatore T CampainSpainBernardo Dominic PROPOSAL
Mayumi O ChuiIndiaOnyama Limba NEW
Emily D PoquetteGermanyOnyama Limba PROPOSAL
Alejandro R ButtJapanIoni Bowcher UNQUALIFIED
Silvio G MarrierArgentinaAsiya Javayant QUALIFIED
Aditya B CaudyJapanOnyama Limba NEGOTIATION
Izzy W ButtCanadaAmy Elsner NEW
Jones K InouyeArgentinaElwin Sharvill UNQUALIFIED
Mujtaba Z ChuiCanadaAsiya Javayant NEGOTIATION
Johnson P StensethIndiaIoni Bowcher PROPOSAL
James R DarakjyArgentinaAmy Elsner RENEWAL
Antonio Y AlbaresJapanAmy Elsner NEGOTIATION
Clifford U KuskoAustraliaIvan Magalhaes NEW
Faith V IturbideArgentinaStephen Shaw QUALIFIED
Ricardo F GillianAustraliaIoni Bowcher NEW
Wickens I RulapaughUnited KingdomAmy Elsner RENEWAL
Leja Y SlusarskiAustraliaIoni Bowcher NEGOTIATION
Ivar Z BriddickUnited KingdomAnna Fali RENEWAL
Maria W ShinkoJapanElwin Sharvill NEW
Sinclair Q CaldareraUnited KingdomStephen Shaw NEW
David F CaldareraJapanAmy Elsner NEGOTIATION
James R AlbaresUnited KingdomXuxue Feng NEW
Arvin S FerenczItalyXuxue Feng UNQUALIFIED
Mujtaba G RulapaughBrazilBernardo Dominic NEW
Jennifer R SlusarskiRussiaBernardo Dominic NEW
Jeanfrancois U OstroskyBrazilXuxue Feng NEW
Ricardo W FlosiUnited KingdomAnna Fali NEW
Salvatore Y RoysterUnited KingdomAnna Fali NEW
Salvatore P ShinkoRussiaAnna Fali RENEWAL
Costa W PoquetteBrazilStephen Shaw PROPOSAL
Ricardo Q NickaJapanIoni Bowcher PROPOSAL
Aruna T CaudyIndiaAnna Fali RENEWAL
Munro T RimIndiaStephen Shaw QUALIFIED
Morrow Z SergiArgentinaBernardo Dominic UNQUALIFIED
Mayumi Q KuskoCanadaElwin Sharvill UNQUALIFIED
Stacey X ChuiAustraliaOnyama Limba NEGOTIATION
Jeanfrancois H CampainJapanAsiya Javayant QUALIFIED
Chavez Z RoysterFranceBernardo Dominic UNQUALIFIED
Silvio X CaudyGermanyIvan Magalhaes UNQUALIFIED
Frozen Columns
Name
Chavez M Stockham
Deepesh C Wieser
Darci C Oldroyd
Salvatore P Garufi
Ashley E Whobrey
Alejandro F Amigon
Isabel U Inouye
Leon O Stenseth
Maisha A Malet
Antonio H Marrier
Silvio F Oldroyd
Isabel R Nestle
Mujtaba F Paprocki
Munro V Slusarski
Juan G Amigon
Jefferson P Shinko
Tony X Butt
Kadeem O Slusarski
Jeanfrancois K Malet
Aditya G Nicka
Alejandro P Saylors
Alejandro Z Poquette
Costa N Briddick
Aditya L Gaucho
Darci K Shinko
Deepesh K Butt
Deepesh T Royster
Aruna C Royster
Murillo M Stockham
Octavia K Gaucho
Leon K Kolmetz
Darci W Shinko
Adams N Flosi
Silvio K Ruta
Claire N Sergi
Faith B Campain
Maisha Z Garufi
Ricardo O Gaucho
Ashley F Marrier
Jones O Darakjy
David O Stenseth
Maisha A Ruta
Wickens J Kusko
Julie K Caldarera
Clifford O Garufi
Salvatore J Inouye
Darci G Darakjy
Kadeem K Malet
David C Morasca
Wickens V Waycott
IdCountryDate
1000Russia2026-10-09
1001Spain2026-10-18
1002France2026-10-28
1003Germany2026-10-31
1004Russia2026-11-07
1005Italy2026-10-20
1006Germany2026-10-26
1007Canada2026-10-25
1008Argentina2026-10-16
1009United Kingdom2026-10-31
1010Italy2026-10-25
1011India2026-10-09
1012Japan2026-10-18
1013Russia2026-11-04
1014Japan2026-10-13
1015Japan2026-10-15
1016Australia2026-10-24
1017Germany2026-10-24
1018France2026-11-03
1019United Kingdom2026-10-18
1020Japan2026-10-29
1021Germany2026-11-03
1022Germany2026-10-19
1023Germany2026-10-16
1024Brazil2026-10-27
1025Brazil2026-10-17
1026France2026-10-21
1027Italy2026-10-15
1028Argentina2026-10-31
1029Canada2026-10-21
1030Russia2026-10-22
1031India2026-10-14
1032Japan2026-10-16
1033Germany2026-10-21
1034France2026-11-02
1035Argentina2026-11-07
1036France2026-10-13
1037India2026-10-18
1038Russia2026-10-09
1039Italy2026-10-18
1040Argentina2026-10-29
1041India2026-10-26
1042Italy2026-10-20
1043Brazil2026-11-01
1044Brazil2026-10-29
1045Canada2026-11-06
1046United Kingdom2026-10-28
1047Spain2026-10-15
1048France2026-11-02
1049Canada2026-10-27

On-Demand Data

NameIdCountryDate
Maisha K Oldroyd1000United Kingdom2026-11-01
Jones W Waycott1001Spain2026-10-29
Misaki C Stockham1002Canada2026-11-06
Maisha K Butt1003Canada2026-10-11
Maria J Nestle1004Spain2026-11-04
Johnson O Inouye1005India2026-10-10
Ashley Y Campain1006Russia2026-10-15
Jones N Albares1007India2026-10-21
Stacey W Caudy1008Germany2026-10-12
Ivar O Paprocki1009United Kingdom2026-10-21
Leja H Kusko1010Italy2026-10-17
Johnson S Whobrey1011India2026-10-21
James U Sergi1012India2026-10-24
Murillo E Campain1013Italy2026-10-17
Sinclair F Figeroa1014Spain2026-10-21
Octavia R Slusarski1015India2026-11-02
Misaki V Oldroyd1016Brazil2026-10-21
Cody I Briddick1017Brazil2026-11-03
Aika F Caldarera1018Canada2026-10-15
Maria V Morasca1019Russia2026-10-23
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Silvio L CaudyAustraliaStephen Shaw RENEWAL
Maria V PoquetteFranceOnyama Limba NEW
Alejandro Z PerinItalyElwin Sharvill UNQUALIFIED
Izzy K VenereIndiaAmy Elsner PROPOSAL
Morrow Y SaylorsRussiaXuxue Feng PROPOSAL
Alejandro K SaylorsCanadaElwin Sharvill NEW
Wickens X TollnerItalyXuxue Feng NEW
Faith M FollerJapanAsiya Javayant PROPOSAL
Jefferson N DilliardCanadaAnna Fali PROPOSAL
Octavia I IturbideIndiaAmy Elsner NEW
Izzy F BriddickArgentinaAnna Fali PROPOSAL
Chavez P FerenczRussiaIoni Bowcher NEGOTIATION
Chavez E KuskoFranceElwin Sharvill RENEWAL
Jennifer D InouyeBrazilOnyama Limba RENEWAL
Kadeem G FerenczUnited KingdomAmy Elsner UNQUALIFIED
Aditya K TollnerBrazilAnna Fali PROPOSAL
Maria M WaycottIndiaIoni Bowcher RENEWAL
Jones V SaylorsJapanIoni Bowcher RENEWAL
Kadeem L ChuiGermanyOnyama Limba UNQUALIFIED
Maria L GarufiBrazilBernardo Dominic UNQUALIFIED
Tony P FerenczBrazilBernardo Dominic RENEWAL
Smith B SergiIndiaAmy Elsner QUALIFIED
Isabel S FigeroaAustraliaStephen Shaw UNQUALIFIED
Maisha F IturbideCanadaXuxue Feng PROPOSAL
Octavia K ShinkoItalyIvan Magalhaes QUALIFIED
Arvin W DarakjyIndiaBernardo Dominic UNQUALIFIED
Kadeem L WaycottGermanyElwin Sharvill RENEWAL
Chavez N BriddickJapanXuxue Feng QUALIFIED
Francesco G NickaItalyOnyama Limba NEW
Wickens H NickaFranceAnna Fali NEGOTIATION
Morrow J RutaGermanyStephen Shaw UNQUALIFIED
David P OstroskyUnited KingdomOnyama Limba QUALIFIED
Morrow L GlickSpainAnna Fali QUALIFIED
Kaitlin T StockhamSpainAsiya Javayant PROPOSAL
Izzy D WieserJapanAsiya Javayant NEGOTIATION
Antonio Y WhobreyBrazilOnyama Limba PROPOSAL
Deepesh O FerenczItalyIvan Magalhaes NEGOTIATION
Nicolas V KolmetzAustraliaXuxue Feng RENEWAL
Murillo R InouyeItalyElwin Sharvill UNQUALIFIED
Mayumi S SaylorsCanadaAsiya Javayant 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>