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 R InouyeGermanyIoni Bowcher NEGOTIATION
Emily C AmigonItalyIoni Bowcher NEW
Sinclair M TollnerArgentinaAmy Elsner NEW
Kaitlin H RulapaughRussiaXuxue Feng RENEWAL
Mayumi P KuskoFranceElwin Sharvill NEGOTIATION
Misaki T AlbaresIndiaXuxue Feng QUALIFIED
Smith K VenereJapanIvan Magalhaes NEW
Maisha I GauchoRussiaXuxue Feng UNQUALIFIED
Maria D InouyeSpainElwin Sharvill PROPOSAL
Aditya F FigeroaItalyOnyama Limba RENEWAL
Murillo L MarrierGermanyAsiya Javayant NEGOTIATION
Silvio Y CaudyRussiaIoni Bowcher PROPOSAL
Claire O MacleadBrazilAsiya Javayant NEGOTIATION
Deepesh J VocelkaGermanyXuxue Feng RENEWAL
Sinclair N AlbaresSpainAnna Fali RENEWAL
Jones L DilliardCanadaIvan Magalhaes UNQUALIFIED
Chavez K PaprockiItalyElwin Sharvill NEW
Cody P DilliardUnited KingdomAmy Elsner QUALIFIED
Greenwood X StockhamBrazilIvan Magalhaes QUALIFIED
Francesco A GlickUnited KingdomElwin Sharvill NEGOTIATION
Johnson F AlbaresArgentinaAmy Elsner PROPOSAL
Maisha T PaprockiFranceAsiya Javayant UNQUALIFIED
Smith I WhobreySpainOnyama Limba UNQUALIFIED
Leja U FlosiSpainIvan Magalhaes NEGOTIATION
Julie B WaycottFranceBernardo Dominic UNQUALIFIED
Ashley U RulapaughJapanIvan Magalhaes PROPOSAL
Maisha F VenereAustraliaElwin Sharvill NEW
Darci P TollnerGermanyBernardo Dominic PROPOSAL
Murillo N RoysterAustraliaIoni Bowcher UNQUALIFIED
Mayumi T WhobreyIndiaBernardo Dominic QUALIFIED
Aruna M SchemmerAustraliaStephen Shaw NEGOTIATION
Stacey Y FigeroaGermanyElwin Sharvill PROPOSAL
Aruna X AlbaresRussiaAnna Fali PROPOSAL
Octavia B MorascaGermanyStephen Shaw PROPOSAL
Clifford G StockhamRussiaIoni Bowcher PROPOSAL
Wickens X MaletUnited KingdomOnyama Limba NEW
Mujtaba J MaletCanadaAsiya Javayant NEGOTIATION
Silvio Z ButtUnited KingdomAmy Elsner NEW
Ricardo Y CampainJapanIvan Magalhaes PROPOSAL
Deepesh K ButtArgentinaOnyama Limba NEW
Isabel N MaletArgentinaBernardo Dominic NEW
Izzy K SchemmerCanadaElwin Sharvill UNQUALIFIED
Maisha M InouyeCanadaAnna Fali RENEWAL
Maisha J MarrierAustraliaAsiya Javayant NEGOTIATION
Sinclair H OldroydItalyElwin Sharvill UNQUALIFIED
Emily N VenereJapanAsiya Javayant RENEWAL
Salvatore M FigeroaUnited KingdomAnna Fali RENEWAL
Octavia I SchemmerJapanElwin Sharvill UNQUALIFIED
Arvin J StensethJapanElwin Sharvill QUALIFIED
Arvin X StensethIndiaBernardo Dominic QUALIFIED
Horizontal
NameCountryRepresentativeStatus
Aruna V NestleJapanAsiya Javayant QUALIFIED
Silvio X VocelkaJapanAsiya Javayant NEGOTIATION
Emily V FerenczJapanAnna Fali NEW
Claire B DarakjyArgentinaIvan Magalhaes UNQUALIFIED
Salvatore D NestleIndiaBernardo Dominic PROPOSAL
Emily J MorascaRussiaIvan Magalhaes UNQUALIFIED
Juan D NickaIndiaIoni Bowcher RENEWAL
Emily X ButtBrazilAsiya Javayant PROPOSAL
Izzy Z SlusarskiGermanyXuxue Feng UNQUALIFIED
Jeanfrancois Z GillianRussiaElwin Sharvill QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Jennifer M KuskoUnited Kingdom2026-09-04Benton, John B Jr RENEWAL71Elwin Sharvill
1001Adams E BologniaArgentina2026-09-16Printing Dimensions QUALIFIED35Onyama Limba
1002Salvatore T MorascaArgentina2026-09-17Chapman, Ross E Esq PROPOSAL96Bernardo Dominic
1003Murillo K SchemmerUnited Kingdom2026-09-14Chanay, Jeffrey A Esq UNQUALIFIED21Ioni Bowcher
1004Izzy N SergiSpain2026-09-11Rangoni Of Florence UNQUALIFIED59Onyama Limba
1005Tony H AmigonUnited Kingdom2026-09-22Morlong Associates PROPOSAL22Asiya Javayant
1006Isabel S MarrierIndia2026-09-09Chapman, Ross E Esq NEGOTIATION58Xuxue Feng
1007Mayumi A PoquetteUnited Kingdom2026-09-26Rousseaux, Michael Esq PROPOSAL92Onyama Limba
1008Salvatore Q GarufiItaly2026-09-08Dorl, James J Esq UNQUALIFIED49Stephen Shaw
1009Jones O DarakjyRussia2026-09-20King, Christopher A Esq NEW72Anna Fali
1010James W InouyeItaly2026-09-05Rousseaux, Michael Esq PROPOSAL80Ivan Magalhaes
1011Maria V NickaRussia2026-09-12Feiner Bros RENEWAL26Elwin Sharvill
1012Wickens U MarrierIndia2026-09-30Commercial Press RENEWAL92Asiya Javayant
1013Stacey S SchemmerAustralia2026-09-26Truhlar And Truhlar Attys PROPOSAL54Stephen Shaw
1014Ashley J BologniaGermany2026-09-23Feltz Printing Service UNQUALIFIED43Amy Elsner
1015Rodrigues M OstroskyGermany2026-09-03Printing Dimensions RENEWAL96Asiya Javayant
1016Leon P IturbideUnited Kingdom2026-09-01Chapman, Ross E Esq NEGOTIATION42Amy Elsner
1017Ricardo E CaldareraGermany2026-09-09Feiner Bros UNQUALIFIED26Amy Elsner
1018Izzy J MarrierIndia2026-09-02Dorl, James J Esq QUALIFIED19Ivan Magalhaes
1019Greenwood W OstroskyIndia2026-09-12Chapman, Ross E Esq NEW23Xuxue Feng
1020Adams Y KuskoCanada2026-09-19Buckley Miller Wright NEGOTIATION96Elwin Sharvill
1021Ivar G IturbideItaly2026-09-04Chanay, Jeffrey A Esq NEW32Ioni Bowcher
1022Arvin P MarrierUnited Kingdom2026-09-13Chanay, Jeffrey A Esq PROPOSAL5Amy Elsner
1023Morrow V MarrierItaly2026-09-05Morlong Associates NEGOTIATION86Anna Fali
1024Chavez Z OldroydFrance2026-09-26Feiner Bros PROPOSAL44Asiya Javayant
1025Aruna W PoquetteCanada2026-09-19Dorl, James J Esq UNQUALIFIED78Bernardo Dominic
1026Claire O RulapaughItaly2026-09-05Buckley Miller Wright RENEWAL83Stephen Shaw
1027Jennifer O PerinRussia2026-09-10Morlong Associates UNQUALIFIED22Xuxue Feng
1028Claire F RulapaughFrance2026-09-25Rangoni Of Florence PROPOSAL22Bernardo Dominic
1029Rodrigues H KolmetzSpain2026-09-27Morlong Associates UNQUALIFIED16Elwin Sharvill
1030Octavia O WaycottGermany2026-09-23Rangoni Of Florence RENEWAL33Onyama Limba
1031Murillo Y StensethGermany2026-09-05Rousseaux, Michael Esq QUALIFIED88Onyama Limba
1032Morrow W VocelkaIndia2026-09-18Truhlar And Truhlar Attys PROPOSAL15Onyama Limba
1033Smith E SlusarskiJapan2026-09-29King, Christopher A Esq RENEWAL45Bernardo Dominic
1034Aditya W OstroskyItaly2026-09-03Rangoni Of Florence NEW51Anna Fali
1035Rodrigues C SaylorsJapan2026-09-22Rousseaux, Michael Esq NEW16Xuxue Feng
1036Alejandro V FollerRussia2026-09-19Rangoni Of Florence QUALIFIED15Amy Elsner
1037Octavia E RutaSpain2026-09-22Chemel, James L Cpa RENEWAL87Elwin Sharvill
1038Sinclair E PoquetteBrazil2026-09-26Chapman, Ross E Esq PROPOSAL74Anna Fali
1039Mujtaba W DarakjyItaly2026-09-02Commercial Press QUALIFIED81Ioni Bowcher
1040Kadeem U IturbideSpain2026-09-19Printing Dimensions QUALIFIED31Anna Fali
1041Clifford R SaylorsFrance2026-09-22Feltz Printing Service QUALIFIED42Bernardo Dominic
1042Francesco A PoquetteItaly2026-09-26Rousseaux, Michael Esq PROPOSAL39Xuxue Feng
1043Darci F KuskoCanada2026-09-27Chemel, James L Cpa NEW54Ioni Bowcher
1044Ashley B OldroydIndia2026-09-05Chemel, James L Cpa UNQUALIFIED60Asiya Javayant
1045Aruna T KuskoIndia2026-09-23Feltz Printing Service RENEWAL92Elwin Sharvill
1046Morrow J AlbaresFrance2026-09-04Morlong Associates RENEWAL20Elwin Sharvill
1047Clifford F DoeIndia2026-09-13Feiner Bros NEGOTIATION48Ioni Bowcher
1048Julie Z StockhamCanada2026-09-26Morlong Associates UNQUALIFIED6Ioni Bowcher
1049Morrow U GillianItaly2026-09-13Commercial Press PROPOSAL98Ivan Magalhaes
Frozen Rows
NameCountryRepresentativeStatus
Silvio S CaudyRussiaElwin Sharvill RENEWAL
Murillo U KolmetzAustraliaBernardo Dominic RENEWAL
Francesco F FlosiSpainElwin Sharvill QUALIFIED
Silvio F DilliardRussiaIvan Magalhaes UNQUALIFIED
Jeanfrancois U StockhamCanadaStephen Shaw UNQUALIFIED
Clifford W PaprockiFranceStephen Shaw NEGOTIATION
Kadeem Y WieserRussiaAmy Elsner NEGOTIATION
Francesco F RulapaughItalyAmy Elsner NEGOTIATION
Munro H RimBrazilAsiya Javayant NEW
Julie K PaprockiCanadaAsiya Javayant RENEWAL
Jeanfrancois D BologniaAustraliaIoni Bowcher NEW
Arvin K BowleyGermanyOnyama Limba NEW
Juan U RimUnited KingdomIvan Magalhaes QUALIFIED
Morrow E WaycottSpainOnyama Limba NEGOTIATION
Maria R BowleyIndiaStephen Shaw PROPOSAL
Julie Z FlosiSpainAnna Fali NEGOTIATION
Ricardo S FollerSpainAmy Elsner NEGOTIATION
Kadeem N RimGermanyOnyama Limba QUALIFIED
Sinclair K StockhamArgentinaXuxue Feng UNQUALIFIED
Morrow D DoeRussiaBernardo Dominic NEW
Darci O VenereCanadaStephen Shaw QUALIFIED
Greenwood H FollerGermanyAmy Elsner NEW
Juan D IturbideJapanElwin Sharvill QUALIFIED
Maria E KolmetzFranceXuxue Feng PROPOSAL
Kadeem U PerinSpainOnyama Limba UNQUALIFIED
Arvin M TollnerArgentinaIvan Magalhaes PROPOSAL
Clifford S InouyeCanadaIvan Magalhaes QUALIFIED
David G DilliardArgentinaElwin Sharvill NEGOTIATION
Nicolas S OstroskyJapanAsiya Javayant UNQUALIFIED
Chavez L RutaItalyBernardo Dominic NEW
Maria O SlusarskiJapanBernardo Dominic RENEWAL
Silvio Y GauchoBrazilAsiya Javayant QUALIFIED
David W DoeRussiaStephen Shaw UNQUALIFIED
Clifford R RimUnited KingdomIvan Magalhaes NEW
Rodrigues W RoysterRussiaIvan Magalhaes RENEWAL
David X KolmetzAustraliaAnna Fali PROPOSAL
Silvio V PoquetteGermanyStephen Shaw PROPOSAL
Francesco N WaycottIndiaStephen Shaw NEGOTIATION
Cody P GillianRussiaIoni Bowcher NEW
Arvin U PoquetteSpainIoni Bowcher RENEWAL
Francesco H NickaRussiaIoni Bowcher QUALIFIED
Izzy X RutaRussiaAsiya Javayant PROPOSAL
Claire Z RulapaughCanadaAnna Fali UNQUALIFIED
Leon P GillianRussiaAsiya Javayant UNQUALIFIED
Mujtaba Z MaletIndiaStephen Shaw NEGOTIATION
Murillo P GarufiIndiaElwin Sharvill RENEWAL
Salvatore D SchemmerRussiaAsiya Javayant RENEWAL
Leja P BowleyBrazilAmy Elsner NEW
Julie Z CaudyJapanAsiya Javayant PROPOSAL
Wickens J FlosiArgentinaAnna Fali NEW
Frozen Columns
Name
Tony Z Bolognia
Munro F Butt
Francesco O Wieser
Murillo W Amigon
Antonio F Whobrey
Ashley Z Caudy
Arvin J Ostrosky
Silvio N Figeroa
Wickens M Caudy
Costa A Bowley
Morrow X Briddick
Faith Y Vocelka
Jefferson H Venere
Ashley M Campain
James F Amigon
Maisha J Amigon
Francesco Y Schemmer
Murillo A Maclead
Emily W Rulapaugh
Ivar Z Bowley
James Q Dilliard
Aruna B Bowley
Aruna X Schemmer
Mayumi O Waycott
Kaitlin F Schemmer
Tony V Glick
Ashley N Waycott
James Y Sergi
Isabel U Chui
David R Darakjy
Jefferson A Dilliard
Silvio N Gillian
Leja Z Caudy
Isabel D Stockham
Jones L Paprocki
Claire V Garufi
Silvio H Ostrosky
Jones O Briddick
Cody H Iturbide
Munro W Figeroa
Deepesh M Ferencz
Aika E Campain
Smith N Darakjy
Aruna U Sergi
Adams E Morasca
Ivar R Bowley
Adams G Tollner
Faith V Butt
Clifford E Vocelka
Stacey V Tollner
IdCountryDate
1000Canada2026-09-28
1001Argentina2026-09-23
1002United Kingdom2026-09-11
1003Italy2026-09-23
1004Germany2026-09-10
1005Germany2026-09-30
1006Brazil2026-09-26
1007Canada2026-09-25
1008Japan2026-09-21
1009United Kingdom2026-09-29
1010Germany2026-09-19
1011India2026-09-03
1012India2026-09-17
1013Canada2026-09-22
1014Brazil2026-09-20
1015Italy2026-09-06
1016Spain2026-09-04
1017India2026-09-16
1018Canada2026-09-26
1019Canada2026-09-29
1020Argentina2026-09-04
1021Argentina2026-09-10
1022France2026-09-29
1023Italy2026-09-02
1024India2026-09-11
1025Brazil2026-09-07
1026Germany2026-09-26
1027Australia2026-09-16
1028Australia2026-09-19
1029Argentina2026-09-04
1030Russia2026-09-21
1031Argentina2026-09-02
1032Russia2026-09-06
1033Russia2026-09-04
1034Russia2026-09-23
1035Germany2026-09-08
1036Italy2026-09-02
1037France2026-09-09
1038Russia2026-09-01
1039Italy2026-09-07
1040Argentina2026-09-11
1041Brazil2026-09-25
1042Italy2026-09-24
1043Brazil2026-09-08
1044Australia2026-09-17
1045Italy2026-09-14
1046India2026-09-20
1047France2026-09-23
1048Spain2026-09-26
1049Canada2026-09-08

On-Demand Data

NameIdCountryDate
Mujtaba M Wieser1000Argentina2026-09-20
Misaki E Albares1001Germany2026-09-27
Juan X Rim1002Germany2026-09-02
Faith J Kolmetz1003Japan2026-09-09
James O Albares1004Spain2026-09-16
Wickens K Amigon1005Spain2026-09-11
Maisha Z Caldarera1006Italy2026-09-26
Kadeem P Chui1007Russia2026-09-18
Deepesh S Gaucho1008Brazil2026-09-26
Cody C Ferencz1009United Kingdom2026-09-30
Smith H Caldarera1010United Kingdom2026-09-07
Leon Q Malet1011France2026-09-23
Aruna C Caudy1012Argentina2026-09-14
Antonio K Malet1013Australia2026-09-05
Antonio E Waycott1014Brazil2026-09-04
Arvin T Ferencz1015United Kingdom2026-09-30
David U Stockham1016Australia2026-09-19
Maisha D Caudy1017Italy2026-09-10
Leon H Slusarski1018India2026-09-16
Greenwood A Whobrey1019Italy2026-09-20
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Maria S WieserArgentinaStephen Shaw NEGOTIATION
Maria H WhobreySpainIvan Magalhaes UNQUALIFIED
Tony S NickaJapanOnyama Limba QUALIFIED
David S RimAustraliaBernardo Dominic NEGOTIATION
Francesco Y SchemmerJapanIoni Bowcher RENEWAL
Leja S OldroydItalyIvan Magalhaes UNQUALIFIED
Jones Q DarakjyItalyBernardo Dominic NEGOTIATION
Clifford E SchemmerRussiaBernardo Dominic UNQUALIFIED
Johnson F StockhamSpainAsiya Javayant PROPOSAL
Salvatore N PaprockiSpainOnyama Limba PROPOSAL
Faith M IturbideAustraliaIoni Bowcher NEW
Ivar O GarufiUnited KingdomBernardo Dominic QUALIFIED
Silvio H GillianGermanyAnna Fali NEW
Isabel Y RutaJapanStephen Shaw NEGOTIATION
Ashley E StockhamIndiaAnna Fali PROPOSAL
Aika S StockhamJapanAnna Fali PROPOSAL
Maisha M DoeItalyOnyama Limba UNQUALIFIED
Leja E AmigonJapanIoni Bowcher QUALIFIED
Jeanfrancois D CaldareraCanadaIoni Bowcher UNQUALIFIED
Salvatore M FlosiUnited KingdomAnna Fali NEW
Julie G AmigonCanadaAnna Fali NEGOTIATION
Francesco Z VocelkaIndiaAsiya Javayant UNQUALIFIED
Arvin V MacleadGermanyIvan Magalhaes NEW
Morrow W GauchoBrazilElwin Sharvill QUALIFIED
Rodrigues U StockhamRussiaStephen Shaw RENEWAL
Morrow M InouyeAustraliaBernardo Dominic PROPOSAL
Maisha M GillianCanadaBernardo Dominic NEW
Aruna W PoquetteUnited KingdomAsiya Javayant UNQUALIFIED
David Y PerinGermanyAnna Fali NEW
Clifford S GlickBrazilAsiya Javayant PROPOSAL
Tony O VocelkaCanadaAsiya Javayant PROPOSAL
Darci A StockhamUnited KingdomIvan Magalhaes NEW
Leon I StensethSpainBernardo Dominic UNQUALIFIED
Rodrigues X CampainUnited KingdomAmy Elsner NEGOTIATION
Isabel Q BowleyFranceIvan Magalhaes NEW
Leja W KuskoItalyAsiya Javayant NEW
Ricardo A FerenczJapanAnna Fali NEGOTIATION
Smith N GauchoAustraliaAsiya Javayant RENEWAL
Ricardo J ButtRussiaIoni Bowcher RENEWAL
Francesco X RutaAustraliaAmy Elsner 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>