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
Faith C RoysterItalyOnyama Limba NEGOTIATION
Mayumi T FerenczBrazilAmy Elsner UNQUALIFIED
Johnson R CaldareraUnited KingdomAsiya Javayant RENEWAL
Antonio H VocelkaJapanIvan Magalhaes PROPOSAL
Clifford A SaylorsRussiaBernardo Dominic NEW
Jefferson J VocelkaJapanAnna Fali PROPOSAL
Stacey A OldroydGermanyXuxue Feng UNQUALIFIED
Claire Q SaylorsRussiaXuxue Feng UNQUALIFIED
Adams M FigeroaUnited KingdomIvan Magalhaes QUALIFIED
Mayumi T SchemmerIndiaOnyama Limba UNQUALIFIED
Adams Q BowleyFranceStephen Shaw PROPOSAL
Chavez Q DarakjyAustraliaIoni Bowcher PROPOSAL
Nicolas B PoquetteUnited KingdomAnna Fali PROPOSAL
Alejandro Q RoysterRussiaElwin Sharvill RENEWAL
Maria D RoysterIndiaAnna Fali UNQUALIFIED
Mujtaba D KolmetzIndiaAnna Fali NEW
Ivar O TollnerUnited KingdomIoni Bowcher QUALIFIED
Johnson P GauchoIndiaElwin Sharvill NEGOTIATION
Julie P FlosiSpainOnyama Limba UNQUALIFIED
James A BologniaArgentinaBernardo Dominic PROPOSAL
Aruna G SaylorsCanadaStephen Shaw UNQUALIFIED
Juan V MarrierArgentinaXuxue Feng UNQUALIFIED
Maisha Y BologniaFranceAmy Elsner PROPOSAL
Faith P GillianItalyStephen Shaw QUALIFIED
Smith N NestleSpainElwin Sharvill QUALIFIED
Kaitlin M WieserSpainXuxue Feng QUALIFIED
Alejandro L CaldareraRussiaStephen Shaw RENEWAL
Mujtaba L ButtArgentinaBernardo Dominic UNQUALIFIED
Cody N NestleItalyIoni Bowcher NEGOTIATION
Costa U StockhamAustraliaOnyama Limba QUALIFIED
Arvin J KuskoArgentinaStephen Shaw UNQUALIFIED
Alejandro I BowleyJapanAsiya Javayant QUALIFIED
Kadeem B RimJapanAnna Fali NEGOTIATION
Clifford O IturbideGermanyAsiya Javayant UNQUALIFIED
Darci X DarakjyFranceAsiya Javayant QUALIFIED
Faith C BologniaAustraliaElwin Sharvill PROPOSAL
Maisha W WaycottSpainAsiya Javayant RENEWAL
Morrow M OstroskyAustraliaIoni Bowcher UNQUALIFIED
Claire T DarakjyJapanAmy Elsner NEGOTIATION
Adams B StensethAustraliaElwin Sharvill PROPOSAL
Munro I NestleArgentinaElwin Sharvill QUALIFIED
Jennifer F WaycottCanadaOnyama Limba PROPOSAL
Silvio U SergiGermanyIoni Bowcher NEGOTIATION
Jeanfrancois N BriddickGermanyElwin Sharvill QUALIFIED
Wickens G WieserSpainAmy Elsner PROPOSAL
Misaki Z TollnerAustraliaElwin Sharvill UNQUALIFIED
Aditya N NickaCanadaStephen Shaw QUALIFIED
Ricardo D GlickGermanyAmy Elsner PROPOSAL
Clifford J PaprockiCanadaAmy Elsner UNQUALIFIED
Kadeem V BriddickArgentinaAmy Elsner PROPOSAL
Horizontal
NameCountryRepresentativeStatus
Izzy L ChuiGermanyXuxue Feng QUALIFIED
Adams Z KuskoArgentinaAmy Elsner NEW
Jeanfrancois T CaudyRussiaBernardo Dominic PROPOSAL
Aruna N GauchoIndiaAmy Elsner NEGOTIATION
Clifford T RutaBrazilIoni Bowcher PROPOSAL
Alejandro D BriddickGermanyXuxue Feng UNQUALIFIED
Cody F DilliardCanadaBernardo Dominic RENEWAL
Alejandro V OstroskyArgentinaAnna Fali QUALIFIED
Jones P SaylorsIndiaElwin Sharvill NEGOTIATION
Nicolas R FigeroaRussiaAnna Fali QUALIFIED
Horizontal and Vertical
IdNameCountryDateCompanyStatusActivityRepresentative
1000Aditya X WaycottUnited Kingdom2026-09-27Morlong Associates RENEWAL37Asiya Javayant
1001Julie K GillianUnited Kingdom2026-10-14Chapman, Ross E Esq NEW3Ioni Bowcher
1002Jeanfrancois O FigeroaIndia2026-10-23Chapman, Ross E Esq UNQUALIFIED35Stephen Shaw
1003Leja U FlosiIndia2026-10-13Printing Dimensions NEGOTIATION82Onyama Limba
1004Murillo W ChuiBrazil2026-10-18Rangoni Of Florence QUALIFIED89Onyama Limba
1005Mayumi N MorascaItaly2026-10-08Chemel, James L Cpa NEW79Onyama Limba
1006Munro E WaycottJapan2026-10-16Buckley Miller Wright NEGOTIATION84Ivan Magalhaes
1007Maria S FollerBrazil2026-10-06Chapman, Ross E Esq PROPOSAL42Onyama Limba
1008Greenwood U GlickJapan2026-10-15Dorl, James J Esq QUALIFIED35Elwin Sharvill
1009James J WaycottArgentina2026-09-28Rangoni Of Florence UNQUALIFIED39Elwin Sharvill
1010Claire N ButtGermany2026-10-06Buckley Miller Wright NEW18Anna Fali
1011Sinclair V PoquetteUnited Kingdom2026-10-02Chanay, Jeffrey A Esq RENEWAL45Stephen Shaw
1012Izzy W DoeFrance2026-10-16Benton, John B Jr RENEWAL2Stephen Shaw
1013Antonio H GillianIndia2026-09-27Commercial Press NEW36Amy Elsner
1014Chavez A MarrierGermany2026-10-23Chapman, Ross E Esq NEGOTIATION79Ioni Bowcher
1015Ivar Q DoeUnited Kingdom2026-10-11Benton, John B Jr RENEWAL51Bernardo Dominic
1016Francesco R CaudyJapan2026-10-07Benton, John B Jr NEW43Ioni Bowcher
1017Stacey X GarufiBrazil2026-10-08Dorl, James J Esq QUALIFIED52Ivan Magalhaes
1018Ashley C WaycottBrazil2026-09-26Rousseaux, Michael Esq PROPOSAL56Amy Elsner
1019Cody T SergiFrance2026-10-04Commercial Press UNQUALIFIED4Xuxue Feng
1020Leja A BologniaUnited Kingdom2026-09-24Printing Dimensions QUALIFIED72Ivan Magalhaes
1021Leja S InouyeUnited Kingdom2026-09-28King, Christopher A Esq QUALIFIED4Xuxue Feng
1022Clifford W PoquetteSpain2026-10-23Feiner Bros NEGOTIATION14Xuxue Feng
1023Claire K SchemmerSpain2026-10-07Commercial Press NEGOTIATION30Ioni Bowcher
1024James G FerenczFrance2026-09-26Chapman, Ross E Esq UNQUALIFIED87Ioni Bowcher
1025Chavez Y OldroydRussia2026-10-23Chemel, James L Cpa RENEWAL28Ivan Magalhaes
1026Aditya K DoeFrance2026-09-27Morlong Associates QUALIFIED5Ioni Bowcher
1027Adams K KuskoGermany2026-10-04King, Christopher A Esq NEW72Anna Fali
1028Jeanfrancois K DoeItaly2026-09-27Feltz Printing Service QUALIFIED92Ioni Bowcher
1029Aruna A SergiIndia2026-10-16Chapman, Ross E Esq QUALIFIED25Amy Elsner
1030Murillo G StensethItaly2026-10-09Buckley Miller Wright PROPOSAL25Amy Elsner
1031David X WieserJapan2026-10-17Morlong Associates NEGOTIATION88Stephen Shaw
1032Mayumi A KolmetzSpain2026-10-22Chapman, Ross E Esq PROPOSAL94Elwin Sharvill
1033David E NestleRussia2026-09-26Chemel, James L Cpa RENEWAL74Bernardo Dominic
1034Deepesh H SchemmerGermany2026-09-25Buckley Miller Wright UNQUALIFIED73Ivan Magalhaes
1035Kaitlin C BologniaJapan2026-09-29Feltz Printing Service QUALIFIED82Anna Fali
1036Emily N OldroydIndia2026-10-06King, Christopher A Esq QUALIFIED95Asiya Javayant
1037Isabel F KuskoUnited Kingdom2026-10-10Chemel, James L Cpa NEW89Elwin Sharvill
1038Cody R PaprockiCanada2026-10-23Chemel, James L Cpa PROPOSAL50Onyama Limba
1039Johnson X WaycottUnited Kingdom2026-10-02Truhlar And Truhlar Attys NEW76Anna Fali
1040Jefferson D CaudyJapan2026-10-14Printing Dimensions NEGOTIATION45Anna Fali
1041Deepesh I FollerJapan2026-10-17Chanay, Jeffrey A Esq NEGOTIATION78Xuxue Feng
1042Jefferson P AlbaresUnited Kingdom2026-10-16Morlong Associates NEW52Onyama Limba
1043Jones Y WaycottSpain2026-10-16Printing Dimensions PROPOSAL40Ivan Magalhaes
1044Cody D CaudyUnited Kingdom2026-10-12Chemel, James L Cpa PROPOSAL10Ivan Magalhaes
1045Greenwood U GarufiJapan2026-10-13Morlong Associates QUALIFIED30Amy Elsner
1046Ivar P VenereGermany2026-10-15Truhlar And Truhlar Attys NEGOTIATION48Ivan Magalhaes
1047Mayumi M CampainRussia2026-09-24Chanay, Jeffrey A Esq RENEWAL36Amy Elsner
1048Francesco X PerinRussia2026-09-25Feiner Bros RENEWAL59Stephen Shaw
1049Claire B SchemmerFrance2026-10-22Truhlar And Truhlar Attys NEGOTIATION61Xuxue Feng
Frozen Rows
NameCountryRepresentativeStatus
Izzy W ChuiFranceAnna Fali UNQUALIFIED
Aika M RimItalyElwin Sharvill NEGOTIATION
Claire R NestleBrazilBernardo Dominic RENEWAL
Maisha F NestleFranceIoni Bowcher RENEWAL
Octavia U FerenczItalyAnna Fali NEGOTIATION
Sinclair A SergiGermanyAsiya Javayant NEGOTIATION
Isabel U BriddickFranceXuxue Feng PROPOSAL
Emily U NestleJapanIoni Bowcher RENEWAL
Julie X SlusarskiSpainIvan Magalhaes UNQUALIFIED
Kaitlin R CampainBrazilIvan Magalhaes NEGOTIATION
Jennifer K OldroydJapanAmy Elsner RENEWAL
Smith U MaletUnited KingdomIvan Magalhaes PROPOSAL
Wickens K CaldareraArgentinaElwin Sharvill UNQUALIFIED
Claire S SchemmerArgentinaStephen Shaw NEGOTIATION
Kaitlin X NickaGermanyAsiya Javayant NEGOTIATION
Jeanfrancois Y WaycottCanadaXuxue Feng PROPOSAL
Jeanfrancois F PoquetteUnited KingdomAmy Elsner PROPOSAL
Ashley H BriddickIndiaElwin Sharvill RENEWAL
Mayumi F StensethBrazilAnna Fali NEGOTIATION
Sinclair L IturbideArgentinaBernardo Dominic RENEWAL
Jones G DarakjyJapanOnyama Limba RENEWAL
Stacey Q MorascaCanadaIvan Magalhaes UNQUALIFIED
Claire H PaprockiIndiaAnna Fali QUALIFIED
Greenwood M OldroydItalyIoni Bowcher QUALIFIED
Jeanfrancois P StockhamArgentinaAsiya Javayant NEGOTIATION
Emily W GarufiArgentinaAsiya Javayant PROPOSAL
Cody F RoysterIndiaXuxue Feng NEW
Isabel Z RoysterBrazilIoni Bowcher QUALIFIED
Ivar Q ButtBrazilStephen Shaw NEW
Jeanfrancois Y CaudyUnited KingdomBernardo Dominic NEGOTIATION
Leja A StockhamFranceIoni Bowcher RENEWAL
Rodrigues U SaylorsSpainAnna Fali UNQUALIFIED
Johnson Y SaylorsGermanyStephen Shaw NEW
Morrow J CaudyArgentinaStephen Shaw RENEWAL
Chavez D GauchoRussiaIoni Bowcher PROPOSAL
Chavez S SchemmerArgentinaOnyama Limba PROPOSAL
Ashley H SaylorsBrazilAnna Fali NEW
Aika D GauchoGermanyBernardo Dominic NEW
Smith H MacleadBrazilStephen Shaw UNQUALIFIED
Sinclair I KuskoRussiaOnyama Limba UNQUALIFIED
Chavez M BowleyIndiaXuxue Feng PROPOSAL
Antonio Q SlusarskiAustraliaAmy Elsner UNQUALIFIED
Munro V MacleadCanadaStephen Shaw UNQUALIFIED
Juan U NickaCanadaIoni Bowcher QUALIFIED
Rodrigues A WaycottArgentinaAsiya Javayant NEW
Sinclair B BowleyUnited KingdomStephen Shaw NEGOTIATION
Kadeem S DilliardCanadaElwin Sharvill PROPOSAL
Cody N OstroskyBrazilAsiya Javayant QUALIFIED
Cody R RoysterUnited KingdomIvan Magalhaes NEW
Murillo J WhobreyFranceElwin Sharvill UNQUALIFIED
Frozen Columns
Name
Leja D Stockham
Ricardo U Malet
Smith H Poquette
Ivar E Rulapaugh
Julie K Whobrey
Kaitlin I Oldroyd
Smith P Ferencz
Sinclair D Venere
Misaki J Stenseth
Johnson A Briddick
Nicolas T Waycott
Arvin E Iturbide
Tony R Wieser
Julie B Foller
Rodrigues D Tollner
Mujtaba Q Caudy
Misaki G Ruta
Salvatore W Rulapaugh
Isabel Z Glick
Adams J Foller
Ashley O Foller
Aruna V Morasca
Leja U Tollner
Alejandro J Foller
Francesco L Foller
Juan A Malet
Izzy A Inouye
Ivar O Whobrey
Jones X Waycott
Aditya Z Figeroa
Antonio C Sergi
Jeanfrancois J Butt
Silvio D Ostrosky
Kadeem H Vocelka
Octavia H Malet
Jefferson H Malet
Maria E Maclead
Murillo E Morasca
Nicolas L Paprocki
Mujtaba V Rim
Francesco J Ostrosky
Tony D Rim
Faith N Poquette
Maria X Malet
Jones E Perin
Silvio E Ruta
Greenwood E Butt
Greenwood P Poquette
Ashley I Inouye
Chavez H Garufi
IdCountryDate
1000United Kingdom2026-10-10
1001Germany2026-10-17
1002Italy2026-10-12
1003Japan2026-10-22
1004Italy2026-10-01
1005Italy2026-10-23
1006Australia2026-10-07
1007Canada2026-09-27
1008Australia2026-10-14
1009Russia2026-10-01
1010Germany2026-10-02
1011Japan2026-09-25
1012Australia2026-10-18
1013France2026-10-23
1014Argentina2026-10-02
1015Russia2026-10-13
1016Japan2026-10-09
1017Italy2026-09-25
1018United Kingdom2026-10-22
1019Argentina2026-10-13
1020Argentina2026-09-25
1021France2026-09-29
1022Canada2026-09-29
1023Brazil2026-10-07
1024India2026-10-06
1025Spain2026-10-16
1026Brazil2026-10-11
1027United Kingdom2026-10-21
1028France2026-09-28
1029United Kingdom2026-09-24
1030Germany2026-09-29
1031Russia2026-10-06
1032India2026-10-07
1033Japan2026-10-14
1034Argentina2026-10-01
1035Brazil2026-10-20
1036Germany2026-10-05
1037Argentina2026-09-29
1038Australia2026-09-29
1039Italy2026-09-26
1040Germany2026-09-30
1041Spain2026-10-01
1042Spain2026-09-25
1043Australia2026-10-09
1044Argentina2026-09-27
1045France2026-10-20
1046Spain2026-10-01
1047Russia2026-10-08
1048Argentina2026-10-20
1049Russia2026-09-27

On-Demand Data

NameIdCountryDate
Wickens F Garufi1000Germany2026-10-17
Ashley S Gillian1001Japan2026-10-17
Leon K Flosi1002India2026-10-10
Cody L Tollner1003Spain2026-10-01
Aditya W Malet1004Italy2026-10-19
Leon V Royster1005Argentina2026-10-15
Aruna G Rulapaugh1006France2026-10-03
Jefferson U Stenseth1007Spain2026-09-28
Isabel H Maclead1008Brazil2026-10-15
Wickens A Wieser1009Russia2026-10-17
Ashley Z Whobrey1010Japan2026-10-05
Stacey J Stockham1011Argentina2026-10-03
Jones O Bowley1012Italy2026-10-20
Ivar O Poquette1013Canada2026-10-03
Kadeem P Albares1014France2026-10-03
Munro M Maclead1015Canada2026-10-09
Silvio V Iturbide1016Spain2026-10-07
Munro C Flosi1017Japan2026-10-06
James Z Butt1018Australia2026-10-07
Munro H Flosi1019Russia2026-10-15
Virtual Scrolling - 20000 Rows
NameCountryRepresentativeStatus
Costa I WieserItalyAnna Fali NEGOTIATION
Nicolas W DoeGermanyBernardo Dominic UNQUALIFIED
Aika A DarakjyIndiaIoni Bowcher PROPOSAL
Smith E WaycottRussiaAmy Elsner NEW
Clifford Q DarakjyItalyAsiya Javayant QUALIFIED
Ricardo O GauchoGermanyElwin Sharvill RENEWAL
Costa Z NickaRussiaAmy Elsner PROPOSAL
Jeanfrancois O RoysterAustraliaAsiya Javayant UNQUALIFIED
Stacey I OldroydRussiaElwin Sharvill NEW
Aika F SchemmerBrazilStephen Shaw UNQUALIFIED
Emily J SchemmerUnited KingdomOnyama Limba RENEWAL
Clifford N DoeItalyOnyama Limba NEW
Morrow R SaylorsGermanyBernardo Dominic QUALIFIED
Leon J ChuiSpainAsiya Javayant UNQUALIFIED
Ashley B CampainFranceElwin Sharvill QUALIFIED
Kadeem S WieserUnited KingdomIvan Magalhaes NEW
Jeanfrancois M RulapaughJapanIoni Bowcher RENEWAL
Ricardo X RulapaughBrazilIoni Bowcher RENEWAL
Maisha Q RoysterJapanIvan Magalhaes RENEWAL
Maisha O MacleadArgentinaOnyama Limba PROPOSAL
Adams B MaletGermanyElwin Sharvill NEW
Ricardo P RutaFranceAsiya Javayant NEW
James V IturbideBrazilIoni Bowcher NEGOTIATION
Misaki I BologniaArgentinaIvan Magalhaes QUALIFIED
Clifford S PaprockiFranceAnna Fali PROPOSAL
Jennifer Z FerenczIndiaAsiya Javayant UNQUALIFIED
Maisha R NickaItalyIoni Bowcher RENEWAL
Claire F RutaFranceAsiya Javayant RENEWAL
Emily V FollerIndiaAsiya Javayant UNQUALIFIED
Alejandro B VocelkaItalyOnyama Limba PROPOSAL
Aditya U FigeroaCanadaStephen Shaw NEW
Aika K BowleyBrazilIvan Magalhaes NEW
Francesco W AlbaresAustraliaElwin Sharvill RENEWAL
Costa L CaldareraFranceBernardo Dominic QUALIFIED
Cody R OstroskyIndiaAmy Elsner PROPOSAL
Rodrigues F WieserJapanBernardo Dominic NEGOTIATION
Arvin X KuskoJapanStephen Shaw NEW
Kadeem E ButtIndiaAmy Elsner PROPOSAL
Wickens C FerenczBrazilIoni Bowcher QUALIFIED
Sinclair B MarrierIndiaIvan Magalhaes QUALIFIED

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